﻿// global assets v. 005 overrides
body {
	background-color:#9BB6BB;
}
.dr-link-readmore:link,
.dr-link-readmore:visited,
.linkbox span,
[class*="dr-site-share"] [class*="dr-icon"]:before {
  color: #4F2D8D;
}
[class*="dr-site-share"] [class*="dr-icon"][class*="-boxed"]:before {
    background-color: #4F2D8D;
    color: #FFFFFF;
}
.prioritized-news-read-more .dr-link-readmore { margin-top:20px; border-bottom:1px solid rgba(0, 0, 0, 0.2); background:url("/assets/img/border.png") repeat-x left top; }


.site-wrapper {
	//background: url("../images/ep14-backdrop.jpg") no-repeat fixed 552px -32px transparent;
    background: url('../images/valg2015-backdrop-wide.jpg') no-repeat fixed center 0 transparent;

	.special9list {
		.span-4:nth-child(4) {
			margin-top:20px;
		}
	}
}


.site-content {
	padding-bottom: 50px;
}

.boxed,
.boxed-image {
	background-color:@primary-30-fallback;
	background-color:@primary-30;
}

.boxed-band,
.boxed-band:before,
.boxed-band:after {
	background-color: #fff;
}

.boxed-band {
    .news-overview {
        margin-top: -20px;
    }
    & > h2 {
        border-bottom: 1px solid #000;
        border-top: 6px solid #000;
        box-sizing: border-box;
        font-size: 24px;
        line-height: 1;
        padding-bottom: 15px;
        padding-top: 15px;
        margin-top: 0;
    }
    & > h2:before, & > h2:after {
        border-bottom: none;
    }
    .combine-layout {

    }
}

.boxed,
.boxed-band,
.boxed-image {
	
	.boxed,
	.boxed-image {
		background-color: #FFF;
		
		//font-family: "gibsonRegular", "Arial", sans-serif;
		p { color:#000; }
		.metainfo {
			position: absolute;
			left: -9999px; 
		}
	}
}

.boxed {
	+[class*="container-"] {
		.section {
			border-bottom: none;
			+.dr-site-footer-onduty {
				border-top: none;
				margin: 0;
			}
		}
			.dr-site-footer-help {
				border-top: none;
				padding: 0;
			}		
	}
}

.dr-page-article {
    &[class*="boxed"] {
	    background-color:@white-90-fallback;
	    background-color:@white-90;
    }
} 


.container-white {
	    background-color:@white-90-fallback;
	    background-color:@white-90;
	> h2 {
		border-bottom: 1px solid @accent-50;	
        border-bottom: 1px solid @accent-50-fallback;	
	}
	.buttons {
		button {
			background-color: @primary;
		}
	}
    .boxed,  
	.boxed-image {
		background-color: @dark-blue-30;
        background-color: @dark-blue-30-fallback;
		a, .metainfo, p {
			
		}
	}
}

.container-nearwhite {
    &.boxed-band,
    &.boxed-band:before,
    &.boxed-band:after {
	    background-color:@white-90-fallback;
	    background-color:@near-white;
    }
	    background-color:@white-90-fallback;
	    background-color:@near-white;
	> h2 {
		border-bottom: 1px solid @accent-50;	
        border-bottom: 1px solid @accent-50-fallback;	
	}
	.buttons {
		button {
			background-color: @primary;
		}
	}
    .boxed,  
	.boxed-image {
		background-color: @dark-blue-30;
        background-color: @dark-blue-30-fallback;
		a, .metainfo, p {
			
		}
	}
    .combine-layout {
        [class*="span-"] {
            .item {
                .boxed;
                background-color: #fff;
                padding: 20px;
                //[class*="heading-"], .metainfo {
                //    padding-left: 10px;
                //    padding-right: 10px;
                //}
                .image-wrap {
                    margin: -20px -20px 0 -20px;
                    width: auto;
                }
            }
        }
    }
}

.container-darkblue {
	background-color: @dark-blue;
    & > h2, 
    & > h3, 
    & > h4, 
    & > h5, 
    & > h6 {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	    border-top: 0 solid transparent;
	    color: #fff;
	}
    [class*="heading-"] {
        color: #fff;
    }
	.dr-link-readmore:link, 
    .metainfo {
		color: #fff;
	}
	.questions {
		.item {
			h3, p {
				color: #fff;
			}
		}
	}		
}

.container-blue
{
    &.a
    {
        background-color:@dark-blue;
    }

    background-color: @dark-blue-70-fallback;
    background-color: @dark-blue-70;

    & > h2,
    & > h3,
    & > h4,
    & > h5,
    & > h6
    {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-top: 0 solid transparent;
        color: #fff;
    }

    [class*="heading-"]
    {
        color: #fff;
    }

    .dr-link-readmore:link,
    .metainfo
    {
        color: #fff;
    }

    .item
    {
        h3, p
        {
            color: #fff;
        }
    }

    .boxed,
    .boxed-image
    {
        background-color: #fff;

        a, p
        {
            color: #000;
        }

        .metainfo
        {
            color: #666;
        }
    }
}

.section.boxed.key-issues.container-blue
{
    *
    {
        color:#FFF;
    }

    background-color: @light-blue;

    .dr-link-readmore:link
    {
        color: #fff;
    }

    .questions
    {
        .item
        {
            h3
            {
                color: #fff;
            }
        }
    }
}

.top-story {
	p {
		font-size: 18px;
		line-height: 22px;
	}
}

.dr-site-share [class*="dr-icon"][class*="-boxed"]:before,
[class*="dr-icon"][class*="-link"]:before,
.dr-site-navigation li.active a,
.dr-site-factbox,
.dr-site-factbox-article,
.dr-site-share-horizontal [class*="dr-icon"][class*="-boxed"]:before
{
    background-color: @primary !important;    
}

.dr-site-factbox-article.boxed-image
{
    p
    {
        color: #fff;

        a
        {
            color: #fff;
        }
    }

    ul
    {
        li
        {
            margin-left:10px;
        }
    }
}

.dr-site-footer-help .site-footer-contact a {
    background-color: @dark-blue;
}

.dr-site-footer-help ul {
    background-color: @dark-blue-70-fallback;
	background-color: @dark-blue-70;
    li {
        a {
            color: #fff;
            &.dr-icon-link-boxed {
                &:before,
                &:after {
                    color: #fff;
                    background-color: @dark-blue;
                }
            }
        }
    }
}

.dr-page-article .dr-site-factbox-article figcaption {
	color: #FFF;
}

.dr-link-readmore:link,
.dr-link-readmore:visited,
.linkbox span,
.dr-site-share [class*="dr-icon"]:before, .dr-site-share-horizontal [class*="dr-icon"]:before {
	color: @primary;
}

/* Overrides til live side */

.live h1:after {
	content: 'Live';
	font-family: "gibsonRegular", "Arial", sans-serif;
	font-weight: normal;
	color: #000;
	background-color: #ffd801;
	position: relative;
	top: -10px;
	left: 10px;
	font-size: 24px;
	line-height: 1;
	padding: 5px 10px;
}
.theme-live-page .section.live-stream .dr-ui-paging-tabs a.active {
	background-color: @secondary !important;
}
.theme-live-page .section.live-stream .dr-ui-paging-tabs a {
	background-color: @primary-100 !important;
}
.theme-live-page .live-video-player-description {
	background-color: @dark-blue !important;
	p, a, h3 {
		color: #FFF !important;
	}
	h3 {
		display: none;
	}
}

/* overrides til meningsmaalinger */

.mm-section h2.dr-form .dr-select {
	margin-right: 10px !important;
	select {
		width: 13em !important;
		border: 1px solid #B8B8B8 !important;
		background-color: #FFF !important;
		font: 14px/18px "gibsonSemibold","Arial Black",sans-serif !important;
		padding: 5px 5px 5px 10px !important;
		-webkit-appearance: none !important;
		border-radius: 0 !important;
		position: relative !important;
		z-index: 2 !important;
		height: 30px !important;
	}
}
.mm-blocks a.mm-blockcustomize, .mm-blocks a.mm-closecustomize {
	color: @primary !important;
}
menu.mm-section {
	background-color: #3c4750 !important;
	h3 select {
		font-size: 14px !important;
		line-height: 18px !important;
	}
}
.mm-mainselector.mm-selector li a.selected, .mm-mainselector.mm-selector li a.selected:hover,
.mm-selector li a.selected, .mm-selector li a.selected:hover {
	background-color: #3c4750 !important;
	color: #FFF !important;
	font-family: "gibsonRegular", "Arial", sans-serif !important;
}
.mm-selector li a {
	background-color: #9BB6BB !important;
	color: #FFF !important;
	font-family: "gibsonRegular", "Arial", sans-serif !important;
}

.meningsmaling {
	background: #E5E5E5 !important;
	h2 {
		font-size: 18px;
		line-height: 20px;
	}
	.mm-about {
		p {
			font: 14px/18px "gibsonRegular", "Arial", sans-serif !important;
			padding-top: 10px;
		}
	}
}

/* Mobil baggrundsgrafik og live scribble grafik */

@media only screen and (max-width: 530px) {
	body > .site-wrapper {
		background: url('../images/valg2015-backdrop-mobil.jpg') no-repeat fixed center 0 transparent;
	}
	.theme-live-page.bas .qa-ask-combined .qa-ask .info p {
		width: 70%;
		font: 18px/20px "gibsonSemiBold", "Arial Black", sans-serif;
		margin-top: 0;
	}
	.theme-live-page.bas .qa-ask-combined .qa-ask {
		background: url('../images/fv15-live-qa-header.png') no-repeat 45px bottom #FFF;
	}
}

/* Baggrundsfarve på manglende billeder */
.js .image-wrap[class*="ratio-"]:after {
	background: @light-grey;
}

/* Baggrundsfarve paa live-sidens about-box */
.theme-live-page.bas .live-about {
	background: none @dark-blue;
	h2, p, a {
		color: #FFF;
	}
}