/* ==========================================================================
   Base for publication svt.se/nyheter
   ========================================================================== */
/**
 * Imports all sass files for publication svt.se
 */
/* ==========================================================================
   Settings for the default path
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Gradient
   ========================================================================== */
/* Transform
   ========================================================================== */
/*
 * This function is only possible in SASS 3.3. Waiting for upgrade.....
 *
 *  @usage svt_transform(translate3d, 10px, 20px, 0);
 *
 *	@mixin svt_transform($transform-function, $values...) {
 *		-moz-transform: call($transform-function, $values);
 *		-webkit-transform: call($transform-function, $values);
 *		-ms-transform: call($transform-function, $values);
 *		transform: call($transform-function, $values);
 *	}
 */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Rotate
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
 * Example usage:
 * @include svt_keyframe(fadeout) {
 * 		0% {
 * 			opacity: 1;
 * 		}
 *
 * 		100% {
 * 			opacity: 0;
 * 		}
 * }
 */
/*
 * Example usage:
 * @include svt_animation(changecolour, 10s, ease-out, 5s, 2, alternate)
 */
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* Mixins for Typography
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/*
 * If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Clearfix
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* Retina
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* Center content
   ============================================ */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/* Opacity
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* Helpers for using sprites. Use wth grunt-spritesmith.
 *
 * USAGE
 *
 * Using regular version
 * @include sprite($sprite-list-variable)
 *
 * Using retina version
 * @include sprite-retina(sprite1x-variable, (optional) sprite2x-variable)
 *
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/* ==========================================================================
   SVT colors
   ========================================================================== */
/**
 * Speca upp utifran designriktlinjer/grafiskprofil
 *
 */
/* Black to white
   ========================================================================== */
/** TODO: PLAY green Witch is the right color? **/
/* Complementary colors for channel graphics
   ========================================================================== */
/* SVT1 */
/* SVT2 */
/* Barnkanalen */
/* Kunskapskanalen */
/* SVT World */
/* SVT24 */
/* Externa kanaler TV4, Kanal 5 och TV6 */
/* Legend color set for A-O
   ========================================================================== */
/* Gradient colors
   ========================================================================== */
/* TODO: Color direct on elements, should have a variabel name that describes the color */
/* Font colors
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* standard color for theme.scss
   ========================================================================== */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Buttons standard colors
   ========================================================================== */
/* SVTSE publication
   ========================================================================== */
/* parental control colors
   ========================================================================== */
/* ==========================================================================
   SVT fonts
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* ==========================================================================
   Measures
   ========================================================================== */
/**
 * Measures for svt.se
 *
 */
/* ==========================================================================
   Measures
   ========================================================================== */
/* Measures for media queries
   ========================================================================== */
/*
 * TODO SWITCH variables doesn't work in _mediaqueries.scss
 *
 * Would be nice if we could use the variables
 */
/* XSMALL not used now TODO: better size */
/* XLARGE not used now */
/* Measures
   ========================================================================== */
/* pixels */
/* Procent */
/* Radius */
/* Balk */
/* Lists */
/**
 * The grid systems base measures
 * Example usage: width: ($grid-w-max - NUM-OF-MARGINS * $grid-w-margin) / NUM-OF-UNITS;
 *
 * TODO: johb in progress, needs to be 100% but still work on IE < 9
 */
/* Figure */
/* Animation timers */
/* Columns */
/* Typography bases */
/* ==========================================================================
   Theme default values
   ========================================================================== */
/* standard color for theme.scss
   ========================================================================== */
/**
 * $localMenuType can be set to small large or responsive
 * Uses:
 * generic = all general standardpages on svt.se
 * large = titlepages
 * responsive = is like generic but has lower height in XS (used on news)
 */
/* $localMenuType dependant sizes */
/* Currently just light and dark */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/*localHeader settings */
/* Used when $localMenuType generic or responsive */
/* Used when $localMenuType large */
/**
 * Responsive background
 * Scales the background/logotype from 60%(mobil first) 75%(S) AUTO/100%(M-L)
 */
/* Local header logos for News site placed in sprite. Can be used for other sites aswell. */
/* Local title (if no logo) */
/* typography
   ========================================================================== */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* Article Section Header */
/* Article Section Subheader */
/* Vingnette */
/* Vingnette header */
/* Theme sprite
   ========================================================================== */
/* Used for sprite position. This number is multiplied with sprite-base, to get position */
/* Buttons
   ========================================================================== */
/* Umbrella sites
   ========================================================================== */
/* Wide View
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/* If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Columns
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
	Example usage:
	@include keyframe(fadeout) {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
*/
/*
	Example usage:
    @include animation(changecolour, 10s, ease-out, 5s, 2, alternate )
*/
/* Opacity
   ========================================================================== */
/* Transform
   ========================================================================== */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Text shadow
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Grids
   ========================================================================== */
/* Media block
   ========================================================================== */
/* Clearfix
   ========================================================================== */
/**
 * The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
 * Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
 * USED BY: .svtClearfix , .svtContainerBase
 */
/* Rotate with IE fix
   ========================================================================== */
/* Appearence
   ========================================================================== */
/* Gradient Bar Colors for buttons and alerts
   ========================================================================== */
/* Loading animation for buttons
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* IE7 restore whitespace
   ========================================================================== */
/**
 * IE7 likes to collapse whitespace on either side of the inline-block elements.
 * Ems because we're attempting to match the width of a space character. Left
 * version is for form buttons, which typically come after other elements, and
 * right version is for icons, which come before. Applying both is ok, but it will
 * mean that space between those elements will be .6em (~2 space characters) in IE7,
 * instead of the 1 space in other browsers.
 */
/* Reset filters for IE
   ========================================================================== */
/* Webkit-style focus
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* SVT Player specific mixins
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* ==========================================================================
   mq_mixins
   ========================================================================== */
/**
 * "Base" file for mixins for media queries
 *
 * Imports and includes page specific media queries lika A-O, Tabla ...
 *
 * General classes for all publications should be written here
 */
/* Imports
   ========================================================================== */
/* ==========================================================================
   CSS3 columns in different media queries
   ========================================================================== */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Display, shows and hide item in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Large */
/* ==========================================================================
   Gridblock in different media queries
   ========================================================================== */
/**
 * See _grid.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Layout in different media queries
   ========================================================================== */
/**
 * see _layout.scss for more information
 */
/* Small, medium and large */
/* Small */
/* Medium */
/** Large */
/* ==========================================================================
   svtLineElement in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   svtMediaBlock in different media queries
   ========================================================================== */
/**
 * see _mediaBlock.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* ==========================================================================
   Typograpy items in different media queries
   ========================================================================== */
/* Small and medium */
/* Medium  and large */
/* Large */
/* ==========================================================================
   Models item in different media queries
   ========================================================================== */
/* see _models.scss for more information  */
/* Medium and large */
/* ==========================================================================
   Weather in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Media Gallery in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Forms in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   FAQ (Tittarservice) in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* X-EXTRA SMALL iPhone Portrait*/
/* LARGE - Desktops and laptops */
/*
 * MediaQuery mixins for local pub
 * NEVER write code here, overwrite in your publications _mq_mixins_xxx.scss
 */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* X-EXTRA SMALL - IPHONE PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
.nss_commentbox__heading {
  font-family: arial;
  font-weight: bold;
  font-size: 24px; }

.nss_commentbox__button-wrapper {
  border-radius: 5px;
  padding: 10px 12px; }
  .nss_commentbox--opinion .nss_commentbox__button-wrapper {
    color: white;
    background: #DD7600;
    background: linear-gradient(#F29205 0%, #DD7600 50px); }
  .nss_commentbox--standard .nss_commentbox__button-wrapper {
    background: #f2f2f2;
    background: linear-gradient(#fafafa, #f2f2f2);
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #e5e5e5; }

.nss_commentbox__button {
  line-height: 20px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none; }
  .nss_commentbox--opinion .nss_commentbox__button {
    color: white; }
    .nss_commentbox--opinion .nss_commentbox__button:hover {
      text-decoration: none;
      color: white; }
    .nss_commentbox--opinion .nss_commentbox__button:visited {
      color: white; }
  .nss_commentbox--standard .nss_commentbox__button {
    color: black; }
    .nss_commentbox--standard .nss_commentbox__button:hover {
      text-decoration: none;
      color: black; }
    .nss_commentbox--standard .nss_commentbox__button:visited {
      color: black; }

.nss_commentbox--collapsed .nss_commentbox__button-expanded-text,
.nss_commentbox--collapsed .nss_commentbox__comments-area {
  display: none; }

.nss_commentbox--expanded .nss_commentbox__button-collapsed-text {
  display: none; }

.nss_commentbox__button_icon {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png");
  display: inline-block;
  float: none;
  zoom: 1;
  vertical-align: middle;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px;
  margin-top: -4px;
  margin-left: 4px;
  width: 18px;
  height: 18px; }
  .nss_commentbox--collapsed .nss_commentbox__button_icon {
    background-position: -99px -136px; }
  .nss_commentbox--expanded .nss_commentbox__button_icon {
    background-position: -124px -136px; }
  .nss_commentbox--opinion.nss_commentbox--collapsed .nss_commentbox__button_icon {
    background-position: -99px -161px; }
  .nss_commentbox--opinion.nss_commentbox--expanded .nss_commentbox__button_icon {
    background-position: -124px -161px; }

.nss_commentbox__comments-area {
  margin-top: 10px;
  margin-left: 0px; }

.nss_commentbox__disclaimer {
  margin-top: 10px; }
  .nss_commentbox--collapsed .nss_commentbox__disclaimer {
    display: none; }
  .nss_commentbox--expanded .nss_commentbox__disclaimer {
    display: block; }

.nss_commentbox__disclaimer-heading {
  font-family: arial;
  font-size: 12px;
  font-weight: bold; }

.nss_commentbox__disclaimer-text {
  font-family: arial;
  font-size: 12px; }

.nss_commentbox__disclaimer-link {
  text-decoration: underline; }
  .nss_commentbox--opinion .nss_commentbox__disclaimer-link {
    color: #FFF; }
    .nss_commentbox--opinion .nss_commentbox__disclaimer-link:hover {
      color: #FFF; }
    .nss_commentbox--opinion .nss_commentbox__disclaimer-link:visited {
      color: #FFF; }

.nss_editorial-comment__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  display: inline;
  padding: 8px 15px; }
  .nss_editorial-comment--opinion .nss_editorial-comment__heading {
    background: #F9EFE1;
    border-left: 3px solid #f5d8b5; }

.nss_editorial-comment__text-wrapper {
  color: #808080; }
  .nss_editorial-comment--opinion .nss_editorial-comment__text-wrapper {
    border-left: 3px solid #f5d8b5;
    padding-left: 12px;
    margin-bottom: 24px; }
  .nss_editorial-comment--has-heading .nss_editorial-comment__text-wrapper {
    padding-top: 18px; }

.nss_editorial-comment__text {
  font-style: italic;
  font-size: 16px;
  line-height: 22px; }

.nss_editorial-comment__writer {
  display: block;
  line-height: 36px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
.nss_sharebox {
  padding-right: 1px; }

.nss_sharebox__buttongroup {
  position: relative;
  margin-left: -2%;
  width: 102%; }
  @media only screen and (min-width: 801px) {
    .nss_sharebox__buttongroup {
      margin-left: 0;
      width: 100%; } }

.nss_sharebox__button {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: bold;
  line-height: 12px;
  white-space: nowrap;
  color: #000;
  text-align: center;
  padding: 9px 0;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-color: #f2f2f2;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #e5e5e5;
  margin-bottom: 8px;
  margin-left: 2%;
  width: 48%;
  float: left; }
  .nss_sharebox__button:visited {
    color: #000; }
  .nss_sharebox__button:hover {
    color: #000;
    text-decoration: none; }
  .nss_sharebox__button:active {
    color: #000; }
  @media only screen and (min-width: 801px) {
    .nss_sharebox__button {
      margin-left: 0;
      width: 100%; } }

.nss_sharebox__button-icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: none;
  vertical-align: bottom;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px; }

.nss_sharebox__button--comment {
  display: none; }
  @media only screen and (min-width: 801px) {
    .nss_sharebox__button--comment {
      display: block; } }

@media only screen and (min-width: 801px) {
  .nss_sharebox__button--print {
    margin-top: 8px; } }

.nss_sharebox__shares {
  font-weight: normal;
  margin-left: 0.4em; }

@media only screen and (min-width: 601px) {
  .nss_sharebox--storyshare .nss_sharebox__buttongroup {
    margin-left: -2%;
    width: 102%; }
  .nss_sharebox--storyshare .nss_sharebox__button {
    margin-top: 0;
    margin-left: 2%;
    width: 23%; } }

/* ==========================================================================
   SVT fonts
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
.svtFactbox {
  margin-bottom: 20px; }

.svtFactbox__content {
  padding-top: 12px;
  padding-right: 11px;
  padding-left: 11px;
  background-color: #f2f2f2;
  border: solid #e6e6e6 1px; }

.svtFactbox__title {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 18px;
  margin-bottom: 6px; }

.ieLte8 .svtFactbox__title {
  font-size: 13px; }

.svtFactbox__body {
  font-size: 13px;
  line-height: 18px; }
  .svtFactbox__body h4 {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: uppercase; }
  .svtFactbox__body ul {
    margin-bottom: 12px;
    margin-left: 15px; }
  .svtFactbox__body ol {
    margin-bottom: 12px;
    margin-left: 19px; }
  .svtFactbox__body li {
    padding-left: 1px; }
  .svtFactbox__body p {
    margin-bottom: 12px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
.nss_author-list__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: bold;
  display: inline; }

.nss_author-list__item {
  margin-top: 12px; }

.nss_author-list__figure {
  float: left;
  width: 42px;
  height: 42px; }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_author-list__figure {
      float: none; } }

.nss_author-list__image {
  border-radius: 50%;
  border: 1px solid rgba(153, 153, 153, 0.3); }

.nss_author-list__item--has-image .nss_author-list__text-wrapper {
  margin-left: 52px; }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_author-list__item--has-image .nss_author-list__text-wrapper {
      margin-left: 1px; } }

.nss_author-list__title {
  display: block;
  font-weight: bold; }

.nss_author-list__role {
  display: block; }

.nss_author-list__email {
  display: block; }

.nss_author-list--opinion .nss_author-list__header {
  display: table;
  width: 100%;
  position: relative; }

.nss_author-list--opinion .nss_author-list__heading-wrapper {
  background: #DD7600;
  background-image: -moz-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DD7600), color-stop(1, #F29205));
  background-image: -webkit-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: linear-gradient(left, #DD7600 0%, #F29205 100%);
  padding: 7px 15px;
  display: table-cell;
  width: 75%;
  position: relative;
  z-index: 100; }

.nss_author-list--opinion .nss_author-list__heading-right-space {
  display: table-cell;
  width: 25%;
  height: 0; }

.nss_author-list--opinion .nss_author-list__heading-bottom {
  background: #F9EFE1;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  width: 100%; }

.nss_author-list--opinion .nss_author-list__heading {
  color: white; }

.nss_author-list--opinion .nss_author-list__wrapper {
  background: #F9EFE1;
  border-left: 3px solid #DD7600;
  padding: 8px 8px 20px 8px; }

/* GENERAL News style */
/* $locallogo					: "../img/themes/news/newstop-mock.png"; */
/* Typography */
/* THEME style - News themes like culture, sport, weather */
/* $localHeaderBgImgHeight : 108px; */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Fallback when not supporting rgba transparency use # hex values for the fallback */
/* Wide View */
/* Figure */
/* ==========================================================================
   Custom nyheter
   ========================================================================== */
.nss_body {
  margin-top: 16px; }

.nss_body__full {
  margin-bottom: 0; }

.svtNewsIcon, .nss_wide-block-button__icon, .svtseLocalMenu__MenuButtonIcon, [class^="svtNewsIcon"], [class*=" svtNewsIcon"] {
  background-image: url("img/nyheter/icon-sprite-news-new.png"); }

.svtNewsIcon__Arrow, [class^='svtNewsIcon__Arrow'], [class*=" svtNewsIcon__Arrow"] {
  width: 13px;
  height: 13px;
  background-position: 0 0; }

.svtNewsIcon__Arrow--nyheter {
  background-position: -29px 0; }

.svtNewsIcon__Arrow--kultur {
  background-position: -58px 0; }

.svtNewsIcon__Arrow--sport {
  background-position: -87px 0; }

.svtNewsIcon__Arrow--black, .svtNewsIcon__Arrow--neutral {
  background-position: -116px 0; }

.svtNewsIcon__Arrow--neutral {
  opacity: 0.75; }

.svtNewsIcon__LinkArrow, [class^='svtNewsIcon__LinkArrow'], [class*=" svtNewsIcon__LinkArrow"] {
  width: 11px;
  height: 10px;
  background-position: 0 -46px; }

.svtNewsIcon__LinkArrow--nyheter {
  background-position: -28px -46px; }

.svtNewsIcon__LinkArrow--kultur {
  background-position: -56px -46px; }

.svtNewsIcon__LinkArrow--sport {
  background-position: -84px -46px; }

.svtNewsIcon__LinkArrow--black, .svtNewsIcon__LinkArrow--neutral {
  background-position: -112px -46px; }

.svtNewsIcon__LinkArrow--neutral {
  opacity: 0.75; }

.svtNewsIcon__LinkArrow--Rightnow {
  background-position: -140px -46px; }

.svtNewsIcon__LinkArrow--Rightnow-sport {
  background-position: -168px -46px; }

.svtNewsIcon__Circle17, .nss_wide-block-button--close-article .nss_wide-block-button__icon, .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon, .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon, .nss_wide-block-button--close-submenu .nss_wide-block-button__icon, .nss_wide-block-button--comments .nss_wide-block-button__icon, [class^='svtNewsIcon__Circle17'], [class*=" svtNewsIcon__Circle17"] {
  width: 18px;
  height: 18px;
  background-position: 0 -136px; }

.svtNewsIcon__Circle17--plus, .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon, .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon {
  background-position: 0 -136px; }

.svtNewsIcon__Circle17--cross, .nss_wide-block-button--close-article .nss_wide-block-button__icon, .nss_wide-block-button--close-submenu .nss_wide-block-button__icon {
  background-position: -33px -136px; }

.svtNewsIcon__Circle17--minus {
  background-position: -65px -136px; }

.svtNewsIcon__Circle17--down, .nss_wide-block-button--comments .nss_wide-block-button__icon {
  background-position: -98px -136px; }

.svtNewsIcon__Circle14, [class^='svtNewsIcon__Circle14'], [class*=" svtNewsIcon__Circle14"] {
  width: 14px;
  height: 14px;
  background-position: -148px -138px; }

.svtNewsIcon__Circle14--plus {
  background-position: -148px -138px; }

.svtNewsIcon__Circle14--cross {
  background-position: -178px -138px; }

.svtNewsIcon__Circle14--minus {
  background-position: -208px -138px; }

.svtNewsIcon__Circle14--down {
  background-position: -238px -138px; }

.svtNewsIcon__Circle22, [class^='svtNewsIcon__Circle22'], [class*=" svtNewsIcon__Circle22"] {
  width: 22px;
  height: 22px; }

.svtNewsIcon__Circle22--left {
  background-position: -248px -197px; }

.svtNewsIcon__Circle22--right {
  background-position: -286px -197px; }

.svtNewsIcon__Menu12, .svtseLocalMenu__MenuButtonIcon, [class^='svtNewsIcon__Menu12'], [class*=" svtNewsIcon__Menu12"] {
  width: 16px;
  height: 12px;
  background-position: 0 -390px; }

.svtNewsIcon__Menu12--black, .svtseLocalMenu-Active .svtseLocalMenu__MenuButtonIcon {
  background-position: 0 -390px; }

.svtNewsIcon__Menu12--white, .svtseLocalMenu__MenuButtonIcon {
  background-position: -40px -390px; }

.svtNewsIcon__LightboxWindow, .svtNewsIcon__LightboxWindow--nyheter, .svtNewsIcon__LightboxWindow--kultur, .svtNewsIcon__LightboxWindow--sport, .svtNewsIcon__LightboxWindow--opinion, .svtNewsIcon__LightboxWindow--fotbollsvm, .svtNewsIcon__LightboxWindow--vm-vinter {
  background-position: 0 -420px;
  height: 18px;
  width: 18px; }

.svtNewsIcon__LightboxWindow--kultur {
  background-position: -30px -420px; }

.svtNewsIcon__LightboxWindow--sport {
  background-position: -60px -420px; }

.svtNewsIcon__LightboxWindow--opinion {
  background-position: -90px -420px; }

.svtNewsIcon__LightboxWindow--fotbollsvm {
  background-position: -180px -420px; }

.svtNewsIcon__LightboxWindow--vm-vinter {
  background-position: -60px -420px; }

.svtNewsIcon__DropDown {
  background-position: 0 -450px;
  height: 18px;
  width: 18px; }

.nss_wide-block-button {
  display: block;
  text-align: center;
  background: none;
  border: none;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  line-height: 44px;
  outline: none;
  padding: 0;
  color: #000;
  cursor: pointer; }
  .nss_wide-block-button:visited {
    color: #000; }
  .nss_wide-block-button:hover {
    color: #000;
    text-decoration: none; }
  .nss_wide-block-button:focus {
    outline: #e64b17 solid 2px;
    border-color: #e64b17; }
  .nss_wide-block-button.svtLoading .nss_wide-block-button__icon {
    background-image: url("img/ajax-loader-small.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat; }

.nss_wide-block-button--show-more-articles {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-color: #f2f2f2;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #e5e5e5; }

body:after {
  display: none;
  content: url("img/ajax-loader-small.gif"); }

.nss_wide-block-button__icon {
  display: inline-block;
  float: none;
  zoom: 1;
  vertical-align: middle;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px;
  margin-top: -3px; }

.nss_wide-block-button--show-more-articles {
  line-height: 36px; }
  .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon {
    margin-top: -4px; }

.nss_wide-block-button--show-more-latestnews {
  font-size: 14px;
  line-height: 30px; }
  .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon {
    margin-top: -3px; }

.nss_wide-block-button--close-submenu {
  margin-top: -6px; }

.nss_wide-block-button--comments {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }

/* Large */
/* Medium */
/* Small */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* About */
.nss_about {
  background-color: #fbf2e8;
  border-left: solid 3px #f8dfc4;
  margin-top: 12px;
  padding: 16px 16px 10px 15px; }
  @media only screen and (min-width: 601px) {
    .nss_about {
      margin-top: 16px; } }

.svtContainerAside .svtContentList .nss_about:first-child {
  margin-top: 0; }

.nss_about__figure {
  clear: both;
  margin-bottom: 8px; }

.nss_about__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 4px; }
  .ieLte8 .nss_about__heading {
    font-size: 21px;
    line-height: 24px; }

.nss_about__body p, .nss_about__body ul, .nss_about__body ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  line-height: 20px; }

.nss_about__body p {
  margin-bottom: 6px; }

.nss_about--default {
  background-color: #f2f2f2;
  border-left-color: #dedede; }

.nss_about--nyheter {
  background-color: #F2F2F2;
  border-left-color: #cc0022; }

.nss_about--sport {
  background-color: #ebf6fd;
  border-left-color: #cce8fb; }

.nss_about--kultur {
  background-color: #f4ecf7;
  border-left-color: #e4cfeb; }

.nss_about--opinion {
  background-color: #fbf2e8;
  border-left-color: #f8dfc4; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Voting */
.svt_voting {
  background: #FFF;
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px;
  margin-bottom: 0;
  margin-top: 12px;
  padding: 0 12px 12px; }
  .svt_voting .svt_voting__vignette--open,
  .svt_voting .svt_voting__vignette--closed {
    float: left;
    padding-bottom: 0; }
  .svt_voting .svt_voting__question {
    border-bottom: solid 1px #E6E6E6;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 -12px;
    padding: 8px 12px; }
  .svt_voting .svt_voting__total-votes {
    margin: 0; }
  .svt_voting .svt_voting__alternative {
    border-bottom: solid 1px #E6E6E6;
    margin: 0 -12px;
    padding: 10px 0 10px 12px; }
  .svt_voting .svt_voting__alternative {
    cursor: pointer; }
  .svt_voting .svt_voting__alternative:hover {
    background-color: #F2F2F2; }
  .svt_voting .svt_voting__alternative-label {
    margin: 0; }
  .svt_voting .svt_voting__link {
    padding-right: 0; }
  .svt_voting .svt_voting__circle-outer {
    border-width: 2px;
    border-radius: 18px !important;
    height: 32px !important;
    width: 32px !important; }
  .svt_voting .svt_voting__circle-outer:after {
    border-radius: 14px !important;
    border-width: 14px !important;
    height: 24px !important;
    margin-left: -12px !important;
    margin-top: -12px !important;
    width: 24px !important; }
  .svt_voting .svt_voting__alternative-text {
    color: #000;
    font-size: 14px;
    font-weight: 300; }
  .svt_voting .svt_voting__link {
    font-weight: 500;
    margin-top: 15px;
    text-transform: uppercase; }
  .svt_voting .svt_voting__share_toggle {
    display: none; }
  .svt_voting .svt_voting__button {
    display: none; }
  .svt_voting .svt_voting__results {
    margin: 0 -16px; }
  .svt_voting .svt_voting__result-group {
    margin: 0; }
  .svt_voting .svt_voting__result {
    border-bottom: solid 1px #E6E6E6;
    margin: 0;
    padding: 12px 16px 12px; }
  .svt_voting .svt_voting__result-percent {
    margin-left: -4em; }
  .svt_voting .svt_voting__result-text {
    color: #000;
    font-size: 16px;
    font-weight: 300; }
  .svt_voting .svt_voting__result-percent {
    color: #000;
    font-size: 16px;
    font-weight: 500; }
  .svt_voting .svt_voting__bar {
    background-color: #F2F2F2 !important;
    height: 20px; }
  .svt_voting .svt_voting__bar-value {
    height: 20px; }
  .svt_voting .svt_voting__total-votes {
    color: #545454;
    float: left;
    font-size: 14px;
    margin-top: 15px; }
  .svt_voting.svt_voting--resultview .svt_voting__total-votes {
    margin-top: -18px;
    margin-top: 0; }
  .svt_voting .svt_voting__message {
    clear: both;
    color: #545454;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 0;
    width: 100%; }
  .svt_voting .svt_voting__message--closed {
    margin-top: 12px; }
  .svt_voting .svt_voting__message em {
    font-style: normal; }
  .svt_voting .nss_voting__disclaimer {
    clear: both;
    color: #545454;
    display: block !important;
    font-size: 14px;
    margin: 12px 0 0 0;
    width: 100%; }
  @media only screen and (min-width: 601px) {
    .svt_voting {
      margin-top: 16px;
      padding: 0 16px 16px; }
      .svt_voting .svt_voting__question {
        font-size: 18px;
        margin: 0 -16px;
        padding: 8px 16px; }
      .svt_voting .svt_voting__circle-outer {
        border-radius: 14px !important;
        height: 28px !important;
        width: 28px !important; }
      .svt_voting .svt_voting__circle-outer:after {
        border-radius: 10px !important;
        border-width: 10px !important;
        height: 20px !important;
        margin-left: -10px !important;
        margin-top: -10px !important;
        width: 20px !important; }
      .svt_voting .svt_voting__alternative {
        margin: 0 -16px;
        padding: 10px 0 10px 16px; }
      .svt_voting .svt_voting__alternative-text {
        font-size: 16px; } }

.svt_voting--default {
  border-color: #585858; }
  .svt_voting--default .svt_voting__vignette,
  .svt_voting--default .svt_voting__vignette--open,
  .svt_voting--default .svt_voting__vignette--closed {
    color: #585858; }
  .svt_voting--default .svt_voting__bar {
    background-color: rgba(88, 88, 88, 0.5); }
  .svt_voting--default .svt_voting__bar-value {
    background-color: #585858; }
  .svt_voting--default .svt_voting__circle-outer {
    border-color: #585858; }
  .svt_voting--default .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #585858; }
  .svt_voting--default .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #585858; }
  .svt_voting--default .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #585858; }

.svt_voting--nyheter {
  border-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__vignette,
  .svt_voting--nyheter .svt_voting__vignette--open,
  .svt_voting--nyheter .svt_voting__vignette--closed {
    color: #cc0022; }
  .svt_voting--nyheter .svt_voting__bar {
    background-color: rgba(204, 0, 34, 0.5); }
  .svt_voting--nyheter .svt_voting__bar-value {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__circle-outer {
    border-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #cc0022; }

.svt_voting--sport {
  border-color: #008de9; }
  .svt_voting--sport .svt_voting__vignette,
  .svt_voting--sport .svt_voting__vignette--open,
  .svt_voting--sport .svt_voting__vignette--closed {
    color: #008de9; }
  .svt_voting--sport .svt_voting__bar {
    background-color: rgba(0, 141, 233, 0.5); }
  .svt_voting--sport .svt_voting__bar-value {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__circle-outer {
    border-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #008de9; }

.svt_voting--kultur {
  border-color: #770f99; }
  .svt_voting--kultur .svt_voting__vignette,
  .svt_voting--kultur .svt_voting__vignette--open,
  .svt_voting--kultur .svt_voting__vignette--closed {
    color: #770f99; }
  .svt_voting--kultur .svt_voting__bar {
    background-color: rgba(119, 15, 153, 0.5); }
  .svt_voting--kultur .svt_voting__bar-value {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__circle-outer {
    border-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #770f99; }

.svt_voting--opinion {
  border-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__vignette,
  .svt_voting--opinion .svt_voting__vignette--open,
  .svt_voting--opinion .svt_voting__vignette--closed {
    color: #ed6e00; }
  .svt_voting--opinion .svt_voting__bar {
    background-color: rgba(237, 110, 0, 0.5); }
  .svt_voting--opinion .svt_voting__bar-value {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__circle-outer {
    border-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #ed6e00; }

.svt_voting--fotbollsvm {
  border-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__vignette,
  .svt_voting--fotbollsvm .svt_voting__vignette--open,
  .svt_voting--fotbollsvm .svt_voting__vignette--closed {
    color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__bar {
    background-color: rgba(59, 157, 3, 0.5); }
  .svt_voting--fotbollsvm .svt_voting__bar-value {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__circle-outer {
    border-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #3b9d03; }

.svtTeaserGroup .svt_voting {
  margin-bottom: 8px; }

.svtArticleOpen .svt_voting {
  margin-bottom: 20px; }

.no-js .svt_voting .svt_voting__button {
  display: block; }

.no-js .svt_voting .svt_voting__alternative-label {
  margin: 10px 0 0 25px; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
.svtTagStory__TopArticlesSection {
  margin-bottom: 15px; }

.svtTagStory__Title__SectionName {
  display: block;
  font-size: 18px;
  font-weight: normal; }

.svt_story-overview {
  background-image: linear-gradient(to right, #B3121F 30%, #E50026 100%);
  background-color: #B3121F;
  margin-top: 12px;
  margin-bottom: 12px; }
  @media only screen and (min-width: 801px) {
    .svt_story-overview {
      background-image: linear-gradient(to right, #B3121F 72%, #E50026 100%);
      background-color: #B3121F; } }

.svt_story-overview__figure {
  position: relative; }

.svt_story-overview__introduction__inner {
  padding: 12px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .svt_story-overview__introduction__inner {
      padding: 16px; } }
  @media only screen and (min-width: 801px) {
    .svt_story-overview__introduction__inner {
      padding: 25px 15px 15px 15px; } }

.svt_story-overview__heading {
  color: #FFF;
  font-size: 29px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 5px; }
  @media only screen and (min-width: 1025px) {
    .svt_story-overview__heading {
      font-size: 33px;
      line-height: 35px;
      margin-bottom: 6px; } }

.svt_story-overview__introduction__text {
  color: #FFF;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  line-height: 18px; }
  @media only screen and (min-width: 1025px) {
    .svt_story-overview__introduction__text {
      font-size: 16px;
      line-height: 22px; } }

.svt_story-overview__introduction__links {
  bottom: 10px;
  right: 5px;
  position: absolute; }
  .svt_story-overview__introduction__links a {
    background-color: rgba(255, 255, 255, 0.85);
    background-color: #FFF\9;
    border-radius: 3px;
    color: #B3121F;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    padding: 6px 7px 6px 10px;
    text-decoration: none; }
    .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--nyheter, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--kultur, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--sport, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--opinion, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--fotbollsvm, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--vm-vinter {
      display: inline-block;
      margin-left: 10px;
      margin-top: -3px;
      vertical-align: middle; }
  .svt_story-overview__introduction__links a:hover {
    background-color: #FFF;
    text-decoration: none; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .svt_story-overview__introduction__links {
      bottom: 15px;
      right: 10px; } }
  @media only screen and (min-width: 801px) {
    .svt_story-overview__introduction__links {
      bottom: 15px;
      left: 15px;
      right: auto; }
      .svt_story-overview__introduction__links a {
        font-size: 16px; } }

.svt_story-share {
  padding: 0 0 6px 0;
  margin: 0 0 16px 0; }
  .svt_story-share .svt_story-share_text {
    font-size: 14px;
    margin-right: 8px; }
  .svt_story-share .svt_story-share_toggle {
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap; }
    .svt_story-share .svt_story-share_toggle .svtNewsIcon__DropDown {
      display: inline-block;
      margin-left: 10px;
      margin-top: -3px;
      vertical-align: middle; }
  @media only screen and (min-width: 801px) {
    .svt_story-share {
      padding: 0 0 12px 0; }
      .svt_story-share .svt_story-share_text {
        font-size: 16px;
        margin-right: 12px; }
      .svt_story-share .svt_story-share_toggle {
        font-size: 16px; } }

.svt_story-share_links {
  display: none; }
  .svt_story-share_links aside {
    padding-top: 12px; }

/* Media queries
   ========================================================================== */
/* SMALL AND MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
@media only screen and (min-width: 801px) {
  .svtTagStory__Title__SectionName {
    display: none; } }

/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS LANDSCAPE, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/**
 * XLARGE - TV, Large screens
 *
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */
/* IE6, IE7 and IE8 we'll do the same as following mediaqueries */
.ieLte8 .svtTagStory__Title__SectionName {
  display: none; }

.svt_timeline__heading-timestamp {
  font-size: 16px;
  line-height: 19px; }

.svt_timeline .svtSectionHeading--timeline, .svt_featured-articles .svtSectionHeading--featured-articles {
  font-size: 17px;
  line-height: 19px;
  padding-left: 12px;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 12px;
  color: #111; }

.svt_timeline .svtSectionHeading--timeline, .svt_timeline__article, .svt_featured-articles .svtSectionHeading--featured-articles, .svt_featured-articles .svtContentList {
  border-left: 2px solid #B3121F; }

.svt_timeline {
  margin-bottom: 15px;
  padding: 16px 0; }
  .svt_timeline .svt_timeline__section-heading-timestamp {
    color: #808080;
    text-transform: none;
    font-weight: normal; }
  .svt_timeline .svtContentList {
    margin-top: 0; }
  .svt_timeline .svtTimestamp--Teaser {
    display: none; }

.svt_featured-articles {
  background-color: #F2F2F2;
  margin-bottom: 15px;
  padding: 16px 0; }

.svt_featured-articles__Inner {
  padding-left: 12px;
  padding-right: 12px; }

.svt_timeline__heading {
  margin: 2px 0; }

.svt_timeline__heading-timestamp {
  color: #B3121F;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  position: relative; }
  .svt_timeline__heading-timestamp:before {
    content: "";
    background: #B3121F;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-left: -3px;
    margin-right: 8px;
    bottom: 2px; }

.svt_timeline__article {
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px; }
  .svt_timeline__article .svtCarousel--storySwipe {
    display: none; }

.svt_featured-articles {
  margin-left: -12px;
  margin-right: -12px; }
  .svt_featured-articles .svtContentList {
    padding-left: 12px;
    margin-top: 0;
    padding-top: 0.1px; }
  .svt_featured-articles .svtTeaser, .svt_featured-articles .svtTeaser--Medium, .svt_featured-articles .svtTeaser--Small, .svt_featured-articles .svtTeaser--Mini, .svt_featured-articles .svtTeaser--Listed {
    border-top: none; }
  .svt_featured-articles .svtCarousel--storySwipe {
    display: none; }

.svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed, .svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  border-color: #d9898f;
  border-width: 1px;
  margin-left: -26px;
  padding-left: 14px;
  margin-right: -12px;
  padding-right: 12px; }

.svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
  background-color: #FFF; }

.svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  background-color: #FFF; }

@media only screen and (min-width: 601px) {
  .svt_timeline .svtSectionHeading--timeline {
    padding-left: 24px; }
  .svt_timeline__Inner {
    margin: 0 130px; }
  .svt_timeline__heading {
    text-align: right;
    width: 130px;
    left: -130px;
    position: relative; }
    .svt_timeline__heading:first-child:before {
      left: 100%; }
  .svt_timeline__heading-timestamp {
    font-size: 18px;
    line-height: 24px;
    margin-right: 20px; }
    .svt_timeline__heading-timestamp:before {
      float: right;
      margin-right: -5px;
      margin-top: 10px; }
  .svt_timeline__article {
    padding-left: 24px; }
  .svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
    /*
			margin-left: - $_padding-sml - $_storyBorder-width;
			padding-left: $_padding-sml;
			*/
    margin-left: -154px;
    padding-left: 154px;
    padding-right: 130px;
    margin-right: -130px; }
  .svt_featured-articles__Inner {
    margin: 0 130px;
    padding-left: 0;
    padding-right: 0; }
  /* .svt_featured-articles {
		.svtSectionHeading--featured-articles {
			position: absolute;
			width: $_margin;
			left: 0;
			padding-left: 0px;
			padding-bottom: 0px;
			border-left: none;
		}
	}*/
  .svt_featured-articles {
    margin-left: 0;
    margin-right: 0; }
    .svt_featured-articles .svtSectionHeading--featured-articles {
      padding-left: 24px;
      font-size: 19px;
      line-height: 21px;
      padding-top: 4px;
      padding-bottom: 17px; }
    .svt_featured-articles .svtContentList {
      padding-left: 24px; }
  .svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
    margin-left: -156px;
    padding-left: 154px;
    padding-right: 130px;
    margin-right: -130px; } }

@media only screen and (min-width: 801px) {
  .svt_timeline .svtSectionHeading--timeline {
    font-size: 19px;
    line-height: 21px;
    padding-top: 4px;
    padding-bottom: 17px; } }

.ieLte8 .svt_timeline .svtSectionHeading--timeline {
  padding-left: 24px; }

.ieLte8 .svt_timeline__Inner {
  margin: 0 130px; }

.ieLte8 .svt_timeline__heading {
  text-align: right;
  width: 130px;
  left: -130px;
  position: relative; }
  .ieLte8 .svt_timeline__heading:first-child:before {
    left: 100%; }

.ieLte8 .svt_timeline__heading-timestamp {
  font-size: 18px;
  line-height: 24px;
  margin-right: 20px; }
  .ieLte8 .svt_timeline__heading-timestamp:before {
    float: right;
    margin-right: -5px;
    margin-top: 10px; }

.ieLte8 .svt_timeline__article {
  padding-left: 24px; }

.ieLte8 .svt_timeline .svtTeaser.svtArticleOpen, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Medium, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Small, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Mini, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  /*
			margin-left: - $_padding-sml - $_storyBorder-width;
			padding-left: $_padding-sml;
			*/
  margin-left: -154px;
  padding-left: 154px;
  padding-right: 130px;
  margin-right: -130px; }

.ieLte8 .svt_timeline .svtSectionHeading--timeline {
  font-size: 19px;
  line-height: 21px;
  padding-top: 4px;
  padding-bottom: 17px; }

.ieLte8 .svt_featured-articles__Inner {
  margin: 0 130px;
  padding-left: 0;
  padding-right: 0; }

/*.ieLte8 .svt_featured-articles {
		.svtSectionHeading--featured-articles {
			position: absolute;
			width: $_margin;
			left: 0;
			padding-left: 0px;
			padding-bottom: 0px;
			border-left: none;
		}
	}*/
.ieLte8 .svt_featured-articles {
  margin-left: 0;
  margin-right: 0; }
  .ieLte8 .svt_featured-articles .svtSectionHeading--featured-articles {
    padding-left: 24px;
    font-size: 19px;
    line-height: 21px;
    padding-top: 4px;
    padding-bottom: 17px; }
  .ieLte8 .svt_featured-articles .svtContentList {
    padding-left: 24px; }

.ieLte8 .svt_featured-articles .svtTeaser.svtArticleOpen, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
  margin-left: -156px;
  padding-left: 154px;
  padding-right: 130px;
  margin-right: -130px; }

/*
--------------------------------------
Figure - extend class
---------------------------------------*/
/* Base */
.nss_teaser--small .nss_teaser__figure img, .nss_teaser--mini .nss_teaser__figure img {
  display: block; }

/* Modifiers */
.nss_teaser--small .nss_teaser__figure, .nss_teaser--mini .nss_teaser__figure {
  float: left;
  margin-right: 12px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser--small .nss_teaser__figure, .nss_teaser--mini .nss_teaser__figure {
      margin-right: 16px; } }

.nss_teaser--small .nss_teaser__figure {
  width: 169px; }

.nss_teaser--mini .nss_teaser__figure {
  width: 61px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser--mini .nss_teaser__figure {
      width: 106px; } }

/*
--------------------------------------
Heading - extend class
---------------------------------------*/
/* Base */
.nss_teaser--small .nss_teaser__heading, .nss_teaser--mini .nss_teaser__heading {
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }
  .nss_teaser--small .nss_teaser__heading a, .nss_teaser--mini .nss_teaser__heading a {
    color: inherit; }

/* Modifiers */
.nss_teaser--small .nss_teaser__heading {
  font-size: 19px;
  line-height: 21px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }

.nss_teaser--mini .nss_teaser__heading {
  font-size: 17px;
  line-height: 19px;
  margin-bottom: 3px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 601px) {
    .nss_teaser--mini .nss_teaser__heading {
      margin-bottom: 4px; } }

/*
--------------------------------------
Opinion - extend class
---------------------------------------*/
/* Base */
/* Modifiers */
/*
--------------------------------------
Vignette - extend class
---------------------------------------*/
/* Base */
.nss_teaser__vignette {
  color: #0059b3;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold; }
  @media only screen and (min-width: 601px) {
    .nss_teaser__vignette {
      font-size: 15px;
      line-height: 20px; } }

/*
--------------------------------------
Textcontent - extend class
---------------------------------------*/
/* Base */
.nss_teaser__textcontent p,
.nss_teaser__textcontent ul,
.nss_teaser__textcontent ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }

@media only screen and (min-width: 601px) {
  .nss_teaser__textcontent p,
  .nss_teaser__textcontent ul,
  .nss_teaser__textcontent ol {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 14px;
    line-height: 20px; } }

/* Wideview grid
--------------------------------------------------------*/
@media only screen and (min-width: 601px) {
  .nss_wideview_grid, .nss_wideview_grid--in-halves {
    margin: 0 -20px;
    /* Can be set in em, % or px */
    padding: 0;
    /* Remove if you already reset paddings */
    clear: both;
    list-style: none;
    /* Works with ul & ol */
    letter-spacing: -0.31em;
    word-spacing: -0.43em; }
    .nss_wideview_grid > article, .nss_wideview_grid--in-halves > article {
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: top;
      padding: 0 20px;
      /* Can be set in em, % or px (must match .ingrid negative margins) */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

@media only screen and (min-width: 601px) {
  .nss_wideview_grid--in-halves > article {
    width: 50%; } }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Latest news block */
.nss_latest-news {
  margin-top: 16px;
  margin-bottom: 12px;
  background: #f2f2f2;
  border: 1px solid #ebebeb;
  border-top: none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }
  @media only screen and (min-width: 601px) {
    .nss_latest-news {
      margin-bottom: 16px; } }

.nss_latest-news__content-wrapper {
  padding: 13px; }

/* News list */
@media only screen and (min-width: 801px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__content-wrapper-inner {
    display: table; } }

@media only screen and (min-width: 801px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 70%; } }

@media only screen and (min-width: 1025px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list-wrapper {
    width: 75%; } }

.nss_latest-news__news-list {
  list-style-type: none;
  font-size: 14px;
  margin: 0; }
  @media only screen and (min-width: 801px) {
    .nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list {
      padding-right: 20px; } }

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .nss_latest-news--aside .nss_latest-news__list-item {
    margin-bottom: 8px; } }

@media only screen and (min-width: 1025px) {
  .nss_latest-news--main .nss_latest-news__list-item {
    margin-bottom: 8px; } }

.nss_latest-news__link {
  float: left;
  line-height: 20px; }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__link {
    font-weight: bold; }
  .nss_latest-news--main .nss_latest-news__link {
    width: 80%; }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--main .nss_latest-news__link {
        width: 63%; } }
  .nss_latest-news--aside .nss_latest-news__link {
    width: 79%; }
    @media only screen and (min-width: 601px) and (max-width: 1024px) {
      .nss_latest-news--aside .nss_latest-news__link {
        width: 100%; } }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--aside .nss_latest-news__link {
        width: 78%; } }
  .nss_latest-news__link:hover {
    text-decoration: none; }

.nss_latest-news__arrow {
  display: inline-block;
  margin-left: -18px;
  margin-right: 3px; }

.nss_latest-news__text {
  margin-left: 18px;
  vertical-align: top;
  display: inline-block; }

.nss_latest-news__title {
  font-weight: bold; }
  .nss_latest-news__link:hover .nss_latest-news__title {
    text-decoration: underline; }

.nss_latest-news__time-section-wrapper {
  display: none;
  white-space: nowrap;
  font-weight: normal; }
  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    .nss_latest-news--aside .nss_latest-news__time-section-wrapper {
      display: inline; } }

.nss_latest-news__section {
  clear: both;
  color: black;
  font-size: 12px;
  line-height: 16px;
  margin: 2px 0; }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__section {
    font-weight: bold; }
  .nss_latest-news__section.nss_latest-news__section--standard {
    float: left;
    margin-left: 18px; }
    @media only screen and (min-width: 601px) and (max-width: 1024px) {
      .nss_latest-news--aside .nss_latest-news__section.nss_latest-news__section--standard {
        display: none; } }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--main .nss_latest-news__section.nss_latest-news__section--standard {
        margin-left: 10px;
        float: none;
        clear: none;
        padding: 2px 0; } }

.nss_latest-news__time {
  color: #808080;
  font-size: 85%;
  position: relative;
  min-width: 27px;
  text-align: right;
  line-height: 16px; }
  .nss_latest-news__time.nss_latest-news__time--standard {
    padding: 2px 8px 2px 4px;
    float: right; }
  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    .nss_latest-news--aside .nss_latest-news__time.nss_latest-news__time--standard {
      display: none; }
    .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time.nss_latest-news__time--compact {
      padding: 2px 8px 2px 4px;
      margin-left: 8px; } }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time {
    background: #FFE30D;
    color: black; }
    .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time:after {
      right: 100%;
      border: 10px solid transparent;
      border-right: 8px solid #FFE30D;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      top: 50%;
      margin-top: -10px; }

/* Latest news video */
.nss_latest-news--with-news .nss_latest-news__video-wrapper {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E3E3E3; }

@media only screen and (min-width: 801px) {
  .nss_latest-news--with-news.nss_latest-news--main.svt_is-collapsed .nss_latest-news__video-wrapper {
    display: table-cell;
    vertical-align: top;
    margin-top: 0;
    padding-top: 0;
    border-top: none; } }

.nss_latest-news--with-news .nss_latest-news__video-wrapper.nss_latest-news__video-wrapper--started-in-large {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

.ieLte8 .nss_latest-news--main .nss_latest-news__video-wrapper {
  width: 25%; }

.nss_latest-news__video-fig {
  width: 100%;
  margin-bottom: 6px; }
  .svt_is-collapsed .nss_latest-news__video-fig {
    float: left;
    width: 40%;
    margin-right: 12px;
    margin-bottom: 0px; }
  @media only screen and (min-width: 801px) {
    .nss_latest-news--main.svt_is-collapsed .nss_latest-news__video-fig {
      width: 100%;
      margin-bottom: 6px;
      margin-right: 0px; } }
  @media only screen and (min-width: 1025px) {
    .nss_latest-news--aside.svt_is-collapsed .nss_latest-news__video-fig {
      float: left;
      width: 40%;
      margin-right: 12px;
      margin-bottom: 0px; } }

.nss_latest-news__video-info {
  margin-bottom: 12px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold; }

.nss_latest-news__video-air-date {
  color: #808080;
  font-size: 12px;
  font-weight: normal; }

.nss_latest-news__video-link-icon {
  display: inline-block;
  margin-right: 5px; }

/*
--------------------------------------
Teaser
---------------------------------------*/
/* Base */
.nss_teaser {
  margin-top: 12px;
  *zoom: 1; }
  @media only screen and (min-width: 601px) {
    .nss_teaser {
      margin-top: 16px; } }
  .nss_teaser:before,
  .nss_teaser:after {
    content: "";
    display: table;
    clear: both; }

.nss_teaser__figure {
  position: relative; }

/* Modifiers */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* This is the dropdown menu in escenic... */
.nss_region-picker__outer-container {
  width: 100%;
  max-width: 820px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto; }

.nss_region-picker__inner-container {
  z-index: 999;
  background: #FFFFFF;
  margin-top: -10px;
  position: absolute;
  padding: 8px 8px 2px;
  border: solid 2px #e0e0e0;
  border-top: none; }

.nss_region-picker__outer-container .nss_region-picker__inner-container--notopmargin {
  margin-top: 0; }

.nss_region-picker__button {
  display: inline-block;
  position: relative;
  padding-right: 25px; }
  @media only screen and (max-width: 600px) {
    .nss_region-picker__button {
      padding-right: 0; } }

.nss_region-picker__icon-outer {
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: -10px; }
  .nss_region-picker__icon-outer.nss_region-picker__icon-outer--mobile {
    position: absolute;
    padding: 0px;
    top: 6px;
    right: 9px; }
    .nss_region-picker__icon-outer.nss_region-picker__icon-outer--mobile .nss_region-picker__button-icon {
      position: relative;
      top: 0;
      display: block; }
  @media only screen and (max-width: 600px) {
    .nss_region-picker__button .nss_region-picker__icon-outer {
      display: none; } }

.nss_region-picker__button-icon {
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 12px;
  background: url("/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png") no-repeat -99px -137px; }
  .nss_region-picker__button--close .nss_region-picker__button-icon {
    background-position: -124px -137px; }

.nss_menu_item_sport_or_culture_is_active .nss_region-picker__button-icon {
  background-position: -99px -162px; }

.nss_menu_item_sport_or_culture_is_active .nss_region-picker__button--close .nss_region-picker__button-icon {
  background-position: -124px -137px; }

.nss_region-picker__submenu {
  *zoom: 1;
  margin-bottom: 7px; }
  .nss_region-picker__submenu:before,
  .nss_region-picker__submenu:after {
    content: "";
    display: table;
    clear: both; }
  .nss_region-picker__submenu .svt_submenu__list-item {
    margin-bottom: 4px;
    position: relative; }
  .nss_region-picker__submenu .svt_submenu__link--region-picker-button {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 35px;
    border-left-color: #fff;
    box-shadow: -1px 0px #e0e0e0; }

.svt_submenu__list-item .nss_region-picker__button--close {
  background: #DDDDDD;
  border: 1px solid #CCCCCC; }

/* nss_sub-menu
--------------------------------------------------------*/
#regionaltMobileList .nss_sub-menu {
  padding-bottom: 7px; }

@media only screen and (max-width: 600px) {
  .nss_sub-menu__list {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 6px;
    column-count: 2;
    column-gap: 6px; } }

@media only screen and (min-width: 801px) {
  .nss_sub-menu__list {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 6px;
    column-count: 3;
    column-gap: 6px; } }

.nss_sub-menu__list-item {
  display: inline-block;
  margin-bottom: 6px;
  width: 100%; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_sub-menu__list-item {
      width: inherit;
      margin-right: 6px; } }

.nss_sub-menu__link {
  display: block;
  padding: 8px 8px 7px;
  font-size: 13px;
  line-height: 18px;
  color: black;
  background: #f2f2f2;
  border: 1px solid #e8e8e8;
  border-radius: 2px; }

.nss_sub-menu__link, .nss_sub-menu__link:visited, .nss_sub-menu__link:hover {
  color: black; }
  .nss_sub-menu__link.nss_sub-menu__link--active, .nss_sub-menu__link:visited.nss_sub-menu__link--active, .nss_sub-menu__link:hover.nss_sub-menu__link--active {
    background: #cc0022;
    border-color: #cc0022;
    color: white; }

/* Show region picker on /nyheter/regionalt */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active {
    max-width: 900px; } }

@media only screen and (min-width: 1025px) {
  .nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active {
    max-width: 988px; } }

.nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
  display: block;
  position: static; }

/* When no JS */
.no-js .nss_region-picker__outer-container .nss_region-picker__inner-container {
  display: none; }

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .no-js .nss_region-picker__outer-container.nss_region_is_active {
    max-width: 900px; } }

@media only screen and (min-width: 1025px) {
  .no-js .nss_region-picker__outer-container.nss_region_is_active {
    max-width: 988px; } }

.no-js .nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
  display: none;
  position: static; }
  @media only screen and (min-width: 801px) {
    .no-js .nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
      display: block; } }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo {
  background-position: 50% 2px;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 601px) {
    .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo {
      background-position: 50% -138px; } }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--abc {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_abc.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--blekingenytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_blekingenytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--gavledala {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_gavledala.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--hallandsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_hallandsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jamtlandsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jamtlandsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jonkopingsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jonkopingsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--mittnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_mittnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--nordnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_nordnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--smalandsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_smalandsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--gavleborg {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_gavleborg.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sormland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sormland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--uppland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_uppland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sydnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sydnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--tvarsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_tvarsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--varmlandsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_varmlandsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasterbottensnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasterbottensnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastmanlandsnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastmanlandsnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastnytt.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--ostnytt {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_ostnytt.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5), screen and (-ms-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo {
    /* 50% instead? */
    background-size: 600px 280px; }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--abc {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_abc@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--blekingenytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_blekingenytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--gavledala {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_gavledala@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--hallandsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_hallandsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jamtlandsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jamtlandsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jonkopingsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jonkopingsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--mittnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_mittnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--nordnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_nordnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--smalandsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_smalandsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--gavleborg {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_gavleborg@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sormland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sormland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--uppland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_uppland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sydnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sydnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--tvarsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_tvarsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--varmlandsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_varmlandsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasterbottensnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasterbottensnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastmanlandsnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastmanlandsnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastnytt@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--ostnytt {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_ostnytt@2x.png"); } }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--stockholm {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_stockholm.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--blekinge {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_blekinge.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--dalarna {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_dalarna.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--halland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_halland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jamtland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jamtland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jonkoping {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jonkoping.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasternorrland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasternorrland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--norrbotten {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_norrbotten.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--smaland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_smaland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--uppsala {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_uppsala.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--skane {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_skane.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--orebro {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_orebro.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--varmland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_varmland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasterbotten {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasterbotten.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastmanland {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastmanland.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vast {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vast.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--ost {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_ost.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sodertalje {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sodertalje.png"); }

.svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--helsingborg {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_helsingborg.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5), screen and (-ms-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo {
    /* 50% instead? */
    background-size: 600px 280px; }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--stockholm {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_stockholm@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--blekinge {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_blekinge@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--dalarna {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_dalarna@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--halland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_halland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jamtland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jamtland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--jonkoping {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_jonkoping@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasternorrland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasternorrland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--norrbotten {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_norrbotten@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--smaland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_smaland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--uppsala {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_uppsala@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--skane {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_skane@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--orebro {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_orebro@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--varmland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_varmland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vasterbotten {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vasterbotten@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vastmanland {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vastmanland@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--vast {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_vast@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--ost {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_ost@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--sodertalje {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_sodertalje@2x.png"); }
  .svtseLocalHeader.svtseHeaderBar-THEMED .nyh_logo--helsingborg {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/region-logos/hd_reg_helsingborg@2x.png"); } }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal; }

.svtArticleContainerMain, .svtArticleContainerAside {
  width: 100%;
  margin-bottom: 20px;
  zoom: 1; }

.svtContainerBottom {
  clear: both;
  margin-bottom: 32px;
  *zoom: 1; }
  .svtContainerBottom:before,
  .svtContainerBottom:after {
    content: "";
    display: table;
    clear: both; }

.nss_body__aside > *:first-child {
  margin-top: 0; }

.svtseHeaderBar-THEMED {
  border-top: 1px solid rgba(255, 140, 140, 0.22);
  margin-bottom: 10px; }

.svtseLocalMenu {
  height: 41px;
  overflow: hidden; }
  .svtseLocalMenu ul {
    right: 85px;
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 600px) {
      .svtseLocalMenu ul {
        right: 79px; } }
    @media only screen and (min-width: 801px) {
      .svtseLocalMenu ul {
        right: 0; } }
  .svtseLocalMenu li {
    margin-bottom: 2px; }

.svtseLocalMenu__MenuButton {
  position: absolute;
  width: 85px;
  right: -85px; }
  .svtseLocalMenu__MenuButton .svtButton-Tab {
    padding-left: 12px; }
    @media only screen and (max-width: 600px) {
      .svtseLocalMenu__MenuButton .svtButton-Tab {
        padding-left: 9px; } }

.svtseLocalMenu__MenuButtonIcon {
  display: inline-block;
  margin-left: 7px; }

.svtBox-Newsvideo {
  background-color: #000; }
  .svtBox-Newsvideo ul {
    margin: 0; }

.svtBox-Quote {
  background-color: #E3E3E3; }
  .svtBox-Quote q {
    color: #000;
    display: block; }

/* Should be moved to core class or changed for both UG and news when decided */
.svtMediaBlockText-News {
  font-family: Helvetica, Arial, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 1.077em;
  line-height: 1.429em;
  margin-bottom: 0; }

.svtPadding-Article {
  padding: 10px;
  padding: 0; }

.svtMargin-Article {
  margin: 0 15px 7px 15px; }

h2.svtNews-SubHeaderBar-h2 {
  font-size: 1.385em;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin: 0; }

h2.svtWeather-SearchBox-h2 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%;
  padding: 5px 0 0 12px;
  font-weight: bold;
  margin-bottom: 0; }

.svtTextMeta-Discreet {
  font-size: 0.923em;
  line-height: 16px; }

.svtArticleOpen .svtFigure,
.svtArticleOpen .svtMediaBlockFig-XL,
.svtArticleOpen .svtMediaBlockFig-L,
.svtArticleOpen .svtMediaBlockFig-M,
.svtArticleOpen .svtMediaBlockFig-S {
  margin: 0 0 8px !important; }

.svtArticleOpen .newsCarousel {
  margin: 8px 0; }
  .svtArticleOpen .newsCarousel .svtFigure {
    margin: 0; }

.svtSubtitle-Article {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 24px;
  line-height: 26px;
  margin: 12px 0; }

.svtTextLead-Article {
  font-size: 1.385em;
  font-weight: bold;
  line-height: 24px;
  margin: 13px 0;
  padding: 0; }
  .svtTextLead-Article .svtNewsVignette {
    color: #000; }

.svtTextBread-Article p,
.svtTextBread-Article ul,
.svtTextBread-Article ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 1.077em;
  line-height: 1.429em;
  margin-bottom: 12px; }

.svtBylineBox-left {
  min-height: 0; }
  .svtBylineBox-left .svtBox {
    margin-bottom: 12px; }
  .svtBylineBox-left .svtTextMeta-Discreet {
    font-size: 1em;
    line-height: 18px; }
  .svtBylineBox-left .svtBylineBox-left-Name {
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px; }
  .svtBylineBox-left .svtLink-Teaser {
    float: left;
    font-size: 14px;
    line-height: 20px; }

.svtContainerBase {
  width: auto;
  padding-left: 12px;
  padding-right: 12px; }

/*
.svtImageCropper-25pc {
	margin-right: 0;
	margin-left: 0;
}
.svtImageCropper-right-50pc-M-L-zero {
	margin-right: 0;
}
*/
/*
 * First version of block button CSS module.
 * Todo: Move this to publication specific.
 */
/*
.svtButtonIntegrated {
	display: inline-block;
	padding: 13px 0 13px;
	text-align: center;
	width: 100%;
	.svtIcon-XL {
		height: 17px;
		margin: 0;
		width: 24px;
	}
}

.svtButtonIntegrated__Inner {
	color: #000;
	display: inline-block;
	font-size: 0;
}

.svtButtonIntegrated__Text {
	color: #000;
	font-size: 14px;
	font-family: $font-family-sans-serif;
	font-weight: bold;
	line-height: 18px;
}
*/
.svtCommentsArea {
  margin-top: 10px;
  margin-left: 0px; }

.svtArticleOpen {
  margin-top: 4px;
  margin-bottom: 8px;
  border-bottom: 2px solid #e6e6e6; }

.svtTeaser.svtArticleOpen, .svtArticleOpen.svtTeaser--Medium, .svtArticleOpen.svtTeaser--Small, .svtArticleOpen.svtTeaser--Mini, .svtArticleOpen.svtTeaser--Listed {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding-top: 0; }

.svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
  font-size: 19px;
  line-height: 21px; }

.svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
  font-size: 17px;
  line-height: 19px; }

.svtHeading5 {
  font-size: 15px;
  line-height: 22px; }

/*
 * First version of teaser CSS module.
 * Todo: Move this to publication specific.
 */
.svtTeaser__Heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: black;
  font-weight: bold; }

.svtTeaser__prefix {
  color: #bf0020;
  font-weight: bold; }

.svtTeaser__prefix-separator {
  margin-left: 0.5em;
  margin-right: 0.3em; }

.svt-teaser__vignette {
  color: #0059b3;
  font-weight: bold; }

.svtTeaser--Mini .svtplayerTeaserContainer {
  display: none; }

.svtTeaser--Listed .svt-teaser__figure {
  width: 15.750%; }

.svtContentList {
  margin-top: 16px; }
  .svtContentList:first-child {
    margin-top: 0; }

.svtContentList--news-breaking {
  margin-bottom: 16px; }

/*
 * Section heading and footer CSS module.
 * Todo: Move this to publication specific.
 */
.svtSectionHeading {
  font-size: 15px;
  line-height: 17px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
  padding-bottom: 4px; }

.ieLte8 .svtSectionHeading {
  font-size: 18px;
  line-height: 20px; }

.svtSectionHeading__icon {
  display: block; }

.svtSectionHeading--TeaserGroup {
  position: relative;
  margin-bottom: 5px; }
  .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
    display: block;
    height: 11px;
    border-style: solid;
    border-color: #585858;
    border-width: 5px 0 0 3px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    min-width: 99%; }
  .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    display: block;
    margin-top: -2px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 12px;
    padding-right: 12px; }

.svtSectionHeading--LatestNews, .svtSectionHeading--CurrentTopics, .svtSectionHeading--CurrentTopicsOpinion {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  padding-left: 13px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  background-color: #000;
  color: #ffe01a; }

.svtSectionHeading--CurrentTopics {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  color: #fff; }

.svtSectionHeading--CurrentTopicsOpinion {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background: #DD7600;
  background-image: -moz-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DD7600), color-stop(1, #F29205));
  background-image: -webkit-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: linear-gradient(left, #DD7600 0%, #F29205 100%);
  color: #fff; }

.svtSectionHeading--ContentList {
  border-top: 1px solid #e6e6e6;
  border-left: 3px solid #585858;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  padding-left: 12px;
  color: #404040;
  text-transform: none; }

.svtSectionHeading--storySwipe {
  position: relative; }

.svtSectionHeading--featureSwipe {
  font-size: 17px;
  line-height: 19/17;
  position: relative;
  margin-right: -12px;
  font-weight: normal;
  text-transform: none; }
  .svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
    display: block;
    height: 16px;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 5px 0 0 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    min-width: 99%; }
  .svtSectionHeading--featureSwipe .svtSectionHeading__Inner {
    display: block;
    margin-top: -4px;
    margin-left: 18px;
    margin-right: 18px; }

.svtSectionHeading--neutral {
  border-left-color: #585858;
  color: #404040; }

.svtSectionHeading--nyheter {
  border-left-color: #cc0022;
  color: #bf0020; }

.svtSectionHeading--kultur {
  border-left-color: #770f99;
  color: #6d0e8c; }

.svtSectionHeading--sport {
  border-left-color: #008de9;
  color: #0785da; }

.svtSectionHeading--opinion {
  border-left-color: #ed6e00;
  color: #dd7600; }

.svtTeaserGroup--neutral .svtSectionHeading {
  color: #404040; }

.svtTeaserGroup--neutral .svtSectionHeading__Decorator {
  border-color: #585858; }

.svtSectionFooter {
  margin-top: 0px; }

.svtSectionFooter--TeaserGroup {
  display: block;
  position: relative;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__Inner {
    display: block;
    margin-bottom: -4px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 8px; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__icon {
    display: inline-block;
    zoom: 1;
    float: none;
    margin-right: 6px;
    overflow: hidden;
    text-indent: 0px; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
    display: block;
    height: 12px;
    border-style: solid;
    border-color: #acacac;
    border-width: 0 3px 2px 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 2px;
    min-width: 99%; }

.svtSectionFooter--ContentList {
  display: block;
  position: relative;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 10px; }
  .svtSectionFooter--ContentList .svtSectionFooter__icon {
    display: inline-block;
    margin-right: 6px; }

.svtTeaserGroup--nyheter .svtSectionHeading {
  color: #bf0020; }

.svtTeaserGroup--nyheter .svtSectionHeading__Decorator {
  border-color: #cc0022; }

.svtTeaserGroup--nyheter .svtSectionFooter__Decorator {
  border-color: #e68091; }

.svtTeaserGroup--kultur .svtSectionHeading {
  color: #6d0e8c; }

.svtTeaserGroup--kultur .svtSectionHeading__Decorator {
  border-color: #770f99; }

.svtTeaserGroup--kultur .svtSectionFooter__Decorator {
  border-color: #bb87cc; }

.svtTeaserGroup--sport .svtSectionHeading {
  color: #0785da; }

.svtTeaserGroup--sport .svtSectionHeading__Decorator {
  border-color: #008de9; }

.svtTeaserGroup--sport .svtSectionFooter__Decorator {
  border-color: #80c6f4; }

.svtTeaserGroup--opinion .svtSectionHeading {
  color: #dd7600; }

.svtTeaserGroup--opinion .svtSectionHeading__Decorator {
  border-color: #ed6e00; }

.svtTeaserGroup--opinion .svtSectionFooter__Decorator {
  border-color: #f5d8b5; }

.svtPageHeading {
  font-size: 20px;
  line-height: 22px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 8px;
  padding-left: 15px;
  border-left: 3px solid #585858;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background-color: #f0f0f0; }

.ieLte8 .svtPageHeading {
  font-size: 20px;
  line-height: 22px; }

.svtPageHeading,
.svtPageHeading__Title,
.svtPageHeading__Link,
.svtPageHeading__Title:hover,
.svtPageHeading__Link:hover,
.svtPageHeading__Title:visited,
.svtPageHeading__Link:visited {
  color: #000; }

.svtPageHeading__Link {
  position: relative;
  top: -2px;
  font-size: 13px;
  margin-left: 9px;
  vertical-align: middle;
  cursor: pointer; }

.svtPageHeading__Link-icon {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  vertical-align: middle; }

.svtContentGridCarousel {
  margin: 0 -12px 0 -12px; }

.svtContentGridCarousel > h1 {
  letter-spacing: normal;
  margin-left: 12px; }
  .svtContentGridCarousel > h1 .svtIcon-M {
    display: none;
    letter-spacing: normal; }

.svtContentGridCarousel__StoryLink {
  font-size: 14px;
  float: right;
  margin-right: 12px; }

.svtContentGridContainer img {
  margin-bottom: 6px; }

.svtContentGridContainer h1 {
  font-size: 14px;
  letter-spacing: normal;
  line-height: 18px; }

.svtContentGridContainer p {
  color: #808080;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 16px;
  margin: 3px 0;
  text-decoration: none !important; }

.svtContentGridContainer {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -ms-touch-action: none; }

.svtContentGridContent {
  white-space: nowrap;
  *white-space: pre;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

/*
 * Enable transitions for mobile devices.
 * This is a fix to override temporary removal of transitions in _css-vs-js.scss
 * ToDo: Remove this when _css-vs-js.scss is updated to support transitions on mobile devices.
 */
.no-fxtransition .svtJsArticle .svtTransition {
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s  !important;
  -o-transition-duration: 0.2s  !important;
  -ms-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important; }

.svtContentGridBlock, .svtContentGridCarouselBlock {
  white-space: normal;
  width: 127px;
  padding: 0 0 0 8px;
  margin: 0 8px 8px 0px;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #EEE; }

.svtContentGridBlock:first-child, .svtContentGridCarouselBlock:first-child {
  padding-left: 0;
  margin-left: 12px;
  border-left: none; }

.svtContentGridBlock:last-child, .svtContentGridCarouselBlock:last-child {
  margin-right: 12px; }

.svtContentGridCarouselBlock > a {
  display: block; }

.svtContentGridCarouselBlock > a {
  text-decoration: none !important; }

.svtContentGridCarouselBlock > a:hover h1 {
  text-decoration: underline !important; }

.svtArticleFooter {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  padding-top: 9px;
  padding-bottom: 9px; }

.svtArticleByline {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold; }

.svtArticleByline_authors-list {
  list-style-type: none;
  margin: 0; }

.svtArticleByline__author {
  margin-bottom: 6px; }

.svtArticleByline__author-role {
  display: block;
  color: #808080;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal; }

.svtArticleByline__author-name {
  margin-right: 6px; }

.svtTimestamp {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #1a1a1a; }

.svtTimestamp--discreet {
  color: #808080;
  margin-bottom: 8px; }

.svtTimestamp--Teaser {
  color: #808080;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal; }

.svtTimestamp__label {
  color: #808080;
  margin-right: 6px; }

.svtNumberOfComments {
  display: inline-block;
  margin-left: 0.5em;
  color: #808080;
  font-size: 12px;
  line-height: 16px; }

.svtNumberOfComments__icon {
  margin-left: 0.3em;
  margin-right: 0.3em;
  width: 14px;
  height: 12px;
  position: relative;
  top: 1px; }

/*
* svtCurrentTopics block
*/
.svtCurrentTopics {
  margin-top: 16px;
  margin-bottom: 12px; }

.svtCurrentTopics__list {
  margin: 0;
  padding: 5px 14px 10px;
  list-style: none;
  font-size: 14px;
  line-height: 27px;
  font-weight: bold;
  background: #f2f2f2;
  border: 1px solid #ebebeb;
  border-top: none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }

.svtCurrentTopics__list-item {
  display: inline; }
  .svtCurrentTopics__list-item + .svtCurrentTopics__list-item:before {
    content: "";
    background: #000;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    bottom: 1px;
    margin-right: 13px; }

.svtCurrentTopics__list-link {
  padding-right: 13px;
  white-space: nowrap; }

/* Media queries
   ========================================================================== */
/* SMALL AND MEDIUM AND LARGE */
@media only screen and (min-width: 601px) {
  /* Style for modern browsers */
  .svtContainerBase {
    width: 96%;
    padding-left: 0;
    padding-right: 0; }
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 42px;
    line-height: 44px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 30px;
    line-height: 32px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading5 {
    font-size: 15px;
    line-height: 22px; }
  .svtTimestamp--Teaser {
    font-size: 12px; }
  .svtSectionHeading--ContentList {
    font-size: 21px;
    line-height: 24px; }
  .svtContentGridCarousel {
    margin: 0; }
  .svtContentGridCarousel > h1 {
    margin-left: 0; }
  .svtContentGridBlock:first-child, .svtContentGridCarouselBlock:first-child {
    margin-left: 0; }
  .svtContainerMain {
    width: 68.118%; }
  .svtContainerAside {
    width: 29.859%; }
    .svtContainerAside .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
      margin-left: 3px;
      padding-left: 5.597%;
      margin-right: 3px;
      padding-right: 5.597%; }
  .svtBylineBox-left {
    min-height: 0;
    width: 100%; }
  .svtMediaBlockText {
    overflow: hidden; }
  .svtTextBread-Article p,
  .svtTextBread-Article ul,
  .svtTextBread-Article ol {
    font-size: 1.077em; }
  .svtSectionHeading.svtSectionHeading--featureSwipe {
    margin-right: 0;
    font-size: 21px;
    line-height: 24px; }
    .svtSectionHeading.svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
      border-top-right-radius: 3px; } }

/* SMALL AND MEDIUM */
/* @media only screen and (min-width : $mq-breakpoint-min-S) and (max-width : $mq-breakpoint-max-M) {
@include mq-S-M-custom-news();
	} */
/* MEDIUM AND LARGE */
@media only screen and (min-width: 801px) {
  .svt_story-overview__figure {
    float: left;
    width: 60%; }
  .svt_story-overview__introduction {
    float: right;
    width: 40%; }
  .svt_story-share {
    padding: 0 0 12px 0; }
    .svt_story-share .svt_story-share_text {
      font-size: 16px;
      margin-right: 12px; }
    .svt_story-share .svt_story-share_toggle {
      font-size: 16px;
      white-space: nowrap; }
  .svtseHeaderBar-THEMED {
    margin-bottom: 0 !important; }
  .svtArticleContainerMain {
    width: 68.118%;
    float: left;
    position: relative; }
  .svtArticleContainerAside {
    width: 29.859%;
    float: right; }
  .svtTextBread-Article_Padding {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_Padding p,
    .svtTextBread-Article_Padding ul,
    .svtTextBread-Article_Padding ol,
    .svtTextBread-Article_Padding h4,
    .svtTextBread-Article_Padding time,
    .svtTextBread-Article_Padding div {
      padding-right: 29%;
      padding-left: 0; }
    .svtTextBread-Article_Padding div p,
    .svtTextBread-Article_Padding div ul,
    .svtTextBread-Article_Padding div ol,
    .svtTextBread-Article_Padding div h4,
    .svtTextBread-Article_Padding div time,
    .svtTextBread-Article_Padding div div {
      padding-right: 0;
      padding-left: 0; }
  .svtBox-Bordered:hover {
    -moz-box-shadow: 0 1px 5px 0 #E0E0E0;
    -webkit-box-shadow: 0 1px 5px 0 #E0E0E0;
    box-shadow: 0 1px 5px 0 #E0E0E0;
    border: 1px solid #CCCCCC; }
  .svtSectionHeading--TeaserGroup {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px; }
    .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
      height: 16px; }
    .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
      margin-top: -4px;
      padding-left: 15px;
      padding-right: 15px; }
  .svtSectionFooter--TeaserGroup {
    font-size: 13px;
    line-height: 18px; }
    .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
      height: 16px; } }

/* SMALL - IPADS PORTRAIT */
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 36px;
    line-height: 38px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtContainerAside .svtSectionHeading--TeaserGroup {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 5px; } }

/* MEDIUM - IPADS LANDSCAPE, small Desktops and laptops */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 33px;
    line-height: 35px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtHeading5 {
    font-size: 17px;
    line-height: 19px; } }

/* LARGE - Desktops and laptops */
/**
 * XLARGE - TV, Large screens
 *
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */
/* IE6, IE7 and IE8 we'll do the same as following mediaqueries */
/* Style for modern browsers */
.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 42px;
  line-height: 44px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 30px;
  line-height: 32px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading5 {
  font-size: 15px;
  line-height: 22px; }

.ieLte8 .svtTimestamp--Teaser {
  font-size: 12px; }

.ieLte8 .svtSectionHeading--ContentList {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtContentGridCarousel {
  margin: 0; }

.ieLte8 .svtContentGridCarousel > h1 {
  margin-left: 0; }

.ieLte8 .svtContentGridBlock:first-child, .ieLte8 .svtContentGridCarouselBlock:first-child {
  margin-left: 0; }

.ieLte8 .svtContainerMain {
  width: 68.118%; }

.ieLte8 .svtContainerAside {
  width: 29.859%; }
  .ieLte8 .svtContainerAside .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    margin-left: 3px;
    padding-left: 5.597%;
    margin-right: 3px;
    padding-right: 5.597%; }

.ieLte8 .svtBylineBox-left {
  min-height: 0;
  width: 100%; }

.ieLte8 .svtMediaBlockText {
  overflow: hidden; }

.ieLte8 .svtTextBread-Article p,
.ieLte8 .svtTextBread-Article ul,
.ieLte8 .svtTextBread-Article ol {
  font-size: 1.077em; }

.ieLte8 .svtSectionHeading.svtSectionHeading--featureSwipe {
  margin-right: 0;
  font-size: 21px;
  line-height: 24px; }
  .ieLte8 .svtSectionHeading.svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
    border-top-right-radius: 3px; }

.ieLte8 .svt_story-overview__figure {
  float: left;
  width: 60%; }

.ieLte8 .svt_story-overview__introduction {
  float: right;
  width: 40%; }

.ieLte8 .svt_story-share {
  padding: 0 0 12px 0; }
  .ieLte8 .svt_story-share .svt_story-share_text {
    font-size: 16px;
    margin-right: 12px; }
  .ieLte8 .svt_story-share .svt_story-share_toggle {
    font-size: 16px;
    white-space: nowrap; }

.ieLte8 .svtseHeaderBar-THEMED {
  margin-bottom: 0 !important; }

.ieLte8 .svtArticleContainerMain {
  width: 68.118%;
  float: left;
  position: relative; }

.ieLte8 .svtArticleContainerAside {
  width: 29.859%;
  float: right; }

.ieLte8 .svtTextBread-Article_Padding {
  /* inside a div this padding doesn't apply! */ }
  .ieLte8 .svtTextBread-Article_Padding p,
  .ieLte8 .svtTextBread-Article_Padding ul,
  .ieLte8 .svtTextBread-Article_Padding ol,
  .ieLte8 .svtTextBread-Article_Padding h4,
  .ieLte8 .svtTextBread-Article_Padding time,
  .ieLte8 .svtTextBread-Article_Padding div {
    padding-right: 29%;
    padding-left: 0; }
  .ieLte8 .svtTextBread-Article_Padding div p,
  .ieLte8 .svtTextBread-Article_Padding div ul,
  .ieLte8 .svtTextBread-Article_Padding div ol,
  .ieLte8 .svtTextBread-Article_Padding div h4,
  .ieLte8 .svtTextBread-Article_Padding div time,
  .ieLte8 .svtTextBread-Article_Padding div div {
    padding-right: 0;
    padding-left: 0; }

.ieLte8 .svtBox-Bordered:hover {
  -moz-box-shadow: 0 1px 5px 0 #E0E0E0;
  -webkit-box-shadow: 0 1px 5px 0 #E0E0E0;
  box-shadow: 0 1px 5px 0 #E0E0E0;
  border: 1px solid #CCCCCC; }

.ieLte8 .svtSectionHeading--TeaserGroup {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 20px; }
  .ieLte8 .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
    height: 16px; }
  .ieLte8 .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    margin-top: -4px;
    padding-left: 15px;
    padding-right: 15px; }

.ieLte8 .svtSectionFooter--TeaserGroup {
  font-size: 13px;
  line-height: 18px; }
  .ieLte8 .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
    height: 16px; }

.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 33px;
  line-height: 35px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtHeading5 {
  font-size: 17px;
  line-height: 19px; }

.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 36px;
  line-height: 38px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtContainerAside .svtSectionHeading--TeaserGroup {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 5px; }