.topbar-wrapper
{
    //box-shadow: 0 0 black inset, 0 -1px red inset, 0 0 blue inset, 0 0 green inset;
    width: 100%;
    margin-top: 56px;
    background: #668289 url(/nyheder/politik/valg2016/Content/images/bg_tile.jpg) 0 0 repeat-x;

    .candidate-list-spot
    {
        max-width: 1140px;
        margin: 0 auto;

        .combine-layout > *
        {
            font-size:unset;
        }
    }

    b
    {
        font-family: GibsonRegular;
        font-weight: normal;
    }

    .boxed
    {
        background: none;
    }
}

.candidate-list-spot
{
    //background: #56747c url(../images/bg-top.jpg) right top no-repeat;
    /*min-width: 900px;*/
    //height: 127px;
    margin-top: 0 !important;
    padding-bottom: 20px;


    .latest-news
    {
        background-color: #234b55;

        .item
        {
            background: none;
            border-bottom: 1px dotted white;

            .dr-icon-link-boxed
            {
                color: white;
            }

            &:last-child
            {
                border-bottom: 0;
            }
        }
    }

    .spot
    {
        background-color: inherit;
        text-align: right;
        background-image: none;

        .subheadline
        {
            margin: 0;
            padding: 0 0 10px 0;
            color: black;
            text-align: right;
            font-weight: bold;
            font-size: 18px;
        }

        .dr-icon-link-boxed
        {
            color: white;
            font-size: 12px;
        }

        &.spot-hdr
        {
            padding-bottom: 0 !important;
            margin-bottom: -20px;

            .heading-large
            {
                margin: 0;
                font-weight: normal;
                padding: 0 0 5px 0;
                font: 34px/1 GibsonLight;
            }
        }
    }



    .candidate-list
    {
        &:after
        {
            clear: both;
            content: ".";
            visibility: hidden;
            line-height: 0;
            overflow: hidden;
        }

        .combine-layout
        {
            
            margin: 0;

            > [class*="span-"] > .item
            {
                background: none;
            }
        }

        .span-1
        {
            padding: 0 0 0 4px;
            margin: 0;
            width: 11.111111111111%;
            box-sizing: border-box;
        }

        [class*="image-"] .image-wrap .letter-color.RemoveLetter
        {
            display: none;
        }


        .letter-color
        {
            position: absolute;
            z-index: 999;
            right: 0;
            top: 0;
            text-indent: -9999px;
            display: block;
        }

        .section-footer
        {
            margin-top: 0;
            padding: 18px 20px 0 20px;
            border: 0;
            color: #E8EDF3;
            font-size: 18px;
            font-weight: bold;
            font-family: "gibsonRegular", "Arial Black", sans-serif;

            div.txt
            {
                margin-top: -10px;
                margin-left: 3px;

                span
                {
                    display: block;
                }
            }
        }

        a.dr-link-showmore
        {
            background: #000;
            font-size: 14px;
            line-height: 30px;
            padding: 0 20px;
            margin: -3px 0 0 0;
            float: right;
            color: white;
            text-align: center;
            text-transform: uppercase;

            &:hover
            {
                text-decoration: underline;
            }
        }
    }

    .profile-high
    {
        //height: 160px;
        overflow: hidden;
        font-family: "gibsonregular", "Verdana", sans-serif;
        margin-bottom: 0;
        // REMOVE DR DOTTET SEPERATOR - DR CSS USE IMPORTANT TO SET IT
        &.item
        {
            background-position: 0 !important;
            /*padding-bottom: 6px !important;*/
            padding: 0 !important;
        }

        .candidate-image-wrap
        {
            width: 100% !important; //prevent mobile breakpoint resizing
            padding-right: inherit; //prevent mobile breakpoint resizing
            &.image-wrap
            {
                margin-bottom: 6px;
            }
        }

        a.heading-xxsmall
        {
            color: #fff;
            padding: 0;
            margin-top: 5px;
            font-family: "gibsonRegular", "Arial Black", sans-serif;
            font-size: 12px;

            &:hover
            {
                color: #FFF;
            }
        }
    }

    .mobile
    {
        margin-top: 0;
        width: 100%;

        .candidate-list
        {
            .span-1
            {
                width: 20%;
                padding: 0;
            }
        }
    }
}

.scribble-teaser-item, .video-teaser-item
{
    margin-top: -20px;

    &.boxed
    {
         /* IE 8 */         
        //-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        background-color: rgb(26, 45, 49);
        background-color: rgba(0,0,0,.5);        

        > a.heading-small
        {
            font: 18px/20px GibsonSemiBold;
            text-transform: uppercase;
            color: #fff;

            span
            {
                font:18px/20px GibsonRegular;
            }
        }
    }

    
}
.scribble-teaser-item {
	&.boxed {
	position:relative;
    margin-bottom:-20px;
    padding-bottom:40px !important;
    min-height:100px;

		.item {
			background-image: none;
			padding-top:0;
		}

		p, a {
			color: #fff;
			font: 14px/16px GibsonRegular;
		}

		p {
			
			margin-left: 44px;
			margin-top: 0;
		}

		p.date {
			margin-left: 0px;
			float: left;
			color:#a8b0ba;
		}

		a {
			position:absolute;
			text-align:right;
			bottom:20px;
			right:20px;
		}
	}
}

.video-teaser-item {
	margin-bottom :-20px;
	
	&.boxed {
        min-height:124px;
		min-height:126px \0;
		> a {
		    font: 18px/22px GibsonSemiBold;
            color: #fff;
			margin-bottom: 10px;
		}

		.item {
			
			padding: 0;
			margin: 0;
			background-image:none;
			.item-50pct {
				width: 50%;
				display: inline-block;
				margin: 0;
				float: left;

				p {
					padding: 0 0 0 10px;
					display: inline-block;
				}
			}

			p, a {
				color: #fff;
				font: 14px/16px GibsonRegular;
				margin: 0;
				display: inline-block;
			}

			a {
				margin-top:11px;
                float:right;
			}
		}

		* {
			font: 14px/16px GibsonSemiBold;
			color: #fff;
		}
	}
}
.topbar-teaser {
	text-align:right;
	font: 14px/16px GibsonRegular;
	
	p {
		font-size:18px;
		line-height:23px;
		color:#fff;
	}
	a {
		color: #fff;
        font: 14px/16px GibsonRegular;
        //line-height: initial;
	}
	.twitter-name {
	     font: 24px/28px GibsonLight;
	     margin-bottom:-4px;
         text-transform:uppercase;
	}


}
.countdown {
    height: 100px;
    color: #FFF;
    text-align: center;

    p {
        font: 14px/16px GibsonRegular;
        text-transform: uppercase;
        color: #FFF;
        padding-top: 10px;
        text-align: center;
    }

    .num {
        font: 34px/38px GibsonLight;
        background-color: #3C4750;
        display: inline-block;
        width: 47px;
        vertical-align: middle;
        padding: 0 2px;
        text-align: center;

	    background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	    background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	    background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	    background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
        border-radius: 4px;
    }
}

.visible-lg { display: none; display: block\0; }
.visible-md { display: none; display: block\0; } /* \9: lte IE8 */
.visible-sm { display: none; display: block\0; }

//inspired by bootstrap-3 responsive grid: span-lg-* should be combined with span-*, overriding width when available
.span-lg-8 { width: 66.66666666666667%; }
.span-lg-7 { width: 58.33333333333333%; }
.span-lg-6 { width: 50%; }
.span-lg-5 { width: 41.66666666666667%; }
.span-lg-4 { width: 33.33333333333333%; }
.span-lg-3 { width: 25%; }
.span-lg-2 { width: 16.66666666666667%; }  

@media (min-width:1180px) {
    .visible-lg { display: block; }
}
@media (max-width: 1179px) {
	.visible-lg {
		display: none;
	}
	//* {color:red;}
    .visible-md { display: block; }
	
	.topbar-teaser {
		width:33.33333333333%;
	}

}

@media (max-width: 960px) {
	//* {color:green;}
}

@media (max-width: 900px) {


	.candidate-list-spot {

		.span-sm-12 {
			width: 100%;
		}

		.candidate-list [class*="image-1"] .image-wrap .letter-color {
			right: 0;
		}

		.topbar-teaser {
			display: none;
		}
	}
}

/*
@media (min-width:1180px) {
    .visible-lg { display: block; }
}

@media (max-width: 1179px) {
	* {color:red;}

    .visible-md { display: block; }
	.candidate-list-spot {
	}
}

@media (max-width: 960px) {
	* {color:green;}
    .topbar-wrapper {		
        margin-top:21px;
		margin-top: 56px\0;
    }
}


@media (max-width: 900px) {
	* {color:blue;}
	.candidate-list-spot {	

		.span-sm-12 {		
			width:100%;
			
		}
		.candidate-list [class*="image-1"] .image-wrap .letter-color {
			right: 0;
		}
		.topbar-teaser {
			display: none;
		
		}
	}
}
 
@media (max-width: 530px) {

	.candidate-list-spot {
		width: 1175px\0;
		width: 90%;
		
		.txt {
			display: none;
		}
		.candidate-list {
			.section-footer {
				a.dr-link-showmore {
					float: none;
                    margin-bottom:20px;
				}
				span {
					display: none;
				}
			}
		}

	}
}


*/