/* COLUMNS ------------------------------------------------------------------------------ */

.c313 article {
overflow: visible;
}

.videos article img {
padding-bottom:20px;
}

.economics .c313 article, .opinion .c313 article {
height: auto;
overflow: auto;
}

.jobbenfi {
border: 1px solid #e8e8e8;
font-size: 12px;
}

.jobbenfi ul {
padding: 8px;
}

.jobbenfi li {
padding: 3px 0;
}

.jobbenfi a {
font-weight: bold;
}

/* HEADER -------------------------------------------------------------------------------- */

div.pageheader div:first-child {
margin-right: 20px;
}

div#sitelinks div {
width: 640px;
float: left;
padding: 5px 10px;
}

div#sitelinks div:last-child, div#sitelinks div.last {
text-align: right;
width: 340px;
}

div#sitelinks div:last-child ul, div#sitelinks div.last ul {
float: right;
}

div#sitelinks ul li {
float: left;
}

div#sitelinks ul li:after {
content: "|";
padding: 0 3px;
}

div#sitelinks ul li:last-child:after, div#sitelinks ul li.last:after {
content: none;
padding: 0;
}

div#sitelinks ul a {
padding: 0 8px;
text-decoration: none;
color: #000;
}

div#sitelinks ul li:first-child a {
padding-left: 0;
}

div#sitelinks ul li:last-child a {
padding-right: 0;
}

div.weather ul, div.weather img {
float: left;
width: 65px;
}

div.weather ul {
width: 82px;
}

div.weather img {
padding: 7px 3px 0 0;
}

div.weather canvas {
padding-top: 8px;
}

/* *********************************** MATIAS CSS FÅR ÄNDRAS! *********************************** */

div.weatherblock {
    width: 105px;
    float: left;
    padding: 5px 0 5px 0;
    font-size: 11px;
}

div.weatherblock ul, div.weatherblock img {
float: left;
}

div.weatherblock img {
padding: 7px 3px 0 0;
}

div.weatherblock canvas {
padding-top: 8px;
}

.smsbox {
    border: 1px solid #dbdbdb;
    background-color: #ededed;
    padding: 10px 20px 10px 20px;
    margin: 10px 0 10px 0;
}

.smsbox p {
    margin: 10px 0 10px 0;
}

/* **************************************** MATIAS CSS SLUT ***********************************  */    
div.brand {
text-align: center;
position: relative;
}

div.brand img {
margin: 5px auto;
}

.vb div.brand img {
margin: 11px auto 0;
}

.vb div.brand p {
padding-top: 3px;
}

.sy div.brand img {
width: 400px;
}

div.brand.ot img {
margin: 0 auto;
position: relative;
margin-top: -18px;
}

div.editor {
border-left: 1px dotted #232323;
margin-left: -7px;
padding-left: 5px;
}

div.editor img {
float: right;
padding: 0 0 0 3px;
}

div.editor img.tipsa {
float: none !important;
padding: 0 0 2px 0;
}

div.editor h3 {
font: 14px "Duplicate Light", sans-serif;
padding: 2px 0 0;
}

div.topics h3 {
float: left;
}

div.topics li {
float: left;
}

div.topics {
border: 1px solid #dbdbdb;
width: 962px;
margin-top: 10px;
padding: 8px;
}

div.topics ul li:after {
content: "|";
padding: 0 3px;
}

div.topics ul li:last-child:after {
content: none;
padding: 0;
}

div.topics ul a {
padding: 0 15px;
text-decoration: none;
color: #000;
}

/* ADS ----------------------------------------------------------------------------------- */

div#ads div.ad {
width: 230px;
background-color: #f0f0f0;
margin: 0 auto 10px;
padding: 0;
}

.c313 .ad {
margin: 10px auto 10px;
background-color: #f5f5f5;
}

.googleMobileMB {
max-width: 100%;
}

/* Tapet */
.tapet {
margin-bottom: 0;
}

div#ads div.ad.tapet_right, div#ads div#div-gpt-ad-1392984627816-0 {
margin-top: 230px;
}

.topbanner {
padding: 10px 0;
}

.fullbredd {
margin: 20px 0;
}

div#ads div#div-gpt-ad-1369133251198-0, div#ads div#div-gpt-ad-1369143251762-0, div#ads div#div-gpt-ad-1369143163688-0 {
background-color: transparent;
}

div#ads div.ad.small {
padding: 5px 0;
}

div.ad {
background-color: #f0f0f0;
text-align: center;
}

.c980.ad.head {
margin: 0 auto;
display: block;
min-height: 0;
background: none;
}

.c980.ad.head .ad {
background: none;
}

div.ad.head:empty {
display: none;
}

div.video div.ad {
background-color: #000;
}

div.ads div.c230 iframe, div.ads div.c230.ad iframe, div.ads div.c230.ad script, div.ads div.c230.ad object {
margin: 0 auto;
}

div.ads div.c230 {
background-color: #f0f0f0;
}

div.ads div.c230 iframe {
display: block;
}

div.articlecol #div-gpt-ad-1378112660832-4, div.articlecol #div-gpt-ad-1380885800110-0 {
margin-bottom: 10px;
}

div.articlecol #div-gpt-ad-1380885800110-0 {
margin-bottom: 40px;
}

div.c480.ad {
height: 400px;
padding: 6px 0;
}

div.c730.ad {
margin-right: 20px;
background-color: #fff;
height: 90px;
}

div.c730.ad img {
display: block;
}

div.ad img {
margin: 0 auto;
padding: 0;
display: block;
}

div#div-gpt-ad-1381482096071-0 {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
min-width: 1270px;
min-height: 2000px;
height: 110%;
padding-top: 2%;
background: #d1d1d1;
text-align: center;
margin: 0 auto;
}

div.close {
height: 32px;
width: 956px;
color: #000;
text-align: right;
margin: 0 auto;
padding: 0;
line-height: 32px;
background-color: #d1d1d1;
}

/* VIDEO ----------------------------------------------------------------------------------- */

div.video {
background-color: #000;
width: 313px;
min-height: 426px;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}

div.video header {
position: relative;
z-index: 999;
overflow: auto;
}

div.video header img {
float: right;
padding: 3px 5px 0 0;
}

div.video article {
margin: -13px 0 20px 0;
padding: 0;
position: relative;
}

div.video article img {
width: 313px;
padding: 3px 0 10px;
}

div.video .play {
position: static;
z-index: 900;
margin-top: -150px;
width: auto;
margin-right: auto;
margin-left: auto;
padding-bottom: 50px;
}

div.video h2, div.video p, div.video ul { 
padding: 3px 15px;
}

div.video p span {
padding: 0 3px;
background-color: #ce441f;
font-weight: bold;
}

div.video li, .row.dark article li {
display: inline;
padding: 0 8px 0 0;
}

div.video li:before, .row.dark article li:before {
content: url('/Content/images/layoutbilder/checked_red_pos.png');
padding: 0 5px 0 0;
white-space: nowrap;
}

.c313 .play {
position: absolute;
width: 60px;
}

.c480 .play {
position: absolute;
width: 40px;
}

.c647 .play {
position: absolute;
width: 45px;
}

.c647 .video {
width: 200px;
float: right;
clear: right;
height: auto;
min-height: 20px;
background-color: #fff;
padding-top: 10px;
padding-right: 30px;
padding-left: 20px;
}

.c647 .video img {
width: 200px;
}

.c647 .video img.play {
width: auto;
}

div.btn {
background-color: #ce441f;
border: 1px solid #ce441f;
border-radius: 3px;
background: -prefix-linear-gradient(top, #e34b21, #ce441f);
background: linear-gradient(to bottom, #e34b21, #ce441f);
color: #fff;
width: 270px;
margin: 5px 10px 10px 15px;
padding: 3px 5px;
text-align: center;
}

.arkivBtn {
background-color: #ce441f;
float:right;
border: 1px solid #ce441f;
border-radius: 3px;
background: -prefix-linear-gradient(top, #e34b21, #ce441f); 
background: linear-gradient(to bottom, #e34b21, #ce441f);
color: #fff;
width: 80px;
margin: 5px 0px 10px 0px;
padding: 3px 5px;
text-align: center;
}

div.roundedbox {
background-color: #e8e8e8;
border: 1px solid #f6f6f6;
border-radius: 10px;
margin: 40px 0;
padding: 20px;
}

.widget.crosslinks a.btn_red {
background-color: #fe0000;
border: 1px solid #fe0000;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 3px 5px;
}

/* WIDGETS ------------------------------------------------------------------------------------ */

.widget {
overflow: auto;
}

article .widget {
padding: 3px 0 6px;
}

.list .widget {
margin: 0 0 3px 0;
padding: 0;
}

.c313 .widget {
padding: 4px 0;
}

.widget.tabs {
margin-bottom: 20px;
}

.widget.tabs h2 {
width: 240px;
border-bottom: 1px solid #dbdbdb;
}

.widget.tabs ul {
width: 240px;
float: right;
}

.widget.tabs li {
float: left;
}

.widget.tabs li {
margin-right: 1px;
padding: 4px 14px;
border: 1px solid #dbdbdb;
background-color: #ededed;
cursor: pointer;
}

.widget.tabs li.active {
border-bottom: 1px solid #fff;
background-color: transparent;
cursor: pointer;
}

.widget.published {
margin: 15px 0 0;
padding: 0;
display: block;
line-height: 21px;
}

.newspic .widget {
padding-top: 8px;
}

.widget.publishedFront {
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline-block;
}

.widget.social-share {
margin: 0;
padding: 0 3px 5px 0;
font-size: 14px;/*19*/
line-height: 32px;
font-weight: 700;
color: #2e2e2e;
float: right;
}

.widget.social-share span {
border-left: 1px solid #e8e8e8;
margin-left: 12px;
padding: 10px 0 10px 20px;
}

.widget.social-share span span {
border-left: none;
padding: 0;
}

article .widget.social-share a {
display: inline-block;
vertical-align: top;
line-height: 100%;
}

.social-share-button {
padding: 4px !important;
font-family: "Duplicate Bold", Arial, sans-serif;
font-size: 0.9em;
color: #fff;
display: inline-block;
min-width: 20px;
min-height: 20px;
border-radius: 2px;
-webkit-transition: border 0.2s;
transition: border 0.2s;
border: 3px solid #fff;
}

.social-share-button.facebook {
background: #3b579d url(https://cdn.hssmedia.fi/Content/Images/Social/facebook-lg.png) no-repeat center center;
background-size: 22px 22px;
border-radius: 100%;
width: 22px;
height: 22px;
padding: 6px;
}

.social-share-button.linkedin {
background: #1776b0 url(https://cdn.hssmedia.fi/Content/Images/Social/linkedin.png) no-repeat center center;
background-size: 22px 22px;
border-radius: 100%;
width: 22px;
height: 22px;
padding: 6px;
}

.social-share-button.twitter {
background: #5ea9dd url(https://cdn.hssmedia.fi/Content/Images/Social/twitter-sm.png) no-repeat center center;
border-radius: 100%;
width: 22px;
height: 22px;
padding: 6px;
}

.social-share-button.email {
background: #dd4b39 url(https://cdn.hssmedia.fi/Content/Images/Social/email-sm.png) no-repeat center center;
border-radius: 100%;
width: 22px;
height: 22px;
padding: 6px;
}

.social-share-button img {
width: 17px;
padding: 0 2px 0 2px;
display: inline;
line-height: 17px;
}

.social-share-footer {
display: inline-block;
float: right;
}

.widget.articleInfo div {
display: inline-block;
}

.widget.articleInfo .author a {
cursor: pointer;
font-weight: 700;
font-size: 14px;
}

.widget.articleInfo .author a:hover {
text-decoration: underline;
}

.authorWrapper {
margin: 0 0 20px 20px;
padding: 10px 0 0px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
border-bottom: 1px solid #ccc;
}

.c647.page label, .header.page label {
display: block;
font-family: "Publico Light", Arial, sans-serif;
font-size: 25px;
line-height: 120%;
text-align: center;
padding: 0 80px 20px;
margin: 0;
border-bottom: 1px solid #000;
}

.c647.page label {
padding: 0 10px 20px;
}

.commencount_topspace {
padding-top:3px;
}

.articlecol .widget {
margin: 0 0 0 0;
}

.articlecol .widget.location {
margin: 20px 0;
border: 0;
padding: 0;
}

.widget.crosslinks {
margin: 40px 0;
border: 0;
padding: 0;
}

.crosslinks article {
overflow: auto;
margin: 0;
padding: 20px 20px 20px 0;
border-bottom: 1px solid #dbdbdb;
height: auto;
font-size: 14px;
}

.crosslinks article time {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.crosslinks article .newspic {
float: left;
width: 120px;
overflow: hidden;
height: auto;
padding: 0 12px 0 0;
margin-bottom: 0;
}

.crosslinks article .newspic img {
width: 100%;
height: 100%;
}


.c647 .widget.crosslinks article h3 {
font-size: 20px;
font-weight: 700;
line-height: 120%;
}

.crosslinks article h3 .numComments {
font-family: Arial, sans-serif;
font-size: 11px;
margin-top: 0;
line-height: 20px;
}

.crosslinks article time {
padding-top: 4px;
}

img.unlocked {
float: left;
margin: 4px 4px 0 0;
}

.widget.number {
margin: 0 auto; 
text-align: center; 
width: 60%; 
font-family: 'Duplicate Bold', sans-serif;
font-size: 20px;
line-height: initial;
}

.widget-inner-number {
color: #c21632; 
font-size: 58px;
}

/* NEWSLIST ----------------------------------------------------------------------------------- */

div.list article, article.md {
overflow: auto;
margin-bottom: 20px;
}

div.list > article:last-child {
margin-bottom: 0;
}

div.list article .newspic, article.md .newspic {
overflow: hidden;
max-height: 100px;
float: left;
position: relative;
padding-right: 13px;
padding-bottom: 10px;
}

ul.list li {
border-bottom: 1px solid #dbdbdb;
}

ul.list.short {
margin: 0 0 15px 0;
}

.c313 ul.list.short li {
height: 29px;
line-height: 29px;
overflow: hidden;
}

ul.list.short.large li {
height: auto;
overflow: auto;
line-height: 120%;
}

ul.list.short img {
display: inline;
padding: 0 3px;
}

ul.list.long {
margin: 0 0 15px 0;
}

ul.list.long li {
padding: 12px 0;
}

ul.list.long span {
display: block;
}

ul.list.long b {
text-transform: uppercase;
font-size: 14px;
font-family: "Duplicate Bold", Arial, sans-serif;
padding: 1px 3px;
}

.opinion ul.list.long {
font-size: 14px;
line-height: 17px;
}

.opinion ul.list.long span {
margin: 0 0 8px;
font-size: 16px;
}

/* ROWS --------------------------------------------------------------------------------------- */

.row.content {
padding-top: 20px;
}

/* ARTICLE ------------------------------------------------------------------------------------ */

.share {
overflow: auto;
margin: 20px 0;
height: 400px;
}

.share img {
float: left;
padding: 0 8px 0 0;
}

/* FB Rekommendera */
.fb_iframe_widget_lift {
overflow: auto;
z-index: 1;
}

.page .quote {
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
}

.quote .q-text {
font-family: "Publico Bold", Arial, sans-serif;
font-size: 24px;
color: #c21632;
line-height: 120%;
padding-bottom: 5px;
}

.quote .q-author {
font-family: "Duplicate Bold", Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.page .facts, .c647 .video header {
margin: 20px 0 0px 0;
border-top: 18px solid #ccc;
border-bottom: 1px solid #dcdcdc;
padding: 7px 0;
font-size: 12px;
line-height: 140%;
}

.c647 .video header {
margin: 15px 0 5px 25px;
}

.c647 .video span {
margin: 10px 0;
display: inline-block;
}

.c647 .facts h4, .c647 .video header {
font-family: "Duplicate Bold", "Open Sans", Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 110%;
padding: 1px 0 10px;
border-bottom: 1px solid #dcdcdc;
}

/* nyheter */
.c1 .page .facts, .c2 .page .facts, .c4 .page .facts, .c7 .page .facts, 
.c1 .c647 .video header, .c2 .c647 .video header, .c4 .c647 .video header, .c7 .c647 .video header  {
border-top: 14px solid #009ace;
}

/* sport */
.c3 .page .facts, .c3 .c647 .video header {
border-top: 14px solid #ee9100;
}

/* kultur */
.c5 .page .facts, .c5 .c647 .video header {
border-top: 14px solid #56b1bf;
}

/* opinion */
.c6 .page .facts, .c6 .c647 .video header {
border-top: 14px solid #499c2d;
}

/* tema, fyll på */
.c9 .page .facts, .c10 .page .facts, .c12 .page .facts,  
.c9 .c647 .video header, .c10 .c647 .video header, .c12 .c647 .video header {
border-top: 14px solid #c3006b;
}

.page .facts ul {
margin: 10px 0 10px 2px;
}

.page .facts ul li {
padding: 5px 8px 5px 0;
list-style-type: initial;
list-style-position: outside;
margin: 0 0 0 15px;
font-size: 16px;
line-height: 24px;
}

.c313.page .articlebox li {
margin: 10px 0;
}

.tags div {
margin: 0;
padding: 3px;
display: inline-block;
}

/* NEWSPICS -------------------------------------------------------------------------------------- */

.c647 .newspic {
margin-bottom: 10px;
}

.c647 article.main .newspic {
    clear: both;
    max-height: 435px;
    overflow: hidden;
}

.c647 .newspic.large {
padding-bottom: 10px;
}

.c647 .newspic.left {
width: 290px;
float: left;
padding: 10px 13px 10px 0;
}

.c647 .newspic.right {
width: 290px;
float: right;
padding: 10px 20px 10px 13px;
}

.c647 .newspic.center {
width: 647px;
float: none;
padding: 30px 0 0;
margin-bottom: -20px;
}

.c647.page .newspic.left p, .c647.page .newspic.right p, .c647.page .newspic.center p {
margin: 0;
padding: 2px 0;
}

.c313 .newspic {
width: 313px;
height: 209px;
height: 195px;
overflow: hidden;
margin-bottom: 8px;
}

.c313 .newspic.webb-tv {
position: relative;
}

.newspic .widget, .newspic p {
display: none;
}

.c647.page .newspic .widget, .c647.page .newspic p {
display: inherit;
}

/*POLL*/

#resultWrapper, #voteWrapper, #poll {
display:block;
float:left;
width:280px;
}

#totalVotes {
display:block;
float:left;
margin-top:20px;
width:100%;
}

.altName {
display:block;
float:left;
width:100%;
margin-bottom:8px;
font-weight:bold;
}

.altWrapper {
display:block;
max-width:210px;
}

.alt {
display:block;
float:left;
height:25px;
background-color:#efefef;
margin-bottom:8px;
}

.voteAmount {
font-size:11px;
}

#resultBtn {
cursor: pointer;
}

/*POLL END*/

/*COMMENTS*/

.dark .numComments {
background: url('/Content/images/layoutbilder/comments-dark.png') no-repeat center center;
padding: 6px 3px 2px 1px;
height: 27px;
}

#commentsContainer.nc1, #commentsContainer.nc2, #commentsContainer.nc3 {
margin-top: 20px;
overflow:auto;
float:none;
clear:both;
}

.commentWrapper {
width:100%;
overflow:hidden;
float: none;
clear: both;
}

.commentIcon {
float:left;
width:15%;
}

.ratingIcon {
float:left;
width:18%;
}

 .answerIcon {
float:left;
width:7%;
}

.commentContent {
float:left;
width:85%;
margin: 0px 0px 15px 0px;
}
    
.ratingContent {
float:left;
width:82%;
margin: 0px 0px 15px 0px;
}

.answerWrapper {
float:left;
width:100%;
border-bottom: 1px dotted #ddd;
margin: 10px 0px 10px 0px;
padding-bottom:15px;
}

.answerContent {
float:left;
width:93%;
}

.commentHead {
float:left;
width:100%;
margin: 20px 0px 30px 0px;
font-size:20px;
font-weight:bold;
}

#newComment {
float:left;
width:100%;
margin-top:20px;
}

/*COMMENTS END*/

/* FORMS ---------------------------------------------------------------------------------- */

table td {
padding: 3px;
}

.event {
display: inline;
}

.articlebox {
border: 1px solid #dbdbdb;
background-color: #ededed;
padding: 0 20px 20px;
}

.articlebox h3 {
margin: 25px 0 10px;
}

/* CHAT ---------------------------------------------------------------------------------- */

.chat form {
padding-bottom: 15px;
}

.chat textarea {
border: 1px solid #ccc;
padding: 0 6px;
margin: 5px 0 8px 0;
}

.chat input[type="submit"] {
border: 1px solid #ccc;
height: 32px;
line-height: 32px;
margin-right: 6px;
padding: 0 12px;
float: right;
}

.post {
width: 600px;
padding: 30px 0 20px;
border-bottom: 1px dotted #999;
}

.post .answer {
margin-top: 20px;
}

.post .question.moderator {
border-left: 8px solid  #fdb834;
padding: 5px 15px;
}

article.page .post p {
margin-right: 10px;
}

.wrapper {
border-top: 8px solid #000;
}

.wrapper img, .timestamp {
width: 60px;
float: left;
padding: 0 18px 10px 0;
font-size: 16px;
font-weight: bold;
color: #0155ba;
}

.wrapper .byline {
font-size: 16px;
font-weight: bold;
margin-bottom: -7px;
}

.wrapper .content, .wrapperLive .content {
overflow: auto;
}

.chat .articlebox {
padding-top: 20px;
padding-bottom: 20px;
overflow: auto;
}

.chat .articlebox p {
padding: 6px 0 12px;
}

/* Live -----------------------------------------------------------------------------------*/

.postLive {
width: 600px;
padding: 25px 0 15px;
border-bottom: 1px dotted #999;
}

.wrapperLive img, .livePic {
width: 50px;
float: left;
padding: 0 18px 10px 0;
}

.bylineLive {
font-size: 16px;
font-weight: bold;
margin-bottom: -7px;
}

/* ACCESS -------------------------------------------------------------------------------- */

.access {
background-color: #fdb834;
padding: 30px;
margin: 30px 0;
}

.access a {
text-decoration: underline;
}

.access h1 {
line-height: 110%;
}

.activate {
background-color: #fff;
padding: 20px;
}

/* VÄDER --------------------------------------------------------------------------------- */

table.vader {
width: 642px;
margin: 10px 0 50px 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #ccc;
}

table.vader thead td {
background-color: #e6eef6;
padding: 0 20px 0 20px;
}

table.vader td {
text-align: center;
padding: 0;
line-height:60px;
}

table.vader img {
max-width:46%;
margin-left:auto;
margin-right:auto;
width:70%;
padding: 0;
}

/* VÄDER 5 DYGNS PROGNOS------------------------------------------------------------------- */

p.date {
text-align:center;
font-weight:bold;
text-transform:capitalize;
padding: 5px 0 0 0;
}

p.temperature {
width:24px;
color:red;
font-weight:bold;
float:left;
padding:6px 0 2px 8px;
}

p.wind {
width: 45px;
font-weight:bold;
float:right;
padding:6px 7px 2px 0;
}

/* Agree & disagree */

.digg {
cursor:pointer;
float:left;
margin-right:6px;
}

.noclick {
float:left;
margin-right:6px;
}

.diggBox {
float:left;
width:18%;
}

.answerLinkBox {
float:left;
width:7%;
}

.answerLink {
cursor:pointer;
padding-top:4px;
color:#707070;
font-size:12px;
}

.answerBox {
float:left;
width:100%;
margin:15px 0px 10px 0px;
}

.reportLinkBox {
float:right;
width:3%;
}

.reportLink {
cursor:pointer;
padding-top:4px;
}

.reportedLink {
padding-top:4px;
}

.reportBox {
float:left;
width:100%;
margin:15px 0px 10px 0px;
}

.diggWrapper {
float:left;
width:100%;
border-bottom: 1px dotted #ddd;
padding-bottom:10px;
}

.agreeColor {
color:#393;
font-size:12px;
}

.disagreeColor {
color:#c00;
font-size:12px;
}

.notvotedColor {
color:#bfbfbf;
font-size:12px;
}

/* Arkiv -------------------------------------------------------------- */

.searchform {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #f6f6f6;
margin: 0 0 20px 0;
padding: 20px 15px;
}

.searchform span {
float: left;
line-height: 30px;
padding: 0 8px 0 0;
}

.searchform input {
padding: 5px;
width: 50px;
}

.searchform input[type=text] {
border: 1px solid #abadb3;
width: 350px;
display: inline-block;
}

.searchpage li {
width: 550px;
border-bottom: 1px dotted #ccc;
margin: 18px 0;
padding: 0 20px 20px 0;
}

.searchpage h2 a {
color: #0f5a9a;
font-size: 16px;
}

.searchpage li div {
font-size: 13px;
color: #666;
margin: 5px 0;
}

.c313.searchpage h3 {
width: 250px;
border-bottom: 1px solid #000;
margin: 0 0 15px;
padding: 130px 0 5px;
}

.c313.searchpage ul {
width: 250px;
border-bottom: 1px dotted #ccc;
margin: 0 0 20px;
padding: 6px 0 20px;
}

.c313.searchpage li {
border-bottom: 0;
font-size: 0.90em;
margin: 0;
padding: 0 0 0 14px;
line-height: 18px;
background: url(https://cdn.hssmedia.fi/Content/Icons/arrow_small.gif) center left no-repeat;
}

.c313.searchpage li.selected {
width: 230px;
background: #1167b0;
padding: 5px 7px;
}

.c313.searchpage li.selected a {
color: #fff;
}

.c313.searchpage li.selected span {
padding: 0;
font-weight: bold;
float: right;
}

.c313.searchpage a {
color: #0f5a9a;
}

#star img {
display:inline;
}

#scrollContainer {
color: #222; 
background: white; 
padding: 10px; 
width: 300px;
height: 160px; 
overflow: auto; 
float: left; 
}

#scrollContainerComments {
color: #222; 
background: white;
width: 300px;
height: 410px; 
overflow: auto; 
float: left; 
}

#scrollLiveComments {
width: 313px;
height: 500px;
overflow: auto;
}

/* Sök artikel */

.searchpage {
font-family: "Open Sans", sans-serif;
}

.page .searchpage h1  {
font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: bold;
margin: 20px 0 10px;
}

.search-result-item {
margin: 5px 0 12px;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 14px;
}

.search-result-info {
display: block;
font-size: 13px;
}

.search-result-headline {
font-weight: bold;
font-size: 16px;
line-height: 120%;
}

/* Mest läst och kommenterat -------------------------------------------------------------- */

.row.most-read, .row.most-commented {
width: 1020px;
height: 70px;
background-color: #232323;
color: #fff;
padding: 0;
}

.row.most-read .c230, .row.most-commented .c230 {
width: 239px;
height: 70px;
border-right: 1px solid #fff;
padding-top: 8px;
overflow: hidden;
position: relative;
}

.row.most-read .c230.first, .row.most-commented .c230.first {
padding-top: 0;
}

.row.most-read .c230:last-child, .row.most-commented .c230.last {
border-right: 0px solid #fff;
}

.row.most-read article, .row.most-commented article {
height: 50px;
overflow: hidden;
}

.row.dark article {
color: #fff;
}

.row.dark h3 {
color: #fff;
font-family: "Publico Banner Light Web", Arial, Helvetica, Verdana, sans-serif;
font-size: 22px;
letter-spacing: 0;
padding: 7px 0;
display: inline;
}

.row.most-commented .numComments {
display: inline-block;
position: relative;
top: -5px;
margin-top: -15px;
}

/* NY FORMULÄRFORMATERING, TIDNINGSSPECIFIK --------------------------------------------------------------------------------- */

.form {
font-size: 16px !important;
line-height: 47px;
margin: 0 0 0 0;
}

.c980.form {
margin-top: 20px;
}

.form span {
cursor: pointer;
}

#startBtn:after, #showMoviesBtn:after, #showSeriesBtn:after {
content: "|";
padding: 0 8px 0 12px;
}

.form ul li {
display: inline;
margin: 0 10px 0 0;
padding: 4px 9px;
}

.form ul li.active {
background: #499c2d; 
color: #fff;
}

.tv .form select {
width: 230px;
height: 47px;
border: 1px solid #499c2d;
margin-right: 10px;
padding: 13px 5px;
font-size: 16px !important;
line-height: 47px;
}

.linkBtn {
background: #499c2d; 
color: #fff; 
height: 45px;
border: 1px solid #499c2d; 
border-radius: 5px; 
padding: 0 30px; 
display: inline-block;
text-align: center;
cursor: pointer;
line-height: 45px;
}

.linkBtn.small {
height: 30px;
line-height: 30px;
margin-bottom: 7px;
}

.ot .linkBtn {
background: #c21632; 
}

.sy .linkBtn {
background: #e4032e; 
}

.linkBtn a {
color: #fff; 
text-decoration: none !important;
}

/* TV-TABLÅER --------------------------------------------------------------------------------- */

.textpage ul a {
text-decoration: none;
padding-left: 4px;
}

.textpage .c230 {
white-space: nowrap;
}

.textpage .c230:last-child {
margin-right: 0;
}

.textpage .c230 li {
width: 210px;
height: 20px;
overflow: hidden;
}

.textpage .c230 ul {
margin-bottom: 30px;
}

.textpage ul li.weekday {
cursor: pointer;
}

.textpage .c230 li.past, .textpage .c230 li.past a {
color: #ccc;
}

.textpage .c230 li.current, .textpage .c230 li.current a {
color: #499c2d;
font-weight: bold;
}

.textpage ul {
list-style-type: none;
}

.textpage ul#favChannelsList li {
width: 300px;
height: 25px;
background:#efefef url(https://cdn.hssmedia.fi/Content/Images/Layout/tv-kanalbakgrund.jpg) no-repeat center center; 
text-align:center; 
padding:5px; 
margin:10px 0; 
cursor: move;
line-height: 25px;
}

.textpage .c230 img.logo {
float: right;
padding-right: 20px;
height: 20px;
max-width:80px;
}

.pInfo {
cursor: pointer;
}

a.tmp {
font-family: "Duplicate Thin Web", sans-serif;
font-size: 24px;
text-decoration: none !important;
line-height: 40px;
}

#backgroundPopup {
z-index:1000;
position: fixed;
display:none;
height:100%;
width:100%;
background:#000000;
top:0px;
left:0px;
}

#toPopup {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #ccc;
border-radius: 3px 3px 3px 3px;
color: #333333;
display: none;
font-size: 14px;
left: 50%;
margin-left: -402px;
position: fixed;
top: 25%;
width: 650px;
z-index: 1001;
}

div.close {
background: url("/Content/images/closebox.png") no-repeat scroll 0 0 transparent;
bottom: 24px;
cursor: pointer;
float: right;
height: 30px;
left: 27px;
position: relative;
width: 30px;
}

div#popup_content {
margin: 4px 7px;
}

.channelHead p {
margin-top:10px;
}

.loading {
width:250px;
height:45px;
background:#f7f7f7;
border: 2px solid #7ac566;
border-radius:3px;
text-align:center;
font-size:15px;
}

.loading_comments {
width:250px;
height:35px;
background:#f7f7f7;
border: 2px solid #7ac566;
border-radius:3px;
text-align:center;
font-size:15px;
padding-top:17px;
}

/* Instagram */

.instaLikes {
height: 16px;
position: absolute;
padding: 0 5px 0 22px;
line-height: 16px;
background: white url('/Content/images/fav.png') no-repeat 2px 0;
color:#0a72bb;
font-weight:bold;
}

/* Info box */

.newInfo {
float:left;
margin:20px 0px 10px 0px;
}

.shareBox {
border:1px solid #a2cbfc;
border-radius: 3px;
background-color:#e1edfb;
padding:10px;
}

/* END */

.timeLP {
margin-right:5px;
padding:1px 3px 1px 5px;
background-color:#efefef;
font-size:14px;
}

/*MEST LÄST JUST NU*/

.mest-last {
margin: 0 0 20px;
}

.mest-last img {
float: left;
}

.mest-last li {
background: #efefef;
color: #000;
font: 18px/25px "Publico Light", Arial, sans-serif;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
}

.mest-last a:hover {
color: #333;
text-decoration: underline;
}

.newsticker {
overflow: hidden;
}

.newsticker, .newsticker li {
height: 25px;
}

.mest-last hr {
margin: 4px 0;
}

/*WEBB-TV-STARTSIDA*/

.webb-tv-startsida {
background: rgba(7, 7, 7, 0.95);
margin: 0 0 20px 0;
}

.webb-tv-startsida h4 {
border-bottom: 1px solid #ce441f;
color: #fff;
display: inline-block;
font: 14px/100% "Duplicate Bold", sans-serif;
margin: 0 7px 5px;
padding: 7px 0 0 1px;
text-transform: uppercase;
}

#slider3-pager img {
float: left;
height: 66px;
margin: 0 0 1px;
width: 99px;
}

#slider3-pager a {
display: inline-block;
}

.rslides {
overflow: visible !important;
}

.rslides .huvudvideo {
height: 209px;
width: 313px;
}

.rslides_tabs {
list-style: none;
text-align: center;
width: 100%;
}

.rslides_tabs li {
display: inline;
float: none;
}

.rslides_tabs a {
width: auto;
line-height: 20px;
height: auto;
background: transparent;
display: inline;
}

.caption {
background: rgba(0,0,0,0.6);
bottom: -1px;
color: #f0f0f0;
display: block;
font: 18px "Duplicate Light", sans-serif;
left: 0;
right: 0;
padding: 8px;
position: absolute;
}

.caption:hover {
color: #f1f1f1;
text-decoration: underline;
}

.oid-logo {
float: right;
}

/*SENAST-PUBLICERAT*/

.senast-publicerat {
margin: 0 0 20px 0;
}

.senast-publicerat-header {
margin-bottom: 6px;
}

.senast-publicerat-scroller {
background: #efefef;
border-top: 1px solid #ddd;
overflow-x: hidden;
overflow-y: scroll;
}

div.senast-publicerat-scroller::-webkit-scrollbar {
background: #e5e5e5;
box-shadow: -1px 0px 0px 0px rgba(219, 219, 219, 1);
width: 12px;
}

div.senast-publicerat-scroller::-webkit-scrollbar-thumb {
background: #cbcbcb;
border-radius: 2px;
}

.senast-publicerat ul.list.short {
margin: 0;
}

.senast-publicerat ul.list.short li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
font-size: 14px;
font-weight: normal;
height: 30px;
line-height: 30px;
max-width: 299px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.senast-publicerat .timeLP {
font-weight: bold;
}

/*PLAY-KNAPP*/

.playknapp {
position: absolute;
}

.playknapp:hover {
opacity: 0.9;
}

.playknapp.startsida {
bottom: 70px;
left: 134px;
opacity: 0.9;
right: 134px;
top: 70px;
width: 45px !important;
}

.playknapp.startsida:hover {
opacity: 1;
}

.playknapp.oid {
top: 30px;
width: 45px !important;
}

.playknapp.lg {
bottom: 82px;
left: 134px;
right: 134px;
top: 82px;
width: 45px !important;
}

.playknapp.sm {
bottom: 36px;
left: 61px;
right: 61px;
top: 36px;
}

.oid-arkiv .play {
margin: 5px;
opacity: 0.9;
position: absolute;
}

.oid-arkiv .play:hover {
opacity: 1;
}

.row.latest-videos .newspic .playbutton {
background: transparent url("https://cdn.hssmedia.fi/Content/Images/WebbTV/play.svg") no-repeat center center;
background-size: 40px;
cursor: pointer;
height: 100%;
position: absolute;
width: 100%;
}

.row.val .c313 .newspic {
    position:relative;
}

.row.val .c313 .newspic .playbutton {
background: transparent url("https://cdn.hssmedia.fi/Content/Images/WebbTV/play.svg") no-repeat center center;
background-size: 25px;
cursor: pointer;
height: 100%;
position: absolute;
width: 100%;
}

.row.latest-videos .newspic .playbutton:hover {
opacity: 0.9;
}

/*SENASTE VIDEOR*/
.row.latest-videos .newspic {
margin: 0 13px 0 0;
padding: 0;
}
/*END OF SENASTE VIDEOR*/

/*BLOGGAR*/

.bloggar .newspic {
margin: 0 !important;
padding-right: 15px !important;
}

.bloggar h5 {
color: #c3006b;
font: 16px "Duplicate Bold", Arial, sans-serif;
padding: 0 0 3px;
text-transform: uppercase;
}

.bloggar h3 {
font: 20px "Publico Light", sans-serif;
padding: 2px 0;
}

.bloggar .blogpost {
float: right;
overflow: hidden;
width: 345px;
}

.bloggar .blogtext {
background: #e9e9e9;
height: 85px;
padding: 2px 5px;
}

.bloggar .blogtext span {
color: #c3006b;
font: 16px "Duplicate Bold", Arial, sans-serif;
white-space: nowrap;
}

/*END OF BLOGGAR*/

/*FIX*/

.row.content.videos.dark {
position: relative;
}

.zoom {
margin-top: -36px; /*-32*/
margin-left: 4px;
position: absolute;
width: 32px !important;
}

/*MISSA INTE*/

.row-2 {
display: inline-block;
margin: 20px 0 0;
}

/*END OF MISSA INTE*/

/*SOCIAL*/
.topBarWrapper {
background: #424242;
border-bottom: 1px solid #0e0e0e;
margin: 0 auto;
width: 1270px;
}

#topBarContainer {
float: left;
width: 1020px !important;
}

#topBarSocial {
display: inline-block;
margin: 0 0 0 10px;
position: relative;
width: 230px;
}

#topBarSocial #borderLeft {
border-left: 1px solid #777;
position: absolute;
top: 22%;
bottom: 17%;
}

#topBarSocial ul {
padding: 0 10px;
}

#topBarSocial li {
padding-right: 4px;
}

#topBarSocial * {
display: inline-block;
}

#topBarSocial .socialicon {
background-position: top;
height: 22px;
opacity: 0.9;
vertical-align: middle;
width: 22px;
}

#topBarSocial .socialicon:hover {
background-position: bottom !important;
opacity: 1;
}

#topBarSocial .socialicon.facebook {
background: url(https://cdn.hssmedia.fi/Content/Images/Social/facebook.png) no-repeat;
}

#topBarSocial .socialicon.twitter {
background: url(https://cdn.hssmedia.fi/Content/Images/Social/twitter.png) no-repeat;
}

#topBarSocial .socialicon.instagram {
background: url(https://cdn.hssmedia.fi/Content/Images/Social/instagram.png) no-repeat;
}

/*FOOTER*/
.footer {
background: #232323;
font: 16px "Duplicate Light", sans-serif;
position: relative;
}
.footer, footer a {
color: #fff;
}
.footer .logo {
float: left;
height: 50px;
padding: 20px 100px 20px 0;
}
.logo.vbl {
background: transparent url(https://cdn.hssmedia.fi/Content/Images/footer/vbl.png) no-repeat left center;
width: 67px;
}
.logo.ot {
background: transparent url(https://cdn.hssmedia.fi/Content/Images/footer/ot.png) no-repeat left center;
width: 52px;
}
.logo.sy {
background: transparent url(https://cdn.hssmedia.fi/Content/Images/footer/sydin.png) no-repeat left center;
width: 50px;
}
.footer .footerContainer {
display: inline-block;
padding: 0 50px 0 0;
}
.footerContainer .itemTop {
padding: 0 0 20px;
}
.footerItem p {
display: inline-block;
}
.footerItem span {
color: #ddd;
}
.footerItem:before {
background: transparent;
content: "";
display: inline-block;
height: 30px;
opacity: 0.9;
padding: 0 10px 0 0;
width: 36px;
}
.icon-phone:before {
background: url(https://cdn.hssmedia.fi/Content/Images/footer/telephone.png) no-repeat;
}
.icon-position:before {
background: url(https://cdn.hssmedia.fi/Content/Images/footer/position.png) no-repeat;
}
.icon-email:before {
background: url(https://cdn.hssmedia.fi/Content/Images/footer/email.png) no-repeat;
}
.icon-clock:before {
background: url(https://cdn.hssmedia.fi/Content/Images/footer/clock.png) no-repeat;
}
.footerContainer .footerSocial {
position: absolute;
top: 20px;
}
.footerSocial a {
color: #e8e8e8;
font-size: 24px;
padding: 0 0 0 5px;
}
.footerSocial a:hover {
color: #fff;
}
.footer a.up {
float: right;
}
.footer a.up i {
font-size: small;
vertical-align: top;
}
/*END OF FOOTER*/

/*TRAVEL*/
.page.travel .travelImage {
position: relative;
}
.page.travel .travelImage p {
position: absolute;
}
.page.travel section {
background: #f5f5f5;
clear: both;
margin: 20px 0;
overflow: auto;
}
.page.travel section img {
float: left;
margin: 0 15px 0 0;
}
.travelInfo {
background: #f5f5f5;
border-top: 3px solid #0bafb9;
padding: 10px 15px;
}
.travelInfo img {
margin: 10px 0 0;
}
/*END OF TRAVEL*/

/*TAPET*/
.tapet-top {
height: 230px;
width: 1020px;
}
.tapet-right {
height: 1152px;
margin: -230px 0 10px -10px;
width: 230px;
}
/*END OF TAPET*/

/*KONSTENS NATT*/
p.konstensnatt {
font: 18px 'Avenir Heavy', sans-serif;
margin: 5px 0 0;
}
p.konstensnatt span {
color: #009ace;
}
/*END OF KONSTENS NATT*/

/*FNB News*/
#FNBlocation {
color: #626262;
}
#FNBthemes {
font-weight: bold;
font-size: 18px;
padding: 8px 0px 8px 0px;
}
#FNBsource {
display: none;
}
#FNBimages {
display: none;
}
/*END OF FNB News*/

/*GLAD & ARG*/

.frontpage .c647.gladArgwrapper {
background-color: initial;
padding: 0;
width: 686px;
}

.gladArg-link {
float: right;
font-family: 'Duplicate Light', sans-serif;
font-size: 21px;
margin: 0 20px 0 0;
}
.gladArg-header {
background: #009ace;
color: #fff;
display: inline-block;
font-family: 'Duplicate Bold', sans-serif;
font-size: 18px;
letter-spacing: -.5px;
line-height: 28px;
margin: 0 auto 6px;
padding: 0 8px;
text-transform: uppercase;
}
.gladArg {
margin: 0 auto 20px;
overflow: hidden;
}
.gladArg main {
width: 100%;
}
.gladArg aside {
text-align: center;
width: 100%;
}
.gladArg footer {
}
/*GLAD & ARG ARTICLE*/
.gladArg article:before {
color: #2ecc71;
content: "\f118";
font-family: 'FontAwesome';
font-size: 36px;
line-height: 1;
padding: 0 20px 0 0;
}
.gladArg article.angry:before {
color: #e74c3c;
content: "\f119";
}
.gladArg article {
background: #ecf0f1; /*ecf0f1*/
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: table;
line-height: normal;
width: 100%;
min-height: 150px;
padding: 20px;
}
.gladArg article:last-of-type {
border: none;
}
.gladArg article:before, .gladArg article a {
display: table-cell;
vertical-align: middle;
}
/*END OF GLAD & ARG ARTICLE*/

/*GLAD & ARG HEADER*/
.gladArg header {
background: url(/Content/images/gladarg.png) no-repeat center 25%, linear-gradient(135deg, #1c3141 0%,#532028 100%);
background: url(/Content/images/gladarg.png) no-repeat center 25%, -webkit-linear-gradient(315deg, #1c3141 0%,#532028 100%);
padding: 40px 20px 20px;
}
.gladArg header h3 {
font-size: 21px;
text-shadow: 1px 1px #010101;
}
.gladArg header a {
border-radius: 50px;
display: inline-block;
margin: 25px auto 0;
}
/*END OF GLAD & ARG HEADER*/

/*GLAD & ARG FORM*/
.gladArgform {
background: #fff;
margin: 10px auto 0;
padding: 20px;
}
.gladArgform form {
display: inline-block;
width: 50%;
}
.gladArgform h2 {
font-size: 28px;
margin: 0 auto 20px;
}
.gladArgform span:first-of-type {
margin: 0 15px 0 0;
}
.gladArgform input[type="radio"] {
margin: 0 5px 0 0;
}
.gladArgform textarea {
display: block;
margin: 15px 0;
padding: 10px;
max-width: 100%;
width: 100%;
}
.gladArgform input[type="submit"] {
-webkit-appearance: none;
border: none;
float: right;
}
.gladArgform aside {
background: #ecf0f1;
float: right;
padding: 20px;
width: 30%;
}
.gladArgform li {
margin: 5px auto 0;
}
/*END OF GLAD & ARG FORM*/
.gladArgform textarea, .gladArgform input[type="submit"] {
border-radius: 4px;
}
.gladArg *, .gladArgform * {
box-sizing: border-box;
}
.gladArg, .gladArg a, .gladArgform input[type="submit"] {
color: #fff;
}
.gladArg article a {
color: #2c3e50;
}
.gladArg, .gladArgform, .gladArgform textarea, .gladArgform input[type="submit"] {
font-family: 'Lato', sans-serif;
}
.gladArg header a, .gladArgform, .gladArgform textarea, .gladArgform input[type="submit"], .gladArgform ul {
font-size: 16px;
}
.gladArg article, .gladArgform h3 {
font-size: 18px;
}
.gladArg-link, .gladArg, .gladArgform {
-webkit-font-smoothing: antialiased;
}
.gladArgform ul {
font-weight: 300;
}
.gladArg article {
font-weight: 400;
}
.gladArg article b {
font-weight: 700;
}
.gladArg header a, .gladArgform input[type="submit"] {
background: #009ace;
line-height: 40px;
padding: 0 40px;
}
.gladArg header a:hover, .gladArgform input[type="submit"]:hover {
background: #00bcce;
}
.gladArg header a, .gladArgform input[type="submit"]:hover {
transition: all .3s;
-webkit-transition: all .3s;
}
/*END OF GLAD & ARG*/

/*FOR PRENUMERANTER*/
.forPrenumeranter {
background: #fff;
margin: 10px auto 0;
overflow: hidden;
padding: 20px;
}
.forPrenumeranter * {
box-sizing: border-box;
}
/*FOR PRENUMERANTER FORM*/
.forPrenumeranter form {
display: inline-block;
width: 60%;
}
.forPrenumeranter form h1 {
font-size: 42px;
margin: 0;
}
.forPrenumeranter form h4 {
font-size: 18px;
}
.forPrenumeranter form p {
margin-bottom: 5px;
}
.forPrenumeranter form input[type="text"], .forPrenumeranter form input[type="email"] {
border: 1px solid transparent;
padding: 0 15px;
width: 45%;
}
.forPrenumeranter form input[type="email"] {
margin-bottom: 10px;
}
.forPrenumeranter form span:first-of-type {
margin: 0 15px 0 0;
}
.forPrenumeranter form input[type="radio"] {
margin: 0 5px 0 0;
}
.forPrenumeranter form input[type="submit"] {
-webkit-appearance: none;
background: #2ecc71;
border: none;
color: #fff;
display: block;
padding: 0;
width: 45%;
}
.forPrenumeranter form input[type="submit"]:hover {
background: #27ae60;
}
.forPrenumeranter form a {
background: #3498db;
color: #fff;
display: inline-block;
text-align: center;
width: 45%;
}
.forPrenumeranter form .forPrenumeranter-alert {
background: #ecf0f1;
border: 1px solid transparent;
padding: 20px;
}
.forPrenumeranter form .forPrenumeranter-alert p {
margin: 0 auto 10px;
}
/*END OF FOR PRENUMERANTER FORM*/

/*FOR PRENUMERANTER ASIDE*/
.forPrenumeranter aside {
background: #ecf0f1;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
float: right;
padding: 20px 20px 20px;
width: 30%;
position: relative;
}
.forPrenumeranter aside p:first-child {
margin: 0 auto 10px;
}
.forPrenumeranter aside p span {
display: block;
}
/*END OF FOR PRENUMERANTER ASIDE*/
.forPrenumeranter form input[type="text"], .forPrenumeranter form input[type="email"], .forPrenumeranter form .forPrenumeranter-alert, .forPrenumeranter aside {
border-color: #bdc3c7;
}
.forPrenumeranter form input[type="text"], .forPrenumeranter form input[type="email"], .forPrenumeranter form input[type="submit"], .forPrenumeranter form a, .forPrenumeranter form .forPrenumeranter-alert {
border-radius: 3px;
}
.forPrenumeranter, .forPrenumeranter input {
font-family: 'Open Sans', sans-serif;
}
.forPrenumeranter form input[type="text"], .forPrenumeranter form input[type="email"], .forPrenumeranter form input[type="submit"], .forPrenumeranter aside {
font-size: 16px;
}
.forPrenumeranter form h4 {
font-weight: 400;
}
.forPrenumeranter form p, .forPrenumeranter aside p span {
font-weight: 600;
}
.forPrenumeranter form input[type="text"], .forPrenumeranter form input[type="email"], .forPrenumeranter form input[type="submit"], .forPrenumeranter form a {
line-height: 42px;
}
.forPrenumeranter form h4, .forPrenumeranter form p, .forPrenumeranter form input[type="submit"], .forPrenumeranter form a, .forPrenumeranter form .forPrenumeranter-alert {
margin-top: 15px;
}
/*END OF FOR PRENUMERANTER*/

/* PAYWALL DIGITAL */
.payWallDigitalWrapper {
font-family: "Open Sans", sans-serif;
line-height: 120%;
font-size: 16px;
margin: 30px 0;
}

.payWallDigitalWrapper .headline {
font-size: 30px;
color: #199c9b;
font-weight: bold;
padding: 0 0 20px;
}

.payWallDigitalWrapper.optimize .headline, #optimize-ot-B.payWallDigitalWrapper .headline {
color: #333;
font-size: 26px;
letter-spacing: -0.5px;
padding-bottom: 5px;
}

.payWallDigitalWrapper .subHeadline {
font-size: 20px;
font-weight: bold;
padding: 0 0 5px;
}

.payWallDigitalWrapper.optimize .subHeadline, #optimize-ot-B.payWallDigitalWrapper .subHeadline {
text-transform: uppercase;
font-size: 14px;
padding-bottom: 10px;
}

.infoWrapperKlarna {
text-align: center;
}

.infoWrapperKlarna a {
font-size: 13px;
font-weight: bold;
}

.payWallDigitalWrapper.optimize .paywallDigital, #optimize-ot-B.payWallDigitalWrapper .paywallDigital, .payWallDigitalWrapper .paywallDigital {
border: 1px solid #d2d2d2;
background-color: #f8f8f8;
margin: 20px 0;
overflow: auto;
}

.optimize .paywallDigital {
background-color: #f8f8f8;
margin: 20px 20px !important;
overflow: auto;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.payWallDigitalWrapper {
margin-top: -200px;
padding-top: 90px;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(17%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
position: relative;
z-index: 9;
}

#optimize-ot-B.payWallDigitalWrapper.payWallDigitalWrapper {
margin-top: -180px;
padding-top: 60px;
}

.payWallDigitalWrapper.optimize {
/*display: none;*/
padding-top: 100px;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(7%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.payWallKlarnaWrapper {
border-left: 8px solid #02babc;
padding-top: 5px;
}

.payWallDigitalWrapper main {
padding: 50px 40px 20px;
text-align: center;
float: left;
width: 300px;
}

.payWallDigitalWrapper.optimize main, #optimize-ot-B.payWallDigitalWrapper main {
padding: 70px 40px 50px;
text-align: center;
float: none;
width: initial;
}

.paywallDigital a {
font-size: 13px;
color: #000;
text-decoration: underline;
}

.paywallDigital a.button, .WrapperKlarnaComplete a.button {
background-color: #1ebbba;
font-size: 18px;
color: #fff;
font-weight: bold;
text-decoration: none;
margin: 30px auto 50px;
padding: 20px 70px;
display: inline-block;
border-radius: 2px;
}

.optimize .paywallDigital a.button, #optimize-ot-B .paywallDigital a.button {
background-color: #1ebbba;
font-size: 18px;
color: #fff;
font-weight: bold;
text-decoration: none;
margin: 15px auto 30px;
padding: 15px 30px;
display: inline-block;
border-radius: 25px;
}

.paywallDigital img {
float: right;
width: 250px;
display: block;
}

.optimize .infotext {
margin: 0 0 40px;
line-height: 140%;
}

.WrapperKlarnaComplete {
background: #fff;
border-top: 8px solid #02babd;
margin-bottom: 20px;
padding: 20px 0 40px;
}

/*PAYWALL*/
.payWall {
border: 1px solid #eee;
color: #3d4348;
-webkit-font-smoothing: antialiased;
margin-top: 20px;
padding: 84px 20px 20px;
width: 647px; /*730*/
position: relative;
}

.payWall.oc {
padding: 34px 40px 20px 20px;
opacity: 0.9;
}

.payWall .payWallRibbon:before {
border-left: 10px solid transparent;
border-top: 10px solid #008f91;
border-radius: 2px 0 0 0;
content: "";
position: absolute;
bottom: -10px;
}
.payWall .payWallRibbon {
border-radius: 4px 4px 4px 2px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
line-height: 40px;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
position: absolute;
left: -10px;
top: 20px;
}
.payWall .payWallRibbon span {
padding: 0 30px;
}
.payWall main {
display: inline-block;
width: 66.66666667%;
}
.payWall .product {
background: #34495e;
display: block;
line-height: 44px;
margin: 0 0 4px;
overflow: hidden;
padding: 0 0 0 15px;
}
.payWall .product span {
display: inline-block;
}
.payWall .product .description {
color: rgba(255, 255, 255, 0.75);
}
.payWall .product .price:before {
border: solid transparent;
border-right-color: #02babd;
border-width: 10px 10px 10px 0;
content: "";
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
position: absolute;
right: 100%;
top: 50%;
}
.payWall .product .price.extra:before {
border-right-color: #ee9100;
}
.payWall .product:hover .price:before {
border-left-color: #34495e;
border-width: 10px 0 10px 8px;
left: 0;
}
.payWall .product .price {
float: right;
width: 30%;
position: relative;
}
.payWall .divider {
border-top: 1px solid #e5e5e5;
font-size: 12px;
line-height: 0;
margin: 30px auto;
}
.payWall .divider strong {
padding: 0 15px;
}
.payWall .button {
display: inline-block;
float: left;
line-height: 44px;
width: 47.3%;
}
.payWall .button:hover {
background: #008f91;
}
.payWall ol:before {
content: "Få tillgång till hela nyhetssajten i 24 timmar. Betala med sms! Gör så här:";
display: block;
margin: 0 auto 15px;
}
.payWall ol {
list-style: none;
}
.payWall ol:after {
content: "Obs! Fungerar endast med finländska mobilabonnemang.";
display: block;
margin: 10px auto 0;
}
.payWall li {
margin: 0 0 4px 15px;
}
.payWall li:before {
border-radius: 50%;
color: #fff;
content: "1";
display: inline-block;
line-height: 18px;
margin: 0 4px 0 0;
text-align: center;
vertical-align: text-bottom;
width: 18px;
}
.payWall li:nth-of-type(2):before {
content: "2";
}
.payWall li:nth-of-type(3):before {
content: "3";
}
.payWall, .payWall .divider strong {
background: #f5f5f5;
}
.payWall .payWallRibbon, .payWall .product .price, .payWall .button, .payWall li:before {
background: #02babd;
}
.payWall .product .price.extra {
background: #ee9100;
}
.payWall, .payWall .product, .payWall .button {
border-radius: 4px;
}
.payWall, .payWall * {
box-sizing: border-box;
}
.payWall .payWallRibbon, .payWall .product, .payWall .button {
color: #fff;
}
.payWall .product .price:before, .payWall .button {
transition: all .3s;
-webkit-transition: all .3s;
}
/*END OF PAYWALL*/

#commentsAmount {
    font-weight:normal;
}

/* Facelift */

.widgetWrapper {
overflow: visible;
}

.widgetWrapper div {
    width: 647px;
}

article.articleview a {
color: #008bba;
}

#article-body {
font-size: 16px;
line-height: 24px;
padding-right: 70px;
}

#article-body h2 {
margin-bottom: -18px;
padding: 5px 0 0; 
font-family: 'Open Sans', sans-serif; 
font-weight: bold; 
font-size: 16px;
}

.c313 .call-outs {
background-color: #000;
color: #fff;
padding: 8px 0;
}

.c313 .call-outs .link {
text-align: center;
}

.c313 .call-outs .listitem {
padding: 8px 20px 0;
}

.c313 .call-outs .listheader {
display: block;
width: 200px;
margin: 8px auto 15px;
text-align: center;
border: 0;
font-family: "Publico Light", sans-serif;
font-size: 38px;
text-transform: inherit;
border-bottom: 1px solid #fff;
}

.c313 .call-outs a {
color: #fff;
}

/* list */

.c313 .listwrapper, .c320 .listwrapper, .topPicks .listwrapper {
margin-bottom: 20px;
overflow: auto; 
font-family: 'Open Sans', sans-serif; 
}

.c313 .call-outs .listwrapper, .c320 .call-outs .listwrapper {
margin-bottom: 0;
}

.c313 .listheader, .crosslinks .listheader, .row .listheader {}

.listheader {
display: inline-block; 
text-transform: uppercase; 
font-weight: normal; 
font-size: 16px; 
line-height: 110%;
border-bottom: 4px solid #009ace; 
margin: 0 0 10px 0; 
padding: 0 1px 3px 0;
}

.c313 .hotlist .listheader {
display: block;
border-bottom: 0;
margin: 0; 
padding: 5px 8px;
background-color: #ed1a3a;
font-size: 14px;
font-weight: bold; 
color: #fff; 
}

.c313 .hotlist .listbody {
overflow: auto; 
border: 0px solid #ed1a3a; 
padding: 10px 0 0 0;
}

.c313 .listitem, .c320 .listitem, .topPicks .listitem {
overflow: auto; 
border-bottom: 1px solid #dbdbdb; 
margin: 0 0 10px 0; 
padding-bottom: 8px;
}

.c313 #latestNews .listitem, .c320 #latestNews .listitem, .c313 #myNews .listitem, .c320 #myNews .listitem, .topPicks .listitem {
padding: 5px 0 13px 0;
}

.listbody .listitem:last-child {
border-bottom: initial;
padding-bottom: 0;
}

.c313 .call-outs .listitem {
padding-bottom: 20px;
}

.c313 .listitem.large, .c320 .listitem.large {
border-bottom: 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #dbdbdb; 
}

.c313 .listimage, .c320 .listimage, .topPicks .listimage {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 80px;
margin-right: 10px !important;
overflow: hidden;
width: 80px;
}

.c313 .right .listimage, .c320 .right .listimage {
float: right;
margin: 0 0 0 10px;
}

.c313 .hotlist .listimage {
background-color: #ed1a3a;
text-align: center;
color: #fff;
font-size: 26px; 
font-weight: bold;
height: 60px;
padding-top: 20px;
}

.c313 .hotlist .listimage span {
font-size: 12px;
letter-spacing: -0.5px;
font-weight: normal;
text-transform: uppercase;
}

.c313 .listitem.large .listimage,
.c320 .listitem.large .listimage {
float: none;
height: initial;
margin: 0 0 5px !important;
max-height: 209px;
width: 100%;
}

.c313 .listimage img, .c320 .listimage img, .topPicks .listimage img {
min-height: 100%;
min-width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}

.c313 .listitem.large .listimage img, .c320 .listitem.large .listimage img {
opacity: initial;
}

.c313 .listwrapper a, .c320 .listwrapper a {
color: #000;
}

.c313 .call-outs .listwrapper a {
color: #fff;
}

.c313 .listcategory, .c320 .listcategory, .topPicks .listcategory {
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
}

.c313 .listcategory:empty, .c320 .listcategory:empty, .topPicks .listcategory:empty {
display: none;
}

.c313 .call-outs .listcategory {
font-size: 13px;
text-transform: inherit;
}

.c313 .listheadline, .c320 .listheadline, .topPicks .listheadline {
font-weight: normal;
font-family: "Duplicate Bold", sans-serif;
font-size: 18px;
line-height: 120%;
padding: 0 0 3px;
}

.c313 .call-outs .listheadline {
font-family: "Duplicate Bold", sans-serif;
font-size: 20px;
max-height: initial;
}

.c313 .listtext, .c320 .listtext, .topPicks .listtext {
font-size: 15px;
margin-bottom: 5px;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}

.c313 .listtext div.listlocation, .c320 .listtext div.listlocation, .topPicks .listtext div.listlocation {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
background-color: #f00;
color: #fff;
font-size: 11px;
margin: 3px 3px 0 0;
padding: 1px 3px;
line-height: 120%;
}

.c313 .listtext div.listlocation:empty, .c320 .listtext div.listlocation:empty {
display: none;
}

.c313 .listitem.large .listheadline, .c320 .listitem.large .listheadline {
letter-spacing: -0.5px; 
font-weight: normal; 
font-size: 22px; 
line-height: 110%;
max-height: initial;
overflow: visible;
}

/*list slut*/

/* top picks */

.topPicks {
width: 1020px;
height: 140px;
overflow: hidden;
margin-bottom: 10px;
border-left: none;
}

.topPicks .listheadline {
max-height: 60px;
overflow: hidden;
}

.topPicks .listitem {
width: 311px; 
float: left;
border: none;
height: 80px;
overflow: hidden;
background-color: #fff;
padding: 10px;
margin: 0 10px 0 0;
}

.topPicks .listitem:last-child {
margin-right: 0;
padding-bottom: 10px;
}

.topPicks .listheader {
display: block;
border-bottom: 0px solid #e4e4e4;
text-transform: initial;
margin-bottom: 10px;
}

.topPicks .listheader span {
float: right;
font-family: "Open Sans", sans-serif;
font-size: 13px;
}

.topPicks {
display: none;
}

/* top picks slut */

.show-comments {
font-family: 'Opens sans', sans-serif;
display: inline-block; 
padding: 4px 16px; 
margin: 20px auto 30px auto; 
border: 1px solid #000; 
border-radius: 3px; 
text-align: center;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
background: url("images/layoutbilder/unfold.png") no-repeat left center;
padding: 4px 16px 4px 24px;
}

.hide-comments {
background: url("images/layoutbilder/close.png") no-repeat left center;
font-family: 'Opens sans', sans-serif;
display: inline-block; 
padding: 4px 16px; 
margin: 20px auto 30px auto; 
border: 1px solid #000; 
border-radius: 3px; 
text-align: center;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
padding: 4px 16px 4px 24px;
}

.show-comments a, .hide-comments a {
color: #000 !important;
}

a.listlink {
display: inline-block; 
padding: 8px 16px; 
margin: 20px auto 20px auto; 
border: 1px solid #ccc; 
border-radius: 3px; 
text-align: center;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
color: #000 !important;
}

a.listlink:hover {
border-color: #000;
}

.c647 a.listlink {
margin-bottom: 20px;
}

/* PLUS */

.plus {
float: left;
display: inline;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
background-color: #02babd;
color: #fff;
font-size: 15px;
margin: auto 5px 0 0;
padding: 0px 3px;
line-height: 100%
}

.plus::before {
content: "+";
}

article.c647.main .plus {
margin: 6px 4px 0 0;
}

article.c480.main .plus {
margin: 0 4px 0 0;
}

article.c313.main .plus {
margin: 0 4px 0 0;
}

.c150 .plus {
margin: 4px 4px 0 0;
}

ul.list.short .plus {
margin: 0 3px 0 0;
float: none;
}

.opinion ul.list.short .plus {
margin: 10px 3px 0 0;
}

.listwrapper .plus {
margin: 1px 4px 0 0 !important;
}

.listitem.large .plus {
margin-top: 6px;
}

#menuContainer .plus {
margin: 14px 0 0 0;
padding: 2px 4px;
}

#menuContainer .plus a {
color: #fff;
}

#menuContainer .plus::before {
content: initial;
}

.preamble .plus::after {
content: " ";
}

.preamble .plus {
display: inline-block;
margin: 5px 5px 0 0;
padding: 1px 4px;
}

.crosslinks .plus {
margin-top: 4px;
}

/* PLUS END */

/* responsiva iframes */
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* teasers */
.teaserwrapper {
font-family: "Duplicate Bold", Arial, sans-serif;
font-size: 22px;
font-size: 18px;
line-height: 26px;
}

.teaserwrapper li {
margin: 0 0 10px;
padding: 0;
color: #000;
background-color: #fff;
}

.teaserwrapper li:last-child {
margin-bottom: 20px;
}

.teaserwrapper li a {
color: #000;
}

.teaserwrapper li a span {
color: #fff;
background-color: #009ace;
margin: 0 5px 0 0 !important;
font-family: "Duplicate Light", Arial, sans-serif;
font-size: 16px;
padding-right: 4px;
}

/* Meddelande till användare */

#normalPrio {
background-color: #34495e;
color: #fff;
margin: 10px 10px 10px 0;
padding: 20px;
border-radius: 4px;
}

#highPrio {
font-family: 'Open Sans', Arial, sans-serif;
}

#normalPrio img.ui-image {
width: 20px;
display: inline-block;
padding: 0 5px 3px 0;
vertical-align: middle;
}

.clickableDiv {
display: inline-block;
}

.dismiss {
text-decoration: underline;
cursor: pointer;
display: inline-block;
float: right;
}

.nHeadline {
font-size: 16px;
font-weight: 600;
display: inline-block;
}

#highPrio .nHeadline {
font-size: 22px;
}

.nBodytext {
display: inline-block;
}

#normalPrio .nLinkText {
display: inline-block;
text-decoration: underline;
cursor: pointer;
color: #02babd;
}

#highPrio .nLinkText {
border-radius: 2px;
background-color: #02babd;
border-color: #02babd;
display: inline-block;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
font-size: 0.9em;
font-weight: 600;
margin: 20px 0;
padding: 8px 15px;
display: inline-block;
}

.panel-heading {
font-weight: bold;
line-height: 160%;
padding-top: 2px;
}

/* facelift */
#editorial-picks {
width: 1020px;
overflow: auto;
margin: 10px 0 10px;
border-top: 0px solid #c21632;
}

#editorial-picks .header {
font-family: 'Duplicate Bold', sans-serif; 
color: #000; 
}

#editorial-picks .header h2 {
display: inline-block;
background-color: #c21632;
color: #fff;
padding: 6px 10px;
font-size: 16px;
text-transform: uppercase;
}

#editorial-picks article { 
width: 299px; 
float: left; 
color: #000; 
border-left: 1px solid #dbdbdb;
margin-right: 10px;
padding: 20px 10px 20px 20px;
background-color: #fff;
}

#editorial-picks article h3 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 26px;
}

.adlevel {
background-color: #fff;
padding: 20px;
}

.epaper.teaser {
background-color: none;
text-align: center;
padding: 20px;
color: #fff;
}

.epaper.teaser img {
max-width: 210px;
margin: 0 auto;
}

.listwrapper.divided {
border-left: 1px solid #dbdbdb;
padding-left: 20px;
background-color: #fff;
z-index: 1;
}

.listwrapper {
font-size: 13px;
}

article.md .newspic {
overflow: hidden;
max-height: 165px;
width: 250px;
padding-right: 15px;
padding-bottom: 0;
}

article.md .newspic img {
width: 250px;
}

.main .articleFrontpageInfo {
margin: 10px 0 3px 0;
}

.MD .articleFrontpageInfo {
margin: 0 0 5px 0;
}

.widget.articleInfo, .bylineWrapper {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #4b4a4a;
}

.category, #editorial-picks .widget, .widget.publishedFront, .author, article.articleview .author a {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
display: inline;
padding-bottom: 0;
text-decoration: none;
color: #4b4a4a;
cursor: pointer;
}

.author {
font-weight: 700;
font-size: 14px;
}

.category {
font-size: 13px;
font-weight: 400;
}

.frontpage .category {
text-transform: uppercase;
color: #000;
font-weight: 400;
}

.frontpage .category, .frontpage .widget.publishedFront  {
display: inline;
}

.c320 .widget.publishedFront {
text-transform: none;
}

.widget.publishedFront {
color: #000;
}

.rubrik {
font-family: "Publico Bold", Arial, sans-serif;
font-size: 25px !important;
color: #222;
line-height: 120%;
}

.articlewrapper {
overflow: auto;
}

.articlewrapper a {
width: 312px;
padding-right: 0;
float: left;
overflow: auto;
}

.articlewrapper a:first-child {
padding-right: 20px;
}

.articlewrapper article .newspic {
width: 312px;
max-height:  208px;
margin-bottom: 0;
overflow: hidden;
}

.articlewrapper article .newspic img {
height: 208px;
}

.articlewrapper .plus {
margin-top: 1px;
margin-right: 5px;
}

article.md {
margin: 20px 0;
float: none;
clear: both;
}

.c647 article.main .plus {
margin: 1px 5px 0 0;
}

.listheader, .teaserwrapper li a span, .header h4, .RCitem .label, .label {
border: 0;
background-color: #c21632;
color: #fff;
padding: 6px 10px;
margin: 0 5px 15px 0;
font-family: "Duplicate Bold", sans-serif;
display: inline-block;
text-transform: uppercase;
}

.crosslinks .listheader {
border-bottom: 1px solid #d9d9d9;
background: initial;
color: #c21632;
text-transform: initial;
margin: 30px 0 0 0;
padding: 0 0 6px;
display: block;
font-size: 25px;
font-family: "Duplicate Bold", sans-serif;
line-height: 110%;
}

.comments .contentwrapper {
padding: 20px 0;
}

.listheaderWrapper .listheader {
width: 40%;
margin-right: 0;
border: 1px solid #c21632;
}

.listheaderWrapper .listheader.notSelected {
background-color: initial;
border: 1px solid #000;
color: #000;
}

.date-browser {
display: inline-block;
padding: 10px 20px 10px 20px;
}

.date-browser h2 {
display: inline;
padding: 10px;
border-bottom: 4px solid #4ecdc4;
}

.date-browser img {
display: inline;
padding-bottom: 3px;
}

.date-browser img:first-child {
padding-right: 10px;
}

.date-picker {
display: inline-block;
padding: 10px 20px 10px 20px;
vertical-align: middle;
}

.date-picker img {
display: inline-block;
padding: 0 0 5px 5px;
vertical-align: middle;
}

.date-picker input {
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}

/* formatering nyhetsviktning */
article.lg, article.md, article.sx, article.main, .articlewrapper {
border-bottom: 1px solid #dbdbdb;
margin: 0 0 20px;
padding:  0 0 20px;
}

.c647 a:last-child article {
border-bottom: initial;
}

.group a:last-child article {
    border-bottom: 1px solid #dbdbdb;
}

.articlewrapper a:last-child article {
border-bottom: initial;
}

article.md h2 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 28px;
margin-bottom: 0;
}

article.main {
padding-top: 20px;
}

.group article.main {
padding-top: 0;
}

article.c480.main {
border: none;
margin: 0;
padding-top: 0;
}

.c480.list article h3 {
font-family: 'Duplicate Bold', Arial, sans-serif;
font-size: 22px;
padding-top: 0;/*15*/
}

.c480.list article .plus {
margin-top: 0;/*20*/
}

article.lg p, article.md p, article.main p {
font-size: 16px;
line-height: 130%;
}

article.md .plus {
margin: 1px 5px 0 0;
}

/* test med bakgrundfärg c313 */

body {
background-color: #e4e4e4;
}

.frontpage .listwrapper.divided {
margin: 0;
padding: 20px;
background-color: #fff;
border-left: none;
}

.listwrapper.divided.last {
margin-bottom: 0;
}

.listwrapper.opinion-insandare {
max-height: 650px;
overflow: scroll;
}

.row.frontpage {
width: 1020px;
padding-top: 0;
padding-right: 0;
padding-left: 0;
background: none;
}

.frontpage .row.adlevel, .row.menu {
width: 980px;
padding: 20px;
background-color: #fff;
}

.row.menu.adcontent {
background: none;
margin-bottom: 0;
padding: 0;
display:block;
}

.frontpage .row.content, .row.groups {
width: 646px;
background-color: #fff;
margin-right: 0;
padding-left: 20px;
}

.row.groups {
width: 1000px;
padding-top: 0;
padding-right: 20px;
padding-left: 0;
}

.frontpage .c647, .c647.groupwrapper {
width: 666px;
margin-right: 0;
margin-bottom: 20px;
padding-right: 20px;
background-color: #fff;
border-left: 1px solid #dbdbdb;
}

.frontpage .c647.teasers {
margin: 0;
padding: 0;
background-color: initial;
width: 687px;
}

.frontpage .c313 {
display: inline-block;
width: 320px;
padding: 0;
margin-left: 10px;
background-color: #fff;
border-left: 1px solid #dbdbdb;
}

.frontpage .c313.header, .c313.widget {
background-color: initial;
margin-left: 0;
}

.frontpage article.lg, article.main, article.md, article.sx {
margin-left: 20px;
}

.group article.lg, .group article.main, .group article.md, .group article.sx {
margin-left: 0;
}

.group {
    border-left: 6px solid #c21632;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 0 14px;
}

.c647.no-padding {
padding-right: 0;
width: 686px;
}

.group.custom {
border-left: none;
padding-left: 20px;
}

.group article .newspic {
margin-bottom: 8px;
}

.group article.md .newspic {
margin-bottom: 0;
}

.group-custom-content {
padding-right: 20px;
}

.group.custom .articlewrapper {
margin-top: 20px;
}

.group-custom-content-widget {
text-align: center;
margin-top: 20px;
}

.group-custom-content-widget .articlewrapper {
text-align: left;
}

.RCitem {
padding: 20px;
border-bottom: 10px solid #e4e4e4;
}

.frontpage .listwrapper {
border-bottom: 10px solid #e4e4e4;
}

.RCitem article {
margin: 0 0 10px;
}

.RCitem article.divided {
border-bottom: 1px solid #dbdbdb;
margin: 0 0 20px;
padding: 0 0 20px;
}

.RCitem article.xs h3 {
display: block;
margin: 0;
padding: 3px 0 0;
}

.RCitem .author {
display: inline;
}

.RCitem article.xs.divided .category {
display: inline;
background-color: #c21632;
color: #fff;
padding: 0px 3px;
margin: 0 5px 0 0;
font-family: "Open Sans", sans-serif;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
}

.RCitem .newspic {
width: 282px;
margin: 0 0 10px;
height: auto;
}

.RCitem h3 {
font-family: "Duplicate Bold", sans-serif;
font-size: 28px;
margin: 5px 0 0;
}

.RCitem article.xs h3 {
font-size: 18px;
}

.RCitem .newspic img {
max-width: 282px;
}

.RCitem p {
margin: 8px 0;
}

.c320 .RCitem a.listlink {
margin: 20px 0 0;
}

/* test slut */

.modal-header {
background-color: none;
}

#highPrio button.close {
float: right;
}

#highPrio a.dismissmodal {
text-align: center;
border: none;
background-color: none;
text-decoration: underline;
cursor: pointer;
}

#highPrio img.nImage {
text-align: center;
margin: 10px auto;
}

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

.custom-code-section {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
padding: 20px;
width: 646px;
float: left;
min-height: 1px;
}

#custom-content-block-2 {
font-family: "Duplicate Light", sans-serif;
font-size: 24px;
line-height: 120%;
width: 646px;
padding: 20px;
border: none;
text-align: left;
}

#custom-content-block-2 b {
font-family: "Duplicate Bold", sans-serif;
font-weight: normal;
display: block;
}

#custom-content-block-2 p {
float: left;
padding-top: 3px;
}

#custom-content-block-2 img {
float: right;
padding-top: 5px;
}

#custom-content-block-2 .group {
border: none;
margin: 0;
padding: 0;
}

#custom-content-block-2 span {
font-family: "Duplicate Bold", sans-serif;
font-size: 16px;
background-color: #c21632;
color: #fff;
padding: 2px 8px;
margin: -3px 10px 5px 0;
display: inline-block;
text-transform: uppercase;
}

/* Robottexter */

.everysport .everysport-menu-button-right  {
text-align: center;
}

.robotsport .main {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.robotsport .main .newspic {
position: relative;
}

.robotsport .overlay {
background: transparent; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(transparent, #000000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, #000000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, #000000); /* For Firefox 3.6 to 15 */
background: linear-gradient(transparent, #000000); /* Standard syntax */
width: 100%;
height: 400px;
position: absolute;
bottom: 0px;
opacity: 0.9;
}

.robotsport .main .newspic .text-container {
display: block;
position: absolute;
left: 0;
bottom: 0;
padding-bottom: 20px;
}

.robotsport .main .newspic .text-container .plus {
display: inline-block;
float: none;
margin-left: 20px;
}

.robotsport .main .newspic .widget {
display: inline-block;
color: #fff;
font-weight: bold;
margin: 0 0 0 20px;
background-color: #f09101;
padding: 0 5px;
}

.robotsport .main .newspic .text-container h1 {
color: #fff;
margin: 0 0 10px 20px;
display: block;
}

.robotsport.lista p, .robotsport .lista p {
display: block;
display: -webkit-box;
max-width: 620px;
height: 42px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.robotsport.articleview {
padding-top: 20px;
}

.robotsport.article article.md {
border-bottom: initial;
}

.robotsport.article article .widget.social-share {
margin-left: 20px;
}

.robotsport.article h2 {
font-size: 38px;
}

.robotsport.article .comments-wrapper {
padding-bottom: 20px; 
border-bottom: 1px solid #e9ebee; 
overflow: auto;
}

.robotsport.article #comments-rules {
color: #365899;
font-size: 11px;
margin-top: 0;
padding-left: 10px;
}

.robotsport h4 {
background-color: #f09101;
display: block;
text-transform: uppercase;
color: #fff;
font-family: "Duplicate Bold", sans-serif;
font-size: 16px;
line-height: 120%;
margin: 30px 0 20px 20px;
padding: 5px 8px;
}

.robotsport h1 {
font-family: "Open Sans", sans-serif;
font-weight: bold;
border-bottom: 8px solid #f09101;
display: inline-block;
letter-spacing: -1px;
font-size: 28px;
padding: 5px 0;
margin: 20px 0 40px 20px;
}

.robotsport .main h1 {
border: none;
}

.c313.robotsport h4 {
margin: 0 0 20px 0;
}

.robotsport .tags {
margin: 10px 0 0;
}

.robotsport .tags a {
background-color: #e4e4e4;
border-radius: 6px;
margin: 0 5px 0 0;
padding: 2px 8px;
font-family: "Open Sans", sans-serif;
font-size: 12px;
text-transform: uppercase;
}

.robotsport .tags a:hover {
background-color: #f09101;
color: #fff;
}

.robotsport .ad {
margin: 8px 0 40px;
padding: 8px;
height: 385px;
}

.robotsport .read-more {
display: block;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
padding: 3px 0;
}

.robotsport .read-more a {
color: #c07400;
border: 1px solid #c07400;
padding: 3px 8px;
}

.robotsport .listheader {
background-color: #f09101;
}

.robotsport.menu {
background-color: #f09101;
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: bold;
padding: 5px 10px 0 20px;
height: 70px;
line-height: 70px;
}

.robotsport .dropdown {
float: right;
border: 1px solid #fff;
margin: 10px;
padding: 8px;
line-height: normal;
}

.robotsport .dropdown-header {
color: #f09101;
text-transform: uppercase;
font-family: "Duplicate Bold", sans-serif;
font-size: 14px;
padding: 3px 20px 0;
}

.robotsport.menu .dropdown-menu a {
color: #000;
display: block;
padding: 2px 20px;
font-weight: normal;
}

.robotsport .dropdown-divider {
border-bottom: 1px solid #ccc;
margin: 8px 0;
}

.robotsport .dropdown-divider:last-of-type {
border: none;
}

.robotsport.menu h1 {
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
margin: 0 25px 0 0;
height: 40px;
vertical-align: middle;
}

.robotsport.menu ul, .robotsport.menu li {
display: inline-block;
margin: 0 20px 0 0;
vertical-align: middle;
}

.robotsport.menu li.selected {
border: 1px solid #fff;
margin: 0;
padding: 4px 8px;
height: auto;
margin-right: 5px;
}

.robotsport.menu a {
color: #fff;
}

.robotsport table {
margin: 20px 0;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 13px;
border-collapse: collapse;
}

.c313.robotsport table {
margin: 0 0 40px 0;
width: 100%;
}

.robotsport table.small {
text-align: left;
}

.robotsport th {
font-size: 13px;
text-transform: uppercase;
}

.robotsport td, .robotsport th {
padding: 5px;
border-bottom: 1px solid #dbdbdb;
}

.c647.robotsport td, .c647.robotsport th {
padding: 5px 20px 5px 5px;
}

.robotsport table a {
font-weight: bold;
text-align: left;
display: block;
color: #c07400;
}

.robotsport .latest-results table, .robotsport .latest-results td {
text-align: left;
line-height: 140%;
border: initial;
}

.robotsport .latest-results .date {
display: block;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}

.robotsport .latest-results .result-per-date, .robotsport .latest-results .games-per-date {
border-bottom:  1px solid #dbdbdb;
margin-bottom: 10px;
padding-bottom: 10px;
}

.robotsport .latest-results .result-per-date-no-border {
padding-bottom: 3px;
}

.robotsport .latest-results .result {
display: inline-block;
font-weight: bold;
background-color: #f09101;
border-radius: 3px;
color: #fff;
padding: 0 3px;
}

.robotsport .latest-results .read-more {
display: inline;
text-transform: initial;
}

.latest-results span, .latest-results table a {
display: inline;
}

.robotsport-hideme{
    margin-top:5px;
    margin-bottom:5px;
}

.todays-results {
margin: 20px;
padding: 0 0 0 10px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
}

.todays-results div {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 10px;
padding-bottom: 10px;
}

.todays-results a {
color: #c07400;
font-weight: bold;
}

.todays-results .teams {
font-weight: bold;
font-size: 15px;
}

.todays-results .result {
font-weight: bold;
float: right;
font-size: 20px;
}

.game-info a {
color: #c07400;
}

.robotsport table .left {
text-align: left;
}

.robotsport .fixed-width {
width: 30px;
}

.robotsport .important {
font-weight: bold;
text-align: right;
}

.game-info {
margin: -10px 0 60px 20px;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: bold;
}

.game-last {
margin-bottom: 10px;
padding: 20px;
text-align: center;
background: url(../Content/images/sport/greenery.jpg) center center no-repeat;
height: 160px;
color: #fff;
}

.game-last span {
display: block;
}

.game-next div {
display: inline-block;
}

.game-next:before {
content: url(../Content/images/sport/sport-square.png);
padding-right: 5px;
}

.game-last .date {
text-align: center;
}

.game-last .teams {
font-size: 24px;
padding: 5px 0;
}

.game-last span.result {
display: inline-block;
font-size: 50px;
text-align: center;
line-height: 120%;
background-color: #f09101;
margin: 0 10px;
padding: 0 10px;
letter-spacing: 0.5px;
vertical-align: middle;
}

.game-last a {
color: #fff;
}

.robotsport .container {
margin: 20px;
}

.robotsport .tab-content {
padding: 20px 10px;
}

.robotsport span.tag, .robotsport div.tag {
background-color: #f09101;
color: #fff;
display: inline-block;
width: 150px;
margin: 5px 0;
padding: 3px;
font-family: "Duplicate Bold", sans-serif;
text-transform: uppercase;
text-align: center;
}

/* Robottexter färganpassning */
.robotsport.menu.ishockey, .robotsport.ishockey h4, .ishockey .robotsport h4, .robotsport.ishockey .main .newspic .widget, .robotsport.ishockey .listheader, 
.robotsport.ishockey .tags a:hover, .ishockey .game-last span.result {
background-color: #ba1a0b;
}

.robotsport.ishockey.menu h1, .robotsport.ishockey h1 {
border-bottom-color: #ba1a0b;
}

.robotsport.ishockey .read-more a {
color: #ba1a0b;
border: 1px solid #ba1a0b;
}

.robotsport.ishockey .dropdown-header, .robotsport.ishockey table a, .ishockey .todays-results a {
color: #ba1a0b;
}

/* Följ robotlag*/
.follow-team{
    background-color: #bf003a;
    border-radius: 14px;
    color: #fff !important;
    font-size: 13px;
    margin: 5px 10px 5px 15px;
    padding: 5px 12px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.c313 .follow-team {
margin: 5px 10px 5px 0;
}

.team-container h1, .team-container #follow-team-container {
    display: inline;
}

.team-container{
    padding: 5px 0;
    margin: 20px 0 40px 0px;
}

.robot-follow-settings{
    margin-top:10px;
    margin-left:20px;
}

.ishockey .game-next:before {
content: url(../Content/images/sport/ishockey-square.png);
}

.sportistippning {
margin: 20px 0;
padding: 20px 10px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
background-color: #fff;
font-family: "Duplicate Light", sans-serif;
}

.sportistippning a {
color: #ba1a0b;
font-family: "Duplicate Bold", sans-serif;
text-transform: uppercase;
}

.sportistippning ul {
display: inline;
margin: 0;
padding: 0;
}

.sportistippning li {
display: inline;
padding: 0 5px; 
}

.right {
display: inline-block;
float: right;
}

/* Dialog i sidfoten */
.dialogue-footer {
background-color: #fff;
opacity: 0.98;
color: #000;
position: fixed;
bottom: -2px;
left: 0;
right: 0;
height: 150px;
z-index: 1000;
font-family: "Open Sans", sans-serif;
font-size: 14px;
text-align: center;
box-shadow: 0px 0px 40px -16px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px -1px 40px -13px rgba(0,0,0,0.50);
-moz-box-shadow: 0px -1px 40px -13px rgba(0,0,0,0.50);
box-shadow: 0px -1px 40px -13px rgba(0,0,0,0.50);
}

.dialogue-footer .plus {
margin-top: 5px;
margin-right: 3px;
}

.dialogue-footer #close-sticky  {
position: absolute;
top: 20px;
left: 20px;
cursor: pointer;
}

.dialogue-footer #close-sticky::before {
content: url(images/layoutbilder/close-x.png)
}

.dialogue-footer a {
font-weight: bold;
}

.dialogue-content {
margin: 0 auto;
width: 1230px;
padding: 5px 20px 25px;
}

.dialogue-content:hover .dialogue-action:before {
border-left-color: #34495e;
border-width: 25px 0 25px 25px;
left: 0;
}

.dialogue-headline {
font-weight: 600;
font-size: 18px;
}

.dialogue-action {
display: inline-block;
margin-top: 15px;
padding: 10px 20px;
background-color: #000;
color: #fff;
border-radius: 20px;
text-transform: uppercase;
}

.factBox {
    border-top: 14px solid #009ace;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
    padding: 7px 0;
    font-size: 12px;
    line-height: 140%;
}

.factBoxHead {
    font-family: 'Duplicate Bold', Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 110%;
    padding: 1px 0 10px;
    border-bottom: 1px solid #dcdcdc;
}

.factBoxUL {
    margin: 10px 0 10px 2px;
    padding: 0;
    list-style-type: none;
}

.factBoxLI {
    padding: 5px 8px 5px 0;
    list-style-type: initial;
    list-style-position: outside;
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 24px;
}

.quoteBox {
    font-family: 'Duplicate', Arial, sans-serif;
    font-size: 13px;
}

.quoteHead {
    font-family: 'Duplicate Bold', Arial, sans-serif;
    font-size: 24px;
    color: #c21632;
    line-height: 120%;
    padding-bottom: 5px;
}

.quoteTitle {
    font-family: Arial,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:bold;
}

#account .notification {
background-color: #fff;
border-radius: 100%;
width: 10px;
height: 10px;
}

.followingArticle {
    color:palevioletred;
}

/* Softpaywall start*/
.modal {
display: none; 
position: fixed; 
z-index: 1; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4); 
}

#team-log-in-to-follow-modal .modal-content {
background-color: #fefefe;
margin-top:15%;
margin-left: 36%;
padding: 20px;
border: 1px solid #888;
border-radius: 5px;
width: 40%;
max-width: 400px;
min-width: 400px;
}

.close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
}

.close-fixed {
background-color: #444;
font-size: 12px;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 10px 35px;
display: inline-block;
border-radius: 2px;
cursor:pointer;
}

.close:hover, .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.modal-content .payWallDigitalWrapper  {
margin: 10px 0 0;
}

.modal-content .paywallDigital {
margin: 20px 0 0;
border: none;
background-color: initial;
}

.fadeMsg {
    background: #45b7ba;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-weight: 600;
    line-height: 30px;
    opacity: .9;
    padding: 15px;
    z-index: 9999;
    position: fixed;
    right: 20px;
    top: 20px;
}

#notifySettingsMessage.fadeMsg {
position: fixed;
top: 40%;
left: 40%;
width: 300px;
text-align: center;
}

.fadeMsg[data-icon]:before {
    display: inline-block;
    font-size: 28px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* Mina nyheter */
.mynews-robot-list-item, .mynews-byline-list-item, #topicWrapper .topic {
margin: 15px 0 !important;
}

.mynews-section {
margin: 10px 0;
padding: 20px 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}

ol {
list-style-position: inside;
}

.plaintext h2 {
margin: 28px 0 8px;
}

.sponsoredArticle {
font-family: "Open Sans", sans-serif;
text-transform: initial;
background-color: #dd72d3;
color: #fff;
display: inline-block;
margin: 0 0 4px 0;
padding: 1px 4px;
font-size: 13px;
font-weight: bold;
border-radius: 2px;
}

.sponsoredArticle:empty {
background-color: #fff;
margin: 0;
padding: 0;
}

.paymentInfoMsg {
font-family: "Open Sans", sans-serif;
font-size: 14px;
text-align: center;
margin-top: -50px;
padding: 40px 20px 20px;
border: 1px solid #ccc;
background-color: #f4f4f4;
margin: 0 auto 20px;
max-width: 1220px;
}

.paymentInfoMsg h2 {
margin-bottom: 6px;
display: inline-block;
}

.btn {
background-color: #45b7ba;
border-color: #45b7ba;
color: #fff;
outline: none;
margin: 20px 0;
padding: 10px 35px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}

/* General Elections Site 2019 */
#general-elections-site-2019 #election-alert:before {
    content: '\f06a';
    display: inline-block;
    float: left;
    font-family: 'FontAwesome';
    font-size: 30px;
    margin: 0 8px 0 0;
}

#general-elections-site-2019 #election-alert {
    background: rgba( 255, 71, 87, .8 );
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    left: 32px;
    max-width: 75%;
    padding: 16px;
    position: absolute;
    top: 16px;
}

#general-elections-site-2019 #wrapper {
    position: relative;
}

/* New spine CSS */
.c320 > div {
    background: #fff;
    border-bottom: none !important;
    border-left: 1px solid #dbdbdb !important;
    margin: 0 auto 10px !important;
}

.c320 > div:last-child {
    margin: 0 !important;
}

.frontpage .ad-above-article {
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
}

.comments-rules-tempfix {
    height: 215px !important;
    margin-top: 20px;
    width: 100% !important;
}

/* Maintenance Alert */
#maintenance-alert:before {
    content: '\f0ad';
    display: block;
    font-family: 'FontAwesome';
    font-size: 110px;
    opacity: .2;
    position: absolute;
    right: -32px;
    top: 16px;
    transform: scale( -1, 1 );
    -webkit-transform: scale( -1, 1 );
}

#maintenance-alert {
    background: rgba( 255, 192, 72, .2 );
    border: 8px solid #ffc048;
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
    padding: 16px 32px;
    position: relative;
}

#maintenance-alert .maintenance-alert-heading {
    color: #808e9b;
    font-size: 30px;
    font-weight: 700;
    margin: 0 auto 4px;
}

#maintenance-alert .maintenance-alert-text {
    color: #485460;
    font-size: 21px;
    font-weight: 600;
}

/* Login or subscribe-box */
.login-or-subscribe-box:before {
    background: -webkit-gradient( linear, left top, left bottom, from(rgba( 255, 255, 255, 0 )), to(#fff) );
    background: -webkit-linear-gradient( rgba( 255, 255, 255, 0 ), #fff );
    background: -o-linear-gradient( rgba( 255, 255, 255, 0 ), #fff );
    background: linear-gradient( rgba( 255, 255, 255, 0 ), #fff );
    content: '';
    display: block;
    height: 128px;
    left: 0;
    position: absolute;
    top: -128px;
    width: 100%;
}

.login-or-subscribe-box {
    background: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    margin: -124px auto 0;
    padding: 64px 96px 32px;
    position: relative;
    text-align: center;
}

.login-or-subscribe-box .login-or-subscribe-box__heading {
    font-family: "Publico Bold", sans-serif !important;
    font-size: 55px;
    margin: 0 auto;
}

.login-or-subscribe-box .login-or-subscribe-box__paragraph {
    line-height: 26px;
    margin: 32px auto;
    opacity: .75;
}

.login-or-subscribe-box .login-or-subscribe-box__paragraph .login-or-subscribe-box__emphasis {
    border-bottom: 2px solid #02babd;
    display: inline-block;
    font-weight: 600;
    margin: 0 auto 2px;
    padding: 0 2px;
}

.login-or-subscribe-box .login-or-subscribe-box__button {
    background: #02babd;
    border-radius: 500px;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 64px;
    position: relative;
}

.login-or-subscribe-box .login-or-subscribe-box__button:first-of-type:after {
    background: rgba( 255, 255, 255, .25 );
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skewX( -11.25deg );
    transform: skewX( -11.25deg );
    -webkit-transition: none;
    transition: none;
    width: 0%;
}

.login-or-subscribe-box .login-or-subscribe-box__button:first-of-type:hover:after {
    background: rgba( 255, 255, 255, 0 );
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 120%;
}

.login-or-subscribe-box .login-or-subscribe-box__button:last-of-type {
    background: none;
    border: 2px solid #02babd;
    color: #02babd;
    font-size: 16px;
    line-height: 60px;
    margin: 16px auto 0;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.login-or-subscribe-box .login-or-subscribe-box__button:last-of-type:hover {
    background: #02babd;
    color: #fff;
}

/* Line Clamp */
.line-clamp {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

/* Personalized Packages A/B-Test Quickfix */
.c647 div[class^="js-optimize-package-"] a:last-child .main {
    border-bottom: 1px solid #dbdbdb;
}

/* Lead Play-icon Quickfix */
.lead__play-icon {
    color: #231f20;
    display: none;
    font-size: 24px;
    line-height: 1;
    margin-right: 2px;
    vertical-align: top;
}

.lead__play-icon:before {
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.online-frontpage .lead__play-icon {
    display: inline-flex;
}