// Includes
@import "color";
@import "base-override"; 
@import "stemmeseddel"; 
@import "topbanners";
@import "match";
@import "vote-list";
@import "profile";
@import "theme-live-page";
@import "live-scribbles";
@import "scribble-live";
@import "match-result";
@import "notifications";
@import "find-politiker";
@import "video-article";
@import "subpage-bottom-band";
@import "subpage-top-band";
@import "image-gallery";
@import "result-history";
@import "base-live";
@import "election-on";


.section.spot-resultattilmelding
{
    font-size:0;
}
.result-share .dr-site-share-horizontal .share a:before
{
    background-color:#FFF;
}
.candidate-list .call-to-action-links a.dr-link.dr-icon-link-boxed
{
    &:before
    {
        background:none !important;
        margin-left:-20px;
    }

    color: #ff1e00;
    display: block;
    font: 12px "gibsonRegular","Arial",sans-serif;
    margin: 3px 0 0;
    text-decoration: underline;
    text-transform: uppercase;
}


    .mm-section .mm-seltype {
        position: static !important;
        right: auto;
        top: auto;
        clear: left;
        margin-top: 10px;
    }


.dr-codecomponent.ratio-640-360 .wunder-insert-image
{
    margin-left:-10px;
}

.scrbbl {
    /*height: 1712px !important;*/
    width: 100%;
}


@media screen and (min-width: 701px) {
    .site-id
    {
        &:before
        {
            content: url("/nyheder/politik/valg2016/content/images/hashtag_360.png");
            position: absolute;
            right: 10px;
            top: 36px;
        }

        .site-logo.site-hash
        {
            
                position:absolute;
                text-indent: -9999px;
                        
        }
    }
}



.candidate-movement
{
    h2
    {
        a
        {
            &.dr-icon-link-boxed.back
            {
                background-color: @primary;
                background: none;
                color: #224b55;
                float: right !important;
                text-transform: none;
                font-size: 14px;
                line-height: 29px;
                margin-top: -5px;
                text-transform:uppercase;

                &:hover
                {
                    text-decoration:underline;
                }
            }
        }
    }
} 
.candidate-movement h2 a.dr-icon-link-boxed.back:before
{
    color:#fff;
    background-color:@primary;
    margin-top:7px;
}
.spot-vaelgervandring {
        position: relative;
        background: url('/nyheder/politik/valg2016/content/images/spot-vaelgervandring.jpg') no-repeat top left;
        height: 122px;
        padding: 20px;

        .content p {
            &.a {
                text-transform: uppercase;
                line-height:12px;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }

        a.dr-ui-button {
            position: absolute;
            bottom: 22px;
            left: 20px;
            background-color: @primary;
        }
}
.valg2015-candidate-spot-big
{
     position: relative;
        background: url('/nyheder/politik/valg2016/content/images/spot-plakatgenerator-big.jpg') no-repeat top left;
        height: 124px;
        padding: 20px;
    .content p {
            &.a {
                text-transform: uppercase;
                line-height:12px;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }
     a.dr-ui-button {
            position: absolute;
            bottom: 12px;
            left: 20px;
            background-color: @primary;
        }
}

.valg2015-live-spot
{
    position: relative;
    padding: 20px;

        .content p {
            &.a {
                text-transform: uppercase;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }

        button, a.dr-ui-button {
            position: absolute;
            bottom: 22px;
            left: 56px;
            background-color: @primary;
        }

        &.a {
            background:#000 url('/nyheder/politik/valg2016/content/images/spot-live.jpg') no-repeat 0 -40px;
            height: 122px;

            .content p {
                font: 16px/18px GibsonSemiBold;
                color: #fff;
            }

            a {
                position: absolute;
                bottom: 12px;
                left: 20px;
                color: #fff;
            }
        }

       
}

.spot-plakatgenerator {
        position: relative;
        background: url('/nyheder/politik/valg2016/content/images/spot-plakatgenerator.jpg') no-repeat top left;
        height: 122px;
        padding: 20px;

        .content p {
            &.a {
                text-transform: uppercase;
                line-height:12px;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }

        a.dr-ui-button {
            position: absolute;
            bottom: 22px;
            left: 20px;
            background-color: @primary;
        }
}
.spot-fvcountdown {
	color: #fff;
	background-color:#0e3944;
	margin-bottom:20px;

    &.section.boxed > h2{
		font-size: 18px;
        line-height:18px;
        border: none;
        margin-bottom: 0;
		padding-top: 15px;
    }
    &.section.boxed > p{
        font-size: 18px;
		line-height: 18px;
		color:#fff;
		margin-bottom: 5px;
		font-family: "gibsonRegular", "Arial", sans-serif;
    }
    .fvcountdown{
		height: 73px;
		margin-top: 2px;
    }
	.fvban-timer {
		margin:0 auto;
		font-family: "gibsonRegular","Arial",sans-serif;
    }

	.fvban-timecell {
        height: 38px;
        width: 27px;
        background: #000;
        float: left;
        line-height: 38px;
        text-align:center;
        font-size:26px;
        font-family: gibsonLight;
	}
    .fvban-timecell + .fvban-timecell{
        margin-left: 2px;
    }

	.fvban-timer-element {
		color:#fff;
		float:left;
		width:57px; 
		text-align:center;
	}
    .fvban-timer-element span {
		color:#fff;
        font-size:14px;
        margin-top:5px;
	}
	.fvban-timer-element.days {
		//width:79px; 
    }
	.fvban-timer-seperator {
		color:#fff;
		float:left;
		width: 10.5px;
		font-size:26px;
		text-align:center;
		line-height: 33px;
    }
	div.link-bottom {
        background-color: #375b64;
        margin: 0 -20px -20px -20px;
        padding: 10px 20px;
    }
	a:link, .spot-fvcountdown a:visited {
		color: #fff;
    }
}      
.live-poster-band
{
    padding-bottom: 0 !important;

    .dr-icon-play-medium-boxed
    {
        &:before
        {
            background-color: @primary;
            margin: 5px;
        }
    }

    .spot-vaelgervandring
    {
        position: relative;
        background: url('/nyheder/politik/valg2016/content/images/spot-vaelgervandring.jpg') no-repeat top left;
        height: 122px;
        padding: 20px;

        .content p
        {
            &.a
            {
                text-transform: uppercase;
                line-height: 12px;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }

        a.dr-ui-button
        {
            position: absolute;
            bottom: 22px;
            left: 20px;
            background-color: @primary;
        }
    }

    .valg2015-candidate-spot
    {
        position: relative;
        background: url('/nyheder/politik/valg2016/content/images/kandidat-testen-spot.jpg') no-repeat top left;
        background-color: #000 !important;
        height: 207px;
        padding: 20px;

        .content p
        {
            &.a
            {
                text-transform: uppercase;
            }

            font: 16px/18px GibsonSemiBold;
            color: #fff;
        }

        button, a.dr-ui-button
        {
            position: absolute;
            bottom: 22px;
            left: 56px;
            background-color: @primary;
        }

        &.poster
        {
            background: url('/nyheder/politik/valg2016/content/images/spot-plakatgenerator.jpg') no-repeat top left;
            height: 124px;

            .content p
            {
                font: 16px/18px GibsonSemiBold;
                color: #fff;
            }
             a
            {
                position: absolute;
                bottom: 12px;
                left: 20px;
                color: #fff;
            }
        }

        &.a
        {
            background: url('/nyheder/politik/valg2016/content/images/spot-meningsmaaling.jpg') no-repeat top left;
            height: 124px;

            .content p
            {
                font: 16px/18px GibsonSemiBold;
                color: #000;
            }

            a
            {
                position: absolute;
                bottom: 12px;
                left: 20px;
                color: #fff;
            }
        }

        &.b
        {
            background: url('/nyheder/politik/valg2016/content/images/spot-valgkreds.jpg') no-repeat top left;
            height: 124px;

            .content p
            {
                font: 16px/18px GibsonSemiBold;
                color: #fff;
            }

            a
            {
                position: absolute;
                bottom: 12px;
                left: 20px;
                color: #fff;
            }
        }

        &.c
        {
            background: url('/nyheder/politik/valg2016/content/images/spot-minregering.jpg') no-repeat top left;
        }

        &.d
        {
            background: url('/nyheder/politik/valg2016/content/images/kandidattest_spot02.jpg') no-repeat top left;
            height: 124px;

            a
            {
                position: absolute;
                bottom: 12px;
                left: 20px;
                color: #fff;
            }
        }
    }
}
.dr-site-navigation a
{
    padding:0 18px;
}

.dr-site-navigation ul
{
    padding-right:0px !important;
}

.site-logo.site-hash
{
    font: 36px/1 "gibsonLight","Arial",sans-serif;
    text-transform:uppercase;
    color:#fff;
    span
    {
        font-family:"gibsonRegular","Arial",sans-serif;
        color:#fff;
    }
}

.hidden, .hide {
    display: none;
}

.clear-both {
    clear: both;
}

span.see-candidateNoTest {
    background-color:#fff;
    border:1px solid @blue-grey;
    color:#000;
    font: 12px/15px "gibsonRegular","Arial",sans-serif;
    padding:0 5px;
}
.question-result {
    span.see-candidateNoTest {
        margin:10px 0 20px 60px;
        display:inline-block;
        
    }
}

/* Show hide item*/
.collaps-items{
    + div.display-all
    {
        padding-bottom: 10px;
        background: url("/assets/img/border.svg") repeat-x -2px -2px;

        button
        {
            margin-top: 10px;
            width: 100%;
            background-color: #a9b1ba;
            background-position: -2px -2px;

            &:hover
            {
                background-color: @secondary;
            }
        }
    }
}

.altinget-banner {
    float: left;
    //margin-top: 20px;


    .logos {
        float: left;
        width: 117px;
    }
     
    .altinget-logo {
        text-indent: -9999px;
        background: transparent url("../images/altinget.png") top left no-repeat;
        height: 24px;
        width: 117px;
        float: left;
        text-decoration: none;
        margin-bottom: 5px;
        margin-top:15px;
    }

    p {
        text-transform: uppercase;
        color: #3c4750;
        font-size: 12px;
        font-family: "gibsonSemiBold","Arial Black",sans-serif;
        padding: 12px 20px 0 130px;
        width: 250px;
    }

    [class*="dr-logo-dr-"] {
        float:right;
    }
}

.meningsmaling {
    background: #fff;
    padding: 20px;
    margin-top: 20px !important;
}

.dr-spot.spot-valg2015 {
    margin-bottom: 0px;
    background-image: none;

    .image-wrap + div {
        bottom: 20px;
        left: 20px;
    }
    .heading-medium {
        & > div span {
            font-family: "gibsonRegular","Arial",sans-serif;
            font-size: 18px;
            color: #d4d8dd;
        }
        .subtitle span {
            font-family: "gibsonSemiBold","Arial Black",sans-serif;
            font-size: 30px;
            color: #fff;
        }
    } 
    .content {
        background-color: #323232;
        background-color: rgba(0,0,0,.8);
        font-family: "gibsonRegular","Arial",sans-serif;
        font-size: 14px/16px;
        padding: 20px;
        color: #fff;
        p {
            color: #fff;
        }
        a {
            color: #fff;
            font-size: 14px;
            font-family: "gibsonSemiBold","Arial Black",sans-serif;
            &:before {
                margin-right: 10px;
            }
        }
    }
}

@media (max-width: 550px) {

    .constituency-container
    {
        .chosen-constituency
        {
            h2
            {
                font-size:18px;
                position: relative;
                height: 80px;

                button
                {
                    position:absolute;
                    bottom:10px;
                    left:20px;
                    float:none;
                }
            }
        }
    }


    .altinget-banner {
        
        margin-top: 20px;

        p {
            padding-top: 8px;
        }
    }
}

@media (max-width: 400px) {
    
.site-id > h1 {
    font-size: 26px;
    line-height: 46px;
}
        .altinget-banner {
        
        margin-top: 20px;

        p {
            padding-top: 5px;
            width: initial;
        }
    }
}

@media (min-width: 701px) and (max-width: 960px) {
    .choose-election {
        div {
            width: auto;
            &.bg {
                display: none;
            }
        }
    }
}

@media (max-width: 700px) {
.choose-election {
    div {
        width: auto;
        &.bg { 
            display:none; 
        }
    }
.choose-k-r {
    
        li {
            
            display:block;  
            float:none; 
            span { text-align:center; } 
        }
    }
    }

    .p4-zone-result {
        .p4-zone {
            .dr-form.select-p4-region {
                position: static;
            }
        }
    }
    .candidate-list { 
        li.item {
            .candidate-agreement {
                a,
                span.see-candidateNoTest {
                    //margin-left: 25%;
                }    
            }
        }
    }
    .find-region {
        .statistics-container {
            display: none;
        }
    }
    .heading-small {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 530px){
    .map-choose-region {
        display:none;
    }
    .questions
    {
        .item
        {
            padding-left: 15%;

            .metainfo
            {
                margin-left: -11%;
                //width: 12%;
                text-align: center;
            }

            dd
            {
                button
                {
                }
            }
        }
    }
    .candidate-list { 
        li.item {
            .candidate-agreement {
                a,
                span.see-candidateNoTest {
                    //margin-left: 33.33333333333333%;
                }    
            }
        }
    }
    .current-topics {
        h2 {
            font-size: 12px;
            line-height: 25px;
            padding: 0 12px;
            top: 12px;
        }
        li {
            a {
                font-size: 14px;
            }
        }
    }
    div.dr-site-footer-onduty {
        div.combine-layout {
            [class*="span-"] {
                div.hcard {
                    p {
                        position: static;
                    }
                }
            }
        }
    }
}
@media (max-width: 480px) {
    .questions
    {
        li.item
        {
            //padding-left: 0;

            .metainfo
            {
                margin-left: 0;
                //width: 9.5%;
                text-align: center;
            }
        }
    }
}
@media (max-width: 400px) {
    .choose-election {
        .choose-k-r {
            li {
                a {
                    height:50px;
                    width:190px;
                    line-height:50px;
                }
            }
        }   
    }

    .questions {
        .item {
            padding-left: 20%;

            .metainfo {
                margin-left: -20%;
                //width: 17%;
                text-align: center;
            }

            dd {
                width: 100%;

                button {
                    width: 100%;
                }
            }
        }
    }
    .boxed, .boxed-image {
        padding: 10px !important;
    }

    .section.votelist-header {
        background-position-x: 90%;
        h2 {
            font: 18px/1 "gibsonRegular","Arial",sans-serif;
            span {
                font: 24px/26px "gibsonSemiBold","Arial Black",sans-serif;
            }
        }
    }
    .boxed-band .news-overview {
        margin-top: -60px;
        h2 {
            font-size: 18px;
        }
        .combine-layout > [class*="span-"] + [class*="span-"] {
            margin-top: 10px;
        }
        .combine-layout {
            margin-top: 10px;
            li.span-4.break {
                padding: 0 5px 10px 10px;
            }
            li.span-4 {
                width: 50%;
                margin-top: 0;
                padding: 0 10px 10px 5px;
                .item {
                    margin-top: 10px;
                }
                .item .image-wrap{
                    width: 100%;
                    padding-bottom: 10px;
                    padding-right: 0;
                }
                .item .image-wrap ~ * {
                    margin-left: 0;
                    padding-left: 0;
                }
                [class*= "heading-"] {
                    font-size: 14px;
                    line-height: 16px;
                }
            }
            li:first-child {
                .item, .item .image-wrap{
                    width: 100%;
                    padding-bottom: 10px;
                    padding-right: 0;
                }
                .item .image-wrap ~ * {
                    margin-left: 0;
                    padding-left: 0;
                }
            }
        }
    }

    .candidate-movement
    {
        h2
        {
            a
            {
                &.dr-icon-link-boxed.back
                {
                    float:none !important;
                    margin:5px 0 -5px -10px;
                }
            }
        }
    }
}