/* Poll Element */

@font-face {
    font-display: swap;
    font-family: "CTV sans";
    font-style: normal;
    font-weight: normal;
    src: url("https://beta.ctvnews.ca/etc.clientlibs/settings/wcm/design/bmnews/clientlibs/clientlib-all/css/resources/webfonts/CTVSans-Regular.otf") format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "CTV sans bold";
    font-style: normal;
    font-weight: normal;
    src: url("https://beta.ctvnews.ca/etc.clientlibs/settings/wcm/design/bmnews/clientlibs/clientlib-all/css/resources/webfonts/CTVSans-Bold.otf") format("opentype");
}

body {
    background: #fff;
}

/* Common styles */
.poll {line-height:1; margin-bottom:15px; }
.poll .clearfix {line-height:1}
.poll span {font-size:70.5%}

/*.pollQuestion {margin-top: -0.7em}*/

.poll .photo {display: block; width: 100%}

.poll .photo img {height:auto; width: 100%}

.pollContainer {padding:5px 5px 0 5px; font-family: 'CTV Sans';}
.pollcontainer fieldset {padding-bottom:0}
.pollContainer h2 {font-family: 'CTV sans bold'; color: #2c2c2c; font-size:20px; line-height: 24px;}
.pollContainer .questionCopy {width: 100%; font-weight: bold; color: #2c2c2c; font-size:16px; font-family: 'CTV sans bold'; padding:24px 0 20px;}

.viewResult, a.viewResult:link, a.viewResult:visited {
  font-size: 14px;
  line-height:18px;
  float: left;
  margin-right: 16px;
  text-decoration: none;
  font-family: 'CTV sans bold';
  color: #2c2c2c;
}

.viewResult:hover, a.viewResult:hover {
  cursor: pointer;
  font-family: 'CTV sans bold';
  color: #2c2c2c;
}

.poll td.todayPoll, .poll td.label, .poll td.rawResult, .poll td.percent {
  font-size: 14px;
}
.poll .todayPoll {
  border: 0 none;
  background-color: #EBEFF3;
  clear:both;
  color:#000;
  cursor:pointer;
  display:block;
  font-size: 14px;
  line-height: 18px;
  font-weight:bolder;
  margin: 0 0 0.2em;
  max-width:11em;
  width: 100%;
  padding:8px 1em;
  text-align:center;
      font-family: "CTV Sans";
  }
.poll .todayPoll span {cursor:pointer}
.poll .todayPoll + .todayPoll { margin-top: 12px; }
.poll .linkContainer {
    display: inline-block;
    margin-top: 12px;
}
.poll td.rawResult p{margin-left: 5px;}
.poll td.bar { width: 25%; }

.poll label span {margin-left:0.2em}


.poll .bottomText {
  color:#000;
  font-size:14px;
  font-family: arial,sans-serif;
  padding:0 5px;
  line-height:14px;
}
.poll .bottomText h3 {padding-top:12px; font-size:14px; font-family: 'CTV sans bold';  line-height:18px;}
.poll .bottomText a {font-size:14px; font-family: 'CTV sans bold'; line-height:18px; text-decoration: none; color: #2c2c2c;}

.poll table.resultTable, table.optionTable {width:90%}

.poll .linkContainer { display: inline-block; }

.sidebar .poll td.label {line-height: 1.0;}
.sidebar .poll TD.percent{width:28%;}
/* Result page styles */

.poll { background-color: white; width: 300px;}

.poll H2.thanks, .poll .thanks  { font-family: 'CTV sans bold'; font-size: 16px; margin-bottom: 1em; }

.poll TABLE.resultTable { margin: 0 0 1em 0; }

.poll TABLE.resultTable TD { vertical-align: middle; padding-bottom: 8px; }

.poll TD.label { padding-right: 10px; }

.poll TD.bar .bar {
  /*border-top: solid 1px #fff;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #fff;*/
  font-size: 11px;
  background-color:#005FFF;
}

.poll .td.bar {background-color:#fff}

.poll .bar {height:11px}

.poll TD.percent { color: #333; }

.poll TD.rawResult { color: #2c2c2c; }

p.totalVotes {
    font-family: 'CTV sans bold';
    color: #2c2c2c;
}

.poll .footer { text-align: center; }

.poll .resultTable td {padding:0}

 /* End Poll Element */

 /* Poll Results element */
.pollresults li { list-style: none outside none; }

.pollresults .pollLinks { list-style: decimal inside none; font-size:72.5%; }

.pollresults li a:link, .pollresults li a:visited { text-decoration:none}

.pollresults hr { background-color: #BBBBBB; border: none; color: #BBBBBB; }

 /* End Poll Results element */