.global__group {zoom: 1;} .global__group:before,.global__group:after {content: "";display: table;} .global__group:after {clear: both;} .float--left{float:left;} .float--right{float:right;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} html, body { font-size: 14px; line-height: 20px; font-family: 'Austin News Deck Roman', sans-serif; color: #565656; } h1, h2, h3, h4, h5, h6 {font-family: "Austin News Deck Semibold", sans-serif;} h1, h2, h3 { font-weight: 500; color: #333; } h1 { color: #fff; font-size: 18px; padding: 10px; font-weight: 700; } h2 { font-size: 24px; } h3 { font-size: 16px; } p, th, td, ul, ol, dt, dd { font-family: 'Austin News Deck Semibold', sans-serif; font-size: 15px; line-height: 21px; } dt, dd { font-style: normal; font-weight: normal; } #card { overflow: hidden; display: block; margin: 0 auto; padding: 16px 16px 0 16px; border: none; border-top-width: 1px; border-top-style: solid; } #card[data-widget-size="responsive"] { width: 100%; max-width: 650px; } #card .row { margin-bottom: 16px; padding: 0; display: block;} #card .row[data-type="subsubheading"] { margin-bottom: 0; } #card .row[data-theme="no-margin"] { margin-bottom: 0px; margin-top: 0px;} #card .row[data-type="subsubheading"], #card .row[data-type="text"], #card .row[data-type="stars"], #card .row[data-type="bulleted-list"], #card .row[data-type="numbered-list"], #card .row[data-type="table"] p, #card .row[data-type="graph"] p, #card .row[data-type="facts"], #card .row[data-type="date"], #card .row[data-type="image"] figcaption {padding: 0px;} #card .row[data-type="heading"] h1 { font-size: 20px; line-height: 24px; color: #333; font-weight: 600; padding: 0px; } #card .row[data-type="subheading"] h2 { padding: 0 10px 0 10px; margin-left: -10px; margin-right: -10px; line-height: 28px; color: #565656; font-weight: 400;} #card .row[data-type="subsubheading"] h3 { padding: 0 10px; margin-left: -10px; margin-right: -10px; font-size: 17px; line-height: 22px; font-weight: 600; } #card .row[data-type="image"], #card .row[data-type="table"], #card .row[data-type="sectionBarHoriz"] {margin: 0 -20px 10px -10px;} #card .row[data-type="image"] figure img { margin: 0 auto 5px auto; display: block; max-width: 100%;} #card .row[data-type="image"] figcaption { color: #666; font-size: 12px; line-height: 16px; font-family: 'Telesans Text Regular'; } #card .row[data-type="image"] figcaption span { color: #666; font-size: 8px; line-height: 16px; text-transform: uppercase; } #card .row[data-type="image"][data-theme="half"]{width:45%; padding: 0; float: right; margin: 0px 0px 16px 16px;} #card .row[data-type="image"][data-theme="half"] figcaption{padding: 0 10px;} #card .row[data-type="video"] { margin: 0 -20px 10px -10px; } #card .row[data-type="video"] .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } #card .row[data-type="video"] .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; } #card .row[data-type="stars"] ul li { display: inline-block; margin: 0 2px;} #card .row[data-type="stars"] ul li svg {width: 20px; height: 20px;} #card .row[data-type="text"] p { font-family: 'Austin News Text Roman'; display: block; margin: 0 -10px 12px -10px; padding: 0 10px; } #card .row[data-type="text"] p strong { font-family: 'Austin News Text Semibold'; } #card .row[data-type="text"] h1 { font-weight: bold; margin: 0; padding: 0; } #card .row[data-type="text"] h2 { font-weight: bold; color: inherit; margin: 0; padding: 0; } #card .row[data-type="text"] h3 { font-weight: bold; margin: 0; padding: 0; } /* new styles from timeline */ #card .row[data-type="text"] h1 { font-family: 'Austin News Deck Semibold'; font-size: 17px; line-height: 21px; } #card .row[data-type="text"] h2 { font-family: 'Austin News Deck Semibold'; font-size: 17px; line-height: 21px; } #card .row[data-type="text"] h3 { font-family: 'Austin News Deck Semibold'; font-size: 15px; line-height: 21px; } #card .row[data-type="text"] h4 { font-size: 15px; font-weight: bold; line-height: 21px; } #card .row[data-type="text"] h5 { font-family: 'Austin News Text Roman'; font-size: 15px; line-height: 21px; } #card .row[data-type="text"] h6 { font-family: 'Austin News Text Roman'; font-size: 15px; line-height: 21px; } #card .row[data-type="text"] ul, #card .row[data-type="bulleted-list"] ul { list-style: none; margin: 0.5em 0; padding: 0; padding-left: 0.5em; } #card .row[data-type="text"] ul li, #card .row[data-type="bulleted-list"] ul li { font-family: 'Austin News Text Roman'; padding-left: 1.5em; position: relative; } #card .row[data-type="text"] ul li:after, #card .row[data-type="bulleted-list"] ul li:after { content: ''; height: 6px; width: 6px; display: block; position: absolute; transform: rotate(45deg); top: 9px; left: -5px; } #card .row[data-type="text"] ul, #card .row[data-type="bulleted-list"] ul, #card .row[data-type="text"] ol, #card .row[data-type="bulleted-list"] ol { font-size: 15px; line-height: 21px; font-weight: 400; } #card .row[data-type="text"] p + ul, #card .row[data-type="text"] p + ol { margin-top: -0.5em; } #card .row[data-type="text"] ol, #card .row[data-type="numbered-list"] ol { counter-reset: li; margin: 0.5em 0; padding: 0; } #card .row[data-type="text"] ol li, #card .row[data-type="numbered-list"] ol li { font-family: 'Austin News Text Roman'; position: relative; list-style: none; margin: 0 0 6px 0px; padding-left: 28px; } #card .row[data-type="numbered-list"] ol li { margin-bottom: 6px; } #card .row[data-type="text"] ol li:before, #card .row[data-type="numbered-list"] ol li:before { content: counter(li); counter-increment: li; position: absolute; left: 3px; top: 0px; font-size: 17px; line-height: 20px; font-family: "Austin News Deck Roman",Georgia,Times,serif; text-align: center; } #card .row[data-type="text"] ol li, #card .row[data-type="text"] ol li p, #card .row[data-type="text"] ul li, #card .row[data-type="text"] ul li p { font-family: 'Austin News Text Roman'; } #card .row[data-type="text"] ol li p, #card .row[data-type="numbered-list"] ol li p { margin: 0; } #card .row[data-type="separator"] hr { border-bottom-width: 0; border-top-width: 1px; border-top-style: solid; margin: 0 -20px 0 -10px; } #card .row[data-type="table"] table { width: 100%; font-family: "Austin News Deck Roman",Georgia,Times,serif; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #ddd; } #card .row[data-type="table"] table thead tr th { font-family: "Telesans Text Bold",Arial,sans-serif; vertical-align: top; background-color: transparent; padding: 8px; font-size: 14px; position: relative; line-height: 18px;} #card .row[data-type="table"] table thead tr th:nth-child(n+2)::before { content: ""; border-left: 1px solid #666; margin-right: 8px; position: absolute; top: 10px; left: 0px; height: 75%; } #card .row[data-type="table"] table tbody { background: rgba(255, 255, 255, 0.5); } #card .row[data-type="table"] table tbody tr td { vertical-align: top; background-color: transparent; padding: 8px; font-family: "Telesans Text Regular",Arial,sans-serif; font-weight: normal; font-size: 14px; border-top: 1px solid #ddd; position: relative; line-height: 18px;} #card .row[data-type="table"] table tbody tr td:nth-child(n+2)::before { content: ""; border-left: 1px solid #ddd; margin-right: 8px; position: absolute; top: 10px; left: 0px; height: 75%; } #card .row[data-type="table"] p {font-family: 'Telesans Text Regular', sans-serif;} #card .row[data-type="table"] p span {color: #666; font-size: 12px; line-height: 16px;} #card .row[data-type="table"] p a {color: #666; font-size: 12px; line-height: 16px; } #card .row[data-type="table"] p a:not([href]) {border: 0 none;} #card .row[data-type="table"] table thead tr th:empty {padding:0; display:none; } #card .row[data-type="table"][data-theme="election"] table { width: 100%; font-family: "Austin News Deck Roman",Georgia,Times,serif; font-weight: bold; border-collapse: collapse; border-bottom: 0px solid #ddd; } #card .row[data-type="table"][data-theme="election"] table thead tr th { font-family: "Austin News Deck Semibold",Arial,sans-serif; vertical-align: top; background-color: transparent; padding: 8px; font-size: 14px; position: relative; text-align:center; } #card .row[data-type="table"][data-theme="election"] table thead tr th:nth-child(n+2)::before { content: ""; border-left: 0px solid #666; margin-right: 8px; position: absolute; top: 10px; left: 0px; height: 75%; } #card .row[data-type="table"][data-theme="election"] table tbody { background: transparent; } #card .row[data-type="table"][data-theme="election"] table tbody tr:first-child td:nth-child(n+2){font-size:40px;font-family: 'Austin News Deck Semibold'; font-weight:700;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(even) td{font-size:22px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(odd):not(:first-child) td:nth-child(n+2){font-size:24px;font-family: 'Austin News Deck Semibold'; font-weight:700;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(odd) td{font-family: 'Austin News Deck Semibold';} #card .row[data-type="table"][data-theme="election"] table tbody tr td.elecTable-labour{color:#e60b1d;} #card .row[data-type="table"][data-theme="election"] table tbody tr td.elecTable-cons{color:#1248b3;} #card .row[data-type="table"][data-theme="election"] table tbody tr td.elecTable-libdem{color:#f2a918;} #card .row[data-type="table"][data-theme="election"] table tbody tr td.elecTable-ukip{color:#680558;} #card .row[data-type="table"][data-theme="election"] table tbody tr td.elecTable-noc{color:#8ba8b0;} #card .row[data-type="table"][data-theme="election"] table tbody tr td { vertical-align: top; background-color: transparent; padding: 8px; font-family: "Austin News Deck Roman",Arial,sans-serif; font-weight: normal; font-size: 14px; border-top: 0px solid #ddd; position: relative; } #card .row[data-type="table"][data-theme="election"] table tbody tr td:first-child { font-weight: bold; } #card .row[data-type="table"][data-theme="election"] table tbody tr td:nth-child(n+2)::before { content: ""; border-left: 0px solid #ddd; margin-right: 8px; position: absolute; top: 0px; left: 0px; height: 75%; } #card .row[data-type="table"][data-theme="election"] table tbody tr td:nth-child(n+2) { text-align: center; } #card .row[data-type="table"][data-theme="election"] table tbody tr td:nth-child(n+3) { border-left: 1px solid #ddd; } #card .row[data-type="table"][data-theme="election"] p {font-family: 'Austin News Deck Roman', sans-serif;} #card .row[data-type="table"][data-theme="election"] p span {color: #666; font-size: 12px; line-height: 16px;} #card .row[data-type="table"][data-theme="election"] p a {color: #666; font-size: 12px; line-height: 16px; } #card .row[data-type="table"][data-theme="election"] p a:not([href]) {border: 0 none;} #card .row[data-type="date"] dl { display: block; padding: 0 10px; margin-left: -10px; margin-right: -10px; } #card .row[data-type="date"] dl dt, #card .row[data-type="date"] dl dd { font-family: 'Austin News Text Roman'; display: inline; } #card .row[data-type="date"] dl dt { font-family: 'Austin News Text Semibold'; font-weight: 700; margin-right: 5px; float: left; } #card .row[data-type="date"] dl dd { margin: 0; margin-bottom: 16px; display: block; } #card .row[data-type="date"] dl dd { margin-bottom: 0px; } #card .row[data-type="facts"] .facts { display: block; padding: 0 10px; margin-left: -10px; margin-right: -10px; } #card .row[data-type="facts"] .facts p { margin: 0; } #card .row[data-type="facts"] .facts .label, #card .row[data-type="facts"] .facts .value { font-family: 'Austin News Text Roman'; display: inline; } #card .row[data-type="facts"] .facts .label { font-family: 'Austin News Text Semibold'; font-weight: 700; margin-right: 5px; display: inline; } #card .row[data-type="facts"] .facts .value { margin: 0; margin-bottom: 16px; display: inline; } #card .row[data-theme="no-margin"][data-type="facts"] .facts .value { margin-bottom: 0px; } #card .row[data-type="facts"] .facts .value { margin-bottom: 0px; } .focus {text-decoration: none; padding-bottom: 2px; border-bottom-width: 2px; border-bottom-style: solid;} #card[data-theme="referendum"] .color { color: #004494; } #card[data-theme="referendum"] .focus { border-bottom-color: #004494; } #card[data-theme="referendum"] .focus:hover { color: #004494; border-bottom-color: #004494; } #card[data-theme="referendum"] li.listColor:before, [data-widget-section="#{$key}"] li.listColor:before { color: #004494; } #card[data-theme="referendum"] li.listBackground:after, [data-widget-section="#{$key}"] li.listBackground:before { background-color: #004494; } #card[data-theme="olympic"] { border-color: #1F4F00 !important; } #card[data-theme="olympic"].background { background-color: #ffe800 } #card[data-theme="olympic"] .invert .background { background-color: #007620 } #card[data-theme="olympic"] .color { color: #007620; } #card[data-theme="olympic"] .focus { border-bottom-color: #007620; } #card[data-theme="olympic"] .focus:hover { color: #007620; border-bottom-color: #007620; } #card[data-theme="olympic"] li.listColor:before, [data-widget-section="#{$key}"] li.listColor:before { color: #007620; } #card[data-theme="olympic"] li.listBackground:after, [data-widget-section="#{$key}"] li.listBackground:before { background-color: #007620; } #card[data-theme="olympic"] .row[data-type="table"] table { border-bottom: 1px solid #1f4f00; } #card[data-theme="olympic"] .row[data-type="table"] table tbody tr td { border-top:1px solid #1f4f00; } #card[data-theme="olympic"] .row[data-type="table"] table tbody tr td:nth-child(n+2)::before { border-left: 1px solid #1f4f00; } /* Horizontal Bar Chart */ #card .row[data-type="graph"] { margin: 0 -20px 10px -10px; } #card .row[data-type="graph"] dl { height: auto; margin: 42px auto 0 auto; width: 90%; border-left: 2px solid #333; text-align: left; position: relative; } #card .row[data-type="graph"] dl.width80 { width: 80%; } #card .row[data-type="graph"] dl.negative { border-left: 0 none; padding-bottom: 21px; } #card .row[data-type="graph"] dd.ruler { padding-bottom: 17px; margin-bottom: 0px; } #card .row[data-type="graph"] dl.negative dd.ruler { display: block; content: " "; width: 1px; height: 100% !important; border-right: 2px solid #333; position: absolute; top: 0; padding-bottom: 210px; } #card .row[data-type="graph"] dt { margin-left: 5px; font-weight: bold; white-space: nowrap; font-family: 'Telesans Agate'; font-size: 16px; color: #333; } #card .row[data-type="graph"] dt.right-align { width: 100%; padding-right: 9px; text-align: right; } #card .row[data-type="graph"] dt { margin: -24px 0 0 0; } #card .row[data-type="graph"] dd { overflow: hidden; padding: 6px 0 2px; margin-bottom: 35px; height: auto !important; } #card .row[data-type="graph"] dd.backgroundHighlight.border { background: white !important; border-width: 1px 1px 1px 0; border-style: solid; } #card .row[data-type="graph"] dd.backgroundHighlight.border.negative { border-width: 1px 0 1px 1px; } #card .row[data-type="graph"] dd.backgroundHighlight.border span { color: #333; } #card .row[data-type="graph"] dt:last-of-type + dd { margin-bottom: 0; } #card .row[data-type="graph"] dd span { position: relative; color: #ffffff; font-family: 'Austin News Deck Semibold', sans-serif; font-weight: bold; font-size: 24px; top: 50%; left: 5px; margin: -13px 0 0 0; } #card .row[data-type="graph"] dd.sectionBarOutside { overflow: visible; } #card .row[data-type="graph"] dd.sectionBarOutside span { left: 100%; color: #333; margin-left: 2px; } #card .row[data-type="graph"] dd.sectionBarOutside.zero span { margin-left: -24px; } #card .row[data-type="graph"] dl.no-positives dd.sectionBarOutside span { left: -100%; } #card .row[data-type="graph"] p {font-family: 'Telesans Text Regular', sans-serif; min-height: 12px; } #card .row[data-type="graph"] p span {color: #666; font-size: 12px; line-height: 16px;} #card .row[data-type="graph"] p a {color: #666; font-size: 12px; line-height: 16px; } #card .row[data-type="graph"] p a:not([href]) {border: 0 none;} #card .row[data-type="graph"] p[data-el="caption"] { line-height: 16px; } /* custom tint colours */ [data-widget-section] .row[data-type] dd.background-colour, [data-widget-section="default"] .row[data-type="graph"] dd.background-colour, [data-widget-section=""] .row[data-type="graph"] dd.background-colour { background-color: #3689a7; } [data-widget-section="news"] .row[data-type="graph"] dd.background-colour { background-color: #d73e3c; } [data-widget-section="business"] .row[data-type="graph"] dd.background-colour { background-color: #387ab4; } [data-widget-section="culture"] .row[data-type="graph"] dd.background-colour { background-color: #c141a8; } [data-widget-section="sport"] .row[data-type="graph"] dd.background-colour { background-color: #c7522c; } [data-widget-section="lifestyle"] .row[data-type="graph"] dd.background-colour { background-color: #d1434d; } [data-widget-section="money"] .row[data-type="graph"] dd.background-colour { background-color: #c141a8; } [data-widget-section="technology"] .row[data-type="graph"] dd.background-colour { background-color: #6370c4; } [data-widget-section="opinion"] .row[data-type="graph"] dd.background-colour { background-color: #da393d; } [data-widget-section="travel"] .row[data-type="graph"] dd.background-colour { background-color: #31818a; } [data-widget-section="film"] .row[data-type="graph"] dd.background-colour { background-color: #c141a8; } [data-widget-section="tv"] .row[data-type="graph"] dd.background-colour { background-color: #c141a8; } [data-widget-section="fashion"] .row[data-type="graph"] dd.background-colour { background-color: #3d808e; } [data-widget-section="education"] .row[data-type="graph"] dd.background-colour { background-color: #d73e3c; } [data-widget-section="gardening"] .row[data-type="graph"] dd.background-colour { background-color: #5a904f; } [data-widget-section="luxury"] .row[data-type="graph"] dd.background-colour { background-color: #898989; } [data-widget-section="cars"] .row[data-type="graph"] dd.background-colour { background-color: #398db4; } [data-widget-section="women"] .row[data-type="graph"] dd.background-colour { background-color: #398db4; } [data-widget-section="men"] .row[data-type="graph"] dd.background-colour { background-color: #398db4; } [data-widget-section="beauty"] .row[data-type="graph"] dd.background-colour { background-color: #a961da; } [data-widget-section="foodanddrink"] .row[data-type="graph"] dd.background-colour { background-color: #d85c2b; } /* Stacked Horizontal Bar */ #card .row[data-type="bar"] { margin: 0 -20px 10px -10px; } #card .row[data-type="bar"] > div { width: 90%; margin: 0 auto; } #card .row[data-type="bar"] .legend { font-family: 'Telesans Text Regular'; display: inline-block; vertical-align: top; } #card .row[data-type="bar"] .legend span { display: inline-block; vertical-align: top; font-size: 15px; } #card .row[data-type="bar"] .legend .item { margin-left: 5px; } #card .row[data-type="bar"] .legend .item span.bg { width: 7px; height: 11px; margin-right: 4px; border-radius: 2px; top: 3px; position: relative; } #card .row[data-type="bar"] dl { height: auto; margin: 42px auto 0 auto; text-align: left; position: relative; } #card .row[data-type="bar"] dl:after { content:""; display:block; clear:both; } #card .row[data-type="bar"] dd { position: relative; display: block; float: left; padding: 6px 0 2px; margin-bottom: 0px; text-align: center; height: auto !important; min-height: 33px; } #card .row[data-type="bar"] dd span { color: #333333 !important; top: -1.45em; font-family: 'Austin News Deck Semibold', sans-serif; font-weight: bold; font-size: 20px; position: absolute; left: 50%; transform: translateX(-50%); } #card .row[data-type="bar"] dd span:after { display: block; content: ""; width: 1px; height: 7px; background-color: #333333; position: absolute; bottom: -8px; left: 50%; } #card .row[data-type="bar"] p {font-family: 'Telesans Text Regular', sans-serif; min-height: 12px; } #card .row[data-type="bar"] p span {color: #666; font-size: 12px; line-height: 16px;} #card .row[data-type="bar"] p a {color: #666; font-size: 12px; line-height: 16px; } #card .row[data-type="bar"] p a:not([href]) {border: 0 none;} #card .row[data-type="bar"].alternate dl > dd:nth-child(2n+2) span { top: 1.85em; } #card .row[data-type="bar"].alternate dl > dd:nth-child(2n+2) span:after { bottom: auto; top: -5px; height: 6px; } #card .row[data-type="bar"].alternate p[data-el="caption"] { margin-top: 2em; line-height: 14px; } /*podium results*/ #card .row[data-type="podium"]{margin-left:-20px;margin-right:-20px;margin-top:-10px;} #card .row[data-type="podium"] .podium_background{background-color:rgba(255, 255, 255, 0.8);border-bottom-width:1px;border-bottom-style:solid;} #card .row[data-type="podium"] .britishGold{width:210px;margin:0 auto;font-size: 0px;} #card .row[data-type="podium"] .results .third{width:32%;font-size:1rem;text-align:center;} #card .row[data-type="podium"] .results .third .svg .team{float:left;margin:-18px 0 0 2px;font-family: "Telesans Agate";text-transform:uppercase;font-size:16px;line-height:20px;} #card .row[data-type="podium"] .results .third svg{width:59px;display:block;margin:0 auto -1px auto;} #card .row[data-type="podium"] .results .third .stats{background-color: #FFFFFF;border-width: 1px 1px 0 0;border-style: solid; color:inherit;} #card .row[data-type="podium"] .results .third .stats .position{font-family: "Austin News Deck Semibold";font-weight:700;font-size:20px;padding-top:3px;color:inherit;} #card .row[data-type="podium"] .results .third .stats .time{font-family: "Telesans Agate";font-size:14px;line-height:16px;color:inherit;} #card .row[data-type="podium"] .results .third.bronze svg{margin-top:50px;} #card .row[data-type="podium"] .results .third.bronze .stats{height:50px;} #card .row[data-type="podium"] .results .third.silver svg{margin-top:25px;} #card .row[data-type="podium"] .results .third.silver .stats{height:75px;} #card .row[data-type="podium"] .results .third.gold svg{} #card .row[data-type="podium"] .results .third.gold .stats{height:100px;} #card .row[data-type="podium"] .results .third:first-child{margin-left:2%;} #card .row[data-type="podium"] .names .third{width:32%;font-size:1rem;text-align:center;padding-top:10px;} #card .row[data-type="podium"] .names .third div{border-right-width:1px;border-right-style: solid;font-family: "Austin News Text Roman";font-size:16px;line-height:18px;} #card .row[data-type="podium"] .names .third:last-child div{border-right-width:0px;} #card .row[data-type="podium"] .names .third:first-child{margin-left:2%;} #card .row[data-type="podium"] .results .third svg .st0Silver{fill:none;stroke:#033E4E;stroke-linejoin:bevel;stroke-miterlimit:10;} #card .row[data-type="podium"] .results .third svg .st1Silver{fill:#ADC4D8;} #card .row[data-type="podium"] .results .third svg .st0Gold{fill:none;stroke:#033E4E;stroke-linejoin:bevel;stroke-miterlimit:10;} #card .row[data-type="podium"] .results .third svg .st1Gold{fill:#CCAD54;} #card .row[data-type="podium"] .results .third svg .st0Bronze{fill:none;stroke:#033E4E;stroke-linejoin:bevel;stroke-miterlimit:10;} #card .row[data-type="podium"] .results .third svg .st1Bronze{fill:#D8924C;} #particle #card[data-theme="olympic"] .row[data-type="podium"] .results .third svg .st0Bronze{stroke:#007620;} #particle #card[data-theme="olympic"] .row[data-type="podium"] .results .third svg .st0Silver{stroke:#007620;} #particle #card[data-theme="olympic"] .row[data-type="podium"] .results .third svg .st0Gold{stroke:#007620;} /*medal results*/ #card .row[data-type="medal"]{margin-left:-20px;margin-right:-20px;margin-top:-10px;} #card .row[data-type="medal"] .medal_background{background-color:rgba(255, 255, 255, 0.8);border-bottom-width:1px;border-bottom-style:solid;} #card .row[data-type="medal"] .britishGold{width:210px;margin:0 auto;font-size: 0px;} #card .row[data-type="medal"] .results .third{width:32%;font-size:1rem;text-align:center;} #card .row[data-type="medal"] .results .third img{width:86px;display:block;margin:0 auto;} #card .row[data-type="medal"] .results .third .stats{color:#666666; margin-top:-56px;} #card .row[data-type="medal"] .results .third .stats .position{font-family: "Austin News Deck Semibold";font-weight:700;font-size:20px;padding-top:3px;color:inherit;} #card .row[data-type="medal"] .results .third .stats .time{font-family: "Telesans Agate";font-size:14px;line-height:16px;color:#FFFFFF;} #card .row[data-type="medal"] .results .third .details{color:#666666; margin-bottom:10px;} #card .row[data-type="medal"] .results .third .details .team{font-family: "Telesans Agate";text-transform:uppercase;font-size:15px;line-height:20px;padding-top:0px;color:inherit;} #card .row[data-type="medal"] .results .third .details .name{font-family: "Austin News Text Roman";font-size:15px;line-height:18px;color:#333333;margin-top:3px;} #card .row[data-type="medal"] .results .third.bronze svg{margin-top:50px;} #card .row[data-type="medal"] .results .third.bronze .stats{height:56px;} #card .row[data-type="medal"] .results .third.silver svg{margin-top:25px;} #card .row[data-type="medal"] .results .third.silver .stats{height:56px;} #card .row[data-type="medal"] .results .third.gold svg{} #card .row[data-type="medal"] .results .third.gold .stats{height:56px;} #card .row[data-type="medal"] .results .third:first-child{margin-left:2%;} #card .row[data-type="medal"] .names .third{width:32%;font-size:1rem;text-align:center;padding-top:10px;} #card .row[data-type="medal"] .names .third div{border-right-width:1px;border-right-style: solid;font-family: "Austin News Text Roman";font-size:15px;line-height:18px;} #card .row[data-type="medal"] .names .third:last-child div{border-right-width:0px;} #card .row[data-type="medal"] .names .third:first-child{margin-left:2%;} @media (max-width: 320px) { #card .row[data-type="medal"]{margin-bottom:0px;} } @media (max-width: 286px) { #card .row[data-type="medal"] .results .third img{width:70px;} #card .row[data-type="medal"] .results .third .details .name{font-size:14px;line-height:16px;} #card .row[data-type="medal"] .results .third .details .team{font-size:15px;line-height:19px;} #card .row[data-type="medal"] .results .third .stats{margin-top:-49px;} #card .row[data-type="medal"] .results .third.bronze .stats{height:49px;} #card .row[data-type="medal"] .results .third.silver .stats{height:49px;} #card .row[data-type="medal"] .results .third.gold .stats{height:49px;} } #particle #card[data-theme="olympic"] .row[data-type="medal"] .results .third svg .st0Bronze{stroke:#007620;} #particle #card[data-theme="olympic"] .row[data-type="medal"] .results .third svg .st0Silver{stroke:#007620;} #particle #card[data-theme="olympic"] .row[data-type="medal"] .results .third svg .st0Gold{stroke:#007620;} [data-widget-section="default"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #033e4e; } [data-widget-section="news"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #d10a11; } [data-widget-section="sport"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #df4C0f; } [data-widget-section="business"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #003c5e; } [data-widget-section="money"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #86146e; } [data-widget-section="opinion"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #93030e; } [data-widget-section="travel"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #008385; } [data-widget-section="technology"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #3c53a0; } [data-widget-section="culture"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #86146e; } [data-widget-section="film"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #86146e; } [data-widget-section="tv"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #86146e; } [data-widget-section="lifestyle"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #0082ad; } [data-widget-section="fashion"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #088192; } [data-widget-section="luxury"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #b3b3b3; } [data-widget-section="cars"] #card .row[data-type="podium"] .results .third svg .st0Bronze {stroke: #033e4e; } [data-widget-section="default"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #033e4e; } [data-widget-section="news"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #d10a11; } [data-widget-section="sport"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #df4C0f; } [data-widget-section="business"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #003c5e; } [data-widget-section="money"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #86146e; } [data-widget-section="opinion"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #93030e; } [data-widget-section="travel"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #008385; } [data-widget-section="technology"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #3c53a0; } [data-widget-section="culture"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #86146e; } [data-widget-section="film"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #86146e; } [data-widget-section="tv"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #86146e; } [data-widget-section="lifestyle"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #0082ad; } [data-widget-section="fashion"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #088192; } [data-widget-section="luxury"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #b3b3b3; } [data-widget-section="cars"] #card .row[data-type="podium"] .results .third svg .st0Silver {stroke: #033e4e; } [data-widget-section="default"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #033e4e; } [data-widget-section="news"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #d10a11; } [data-widget-section="sport"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #df4C0f; } [data-widget-section="business"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #003c5e; } [data-widget-section="money"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #86146e; } [data-widget-section="opinion"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #93030e; } [data-widget-section="travel"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #008385; } [data-widget-section="technology"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #3c53a0; } [data-widget-section="culture"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #86146e; } [data-widget-section="film"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #86146e; } [data-widget-section="tv"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #86146e; } [data-widget-section="lifestyle"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #0082ad; } [data-widget-section="fashion"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #088192; } [data-widget-section="luxury"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #b3b3b3; } [data-widget-section="cars"] #card .row[data-type="podium"] .results .third svg .st0Gold {stroke: #033e4e; } #card[data-theme="olympic"] .results .third .stats{border-color: #007620;} #card[data-theme="olympic"] .border{border-color:#1f4f00;} @media (max-width: 500px) { #card .row[data-type="table"][data-theme="election"] table tbody tr td{padding:5px} #card .row[data-type="table"][data-theme="election"] table thead tr{border-top:15px solid #F9F6F2;} #card .row[data-type="table"][data-theme="election"] table tbody tr:first-child td:first-child{position:absolute; margin-top:-60px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:first-child td:nth-child(n+2){font-size:28px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(odd){position:relative;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(odd):not(:first-child) td:first-child{position:absolute; margin-top:-30px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(odd):not(:first-child) td:nth-child(n+2){font-size:16px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(even):not(:last-child){border-bottom:25px solid #F9F6F2;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(even) td{font-size:15px;} #card .row[data-type="table"][data-theme="election"] table tbody tr:nth-child(even) td:first-child{padding:0px;} } @media (max-width: 480px) { #card { } #card .row[data-type="image"][data-theme="half"]{width:auto; margin: 0 0 16px 0; float: none;} #card .row[data-type="table"] table thead tr th { line-height: 16px; } #card .row[data-type="table"] table tbody tr td { line-height: 16px; } html .focus { padding-bottom: 0px; } } @media (max-width: 375px) { #card .row[data-type="table"] table thead tr th { font-size: 12px; } #card .row[data-type="table"] table tbody tr td { font-size: 12px; } #card .row[data-type="table"] { margin: 0 -20px 10px -20px; } }