.theme-headline {
    display: none;
    border-bottom: none;
    background: transparent url("http://www.dr.dk/assets/img/border.png") repeat-x -2px 100%;
    
    h2 {
        padding-top: 0;
        border: none;
        text-transform: none;
        font-size: 42px;
        line-height: 44px;
        padding-right: 260px;
    }

    [class*="dr-site-share"][class*="-horizontal"] {
        position: absolute;
        right: 0;
        left: auto;
        width: auto;
        margin-top: 12px;
		background-image: none;

		> span {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		&:before {
			background-image: none;
		}
	}

    [class*="dr-icon"]:before {
        color: @primary;
    }

    [class*="dr-site-share"] [class*="dr-icon"][class*="-boxed"]:before {
        background-color: @primary;
    }

}


.theme-live-page {
    .span-4 .section:first-child {
        margin-top:0;
    }

    iframe {
        //border-bottom: 1px solid #000;
    }

    .top-spot {
        iframe {
            border-bottom: 0;
        }
    }

    .live-video-player-description {
        padding: 0 20px 20px;
    }

    .live-video-player-description, .live-about, .live-tip {
        p a {
            text-decoration: underline;
        }
    }

    [class*="dr-site-share"] {
        display: none;

        [class*="dr-icon"] {
            &:before {
                color: @primary;
            }

            &[class*="-boxed"]:before {
                color: #FFF;
                background-color: @primary;
            }
        }
    }

    p#message.message {
        padding: 10px 0 0 0;
        margin-bottom: -10px;
    }

    .load-more {
        padding: 0;
        //margin-bottom:20px;
        margin-top: 20px;
        text-align: center;
        width: 100%;
        line-height: 30px;
        background-color: #55747c;

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

    .dr-site-share-horizontal [class*="dr-icon"]:before {
        //color:;
    }

    .live-about {
        background: @dark-blue-70;

        p {
            font-family: GibsonRegular, Arial, sans-serif;
            color: #fff;
        }

        h2 {
            font-family: GibsonSemiBold, Arial, sans-serif;
            color: #fff;
        }

        li {
            color: #4D4D4D;
            font-size: 14px;
            line-height: 16px;
            margin-left: 20px;
            font-family: GibsonRegular;
        }

        ol li {
            list-style: decimal;
        }

        ul li {
            list-style: disc;
        }
    }

    .live-tip {
        background: @primary;

        p, h2, span, a {
            color: #FFF;
            font-family: GibsonRegular, Arial, sans-serif;
        }

        .factbox-contact {
            background-color: rgba(255, 255, 255, 0.2);
            margin: 0 10px;
            padding: 10px 10px 0;
            float: left;
            width: 45%;

            span {
                &:first-child {
                    font-weight: bold;
                }
            }

            a {
                &.accent {
                    text-decoration: underline;

                    &.mobile {
                        display: none;
                    }
                }
            }

            .accent {
                font-weight: bold;
            }
        }
    }

    .section.live-stream {
        border: 0;

        .dr-ui-paging-tabs {
            float: none;

            a {
                background-color: @grey-50;

                &.active {
                    background-color: #000;
                }

                +a {
                    margin: 0;
                }

                text-align: center;
                margin-bottom: 1px;
                width: 33.333333%;
                padding: 0;

                span {
                    border-left: 1px solid #FFF;
                    display: inline-block;
                    width: 100%;
                    font-family: GibsonRegular, Arial, sans-serif;
                }

                &:first-child {
                    span {
                        border: 0;
                    }
                }
            }
        }

        .dr-site-live-media-player {
            background: url("/assets/img/border.png") repeat-x -2px 100% rgba(0, 0, 0, 0);

            .audioPreview {
                margin-bottom: -3px;
                width: 100%;
            }

            .live-video-player-description {
                //padding: 10px 0;
                padding: 10px 20px;
                margin-bottom: 20px;

                p {
                    font-family: GibsonRegular, Arial, sans-serif;
                    margin-top: 5px;
                    padding: 0;
                }
            }
        }
    }

    .finish-line {
        height: 10px;
        border-bottom: 6px solid #000;
        margin: 0 10px;
    }

    .linkbox * {
        font-size: 18px;
    }


    .item [class*="xsmall"] .metainfo,
    .item [class*="heading-"] ~ .metainfo {
        margin-top: 0;
    }

    .dr-page-social-media {
        background: @near-white;

        .span-3 {
            .image-1 .image-wrap {
                width: 25%;

                ~ * {
                    margin-left: 25%;
                }
            }
        }

        .span-4 {
            .image-1 .image-wrap {
                width: 18%;

                ~ * {
                    margin-left: 18%;
                }
            }
        }

        .span-6 {
            .image-1 .image-wrap {
                width: 12%;

                ~ * {
                    margin-left: 12%;
                }
            }
        }

        .span-12 {
            .image-1 .image-wrap {
                width: 7%;

                ~ * {
                    margin-left: 7%;
                }
            }
        }

        position: relative;
        /* IE 8 */
        //-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        /* IE 5-7 */
        //filter: alpha(opacity=80);
        /* Netscape */
        //-moz-opacity: 0.8;
        /* Safari 1.x */
        //-khtml-opacity: 0.8;
        /* Good browsers */
        //opacity: 0.8;
        .section {
            margin-top: 0;
        }

        > h2 {
            margin-bottom: 20px;
            border-bottom: 1px solid @grey-80;
        }

        ol, ul {
            li {
                padding-bottom: 10px;

                &:first-child {
                    background: none;
                    padding-top: 12px;
                }

                .social-image {
                    p {
                        font: 14px/16px "gibsonRegular","Arial",sans-serif;

                        a {
                            color: #4D4D4D;
                        }
                    }

                    .image-wrap {
                        img {
                            width: 50px;
                        }
                    }
                }
            }
        }

        .dr-social-media-count {
            position: absolute;
            top: 14px;
            right: 1px;
            font: 11px/16px "gibsonRegular","Arial",sans-serif;
            text-transform: uppercase;
            color: #666;

            .dr-ui-button {
                margin: -10px 20px 0 10px;
                background-color: #55747c;

                &:hover {
                    //background-color:#000;
                }

                &.disabled {
                    //background-color:@grey-80;
                    //cursor:default;
                }

                input.autoUpdate {
                    margin: 0 10px 3px -7px;
                    vertical-align: middle;
                }
            }
        }
        // instagram
        // instagram
        ul.instagram {
            padding: 10px 0;

            &.span-12 .span-4 {
                width: 33.333333%;
                padding: 0 5px;
            }
            //height: 100%;
            //display: inline-block;
            li {
                &.combine-layout {
                    margin-left: -5px;
                    margin-right: -5px;
                }

                &:first-child {
                    margin-top: 0;
                    padding-top: 0;
                }
                //padding: 0;
                //float: left;
                //width: 33.333333%;
                a {
                    font-size: 0;
                    display: block;
                    padding: 0 0 10px 0;

                    img {
                        width: 100%;
                    }
                }
            }
        }
    }

    .span-6 {

        h2 {
            span.updated {
                color: #666;
                font: 11px/16px "gibsonRegular","Arial",sans-serif;
                text-transform: uppercase;
                display: block;
            }
        }

        .dr-social-media-count {
            top: 15px;

            .dr-ui-button {
                position: absolute;
                top: 9px;
                right: 0;
                width: 113px;
            }
        }

        .social-band.single-true {
            li:first-child {
                padding-top: 0;

                .item {
                    padding: 0;
                    background: none;
                }
            }
        }
    }

    .dr-widget-audio-player {
        .progressbar {
            &.live {
                display: none;
            }
        }
    }

    span.serverTime {
        display: none;
    }
    /* Scribble feed styling */
    .scribblesection {
        -webkit-overflow-scrolling: touch;
        width: 100%;
        margin-bottom: -19px;
        /* height: 1490px;*/
        .scribble-top {
            height: 10px;
            /* z-index: 10;
            background: transparent url("../images/scribble-header.jpg") top left no-repeat;
            position: relative;*/
        }

        .live-scribble {
            position: relative;
            top: -11px;
            z-index: 0;
            overflow: auto;
        }
    }

    .live-result-table.section {
        background-color: @dark-blue;

        h2 {
            padding: 10px 14px;
        }

        .table .party-item.head *, .footer *, h2 {
            color: #fff;
        }

        .resultType {
            background-color: #fff;
            border: 2px solid #fff;

            a {
                color: #000 !important;
            }
        }
    }
}

.dr-widget-audio-player, .dr-widget-media-playlist .player.audio { 
	[class*="dr-infobox"] {
		z-index:2; top:-11px; position:absolute;
		
		h1 {
			line-height:normal;
			margin:5px 5px 0;
		}
		p {
		
		}
	}
}

@media only screen and (max-width:700px) {
    .section.current-topics + .theme-body .theme-headline + .combine-layout,
    .theme-headline + .combine-layout
    {
        .span-8
        {
            + .span-4
            {
                //.section.dr-list-icon
                //{
                    display: none;
                //}
            }
        }
    }
}

@media only screen and (max-width:960px) {
	.site-content {
		.current-topics {
			display:none;
		}
		.theme-headline { 
			h2 {
				border-top:6px solid #000;
				padding-right:0;
				font-size:30px;
				line-height:50px;
				padding-bottom:0;
			}
			menu.dr-site-share-horizontal {
				display:none;
			}
		}

		[class*="dr-site-share"] {
			display:block;
		}

		.dr-page-social-media {
			ol {
				li {
					padding-bottom:0px;
				}
			}
		}
	}
}
@media only screen and (max-width: 768px) {
    .scribblesection {
        height: 670px !important;
        overflow:auto;

        iframe {
            height: 11000px;
        }

    }

    .touch .scribblesection.android-scroll iframe {
        height: 11000px; /* Test height - assure that iframe pages fit..*/
    }
}
@media only screen and (max-width: 568px) {
	.site-content .theme-headline h2 { line-height:35px; padding:5px 0 0 0; }
	.theme-live-page {
		.dr-page-social-media {
			> h2 {
				height:43px;
				span.updated { display:none; }
			}

			border-bottom:0;
			.dr-social-media-count {
				.dr-ui-button {
					margin-left:0;
				}
			}
			.section {
				margin-top:20px;
			}
			[class*="span-"] {
				.image-1 .image-wrap {
					width:11%;
					~ * {
						margin-left:11%;
					}
				}
			}
			
			
			.dr-social-media-count { 
				display:none;

				.dr-ui-button {
					display:block;
					margin:5px 0;
				}
			}
			.span-4 .section.social-band:first-child { margin-top:0; }
		}
		.dr-site-share-horizontal { margin-top:0; }
	}
}
@media only screen and (max-width:440px) {
	.theme-live-page {
		.live-tip {
			.factbox-contact {
				width:43.5%;
				a.accent.mobile { display:block; }
				span.accent.desktop { display:none; }
			}
		}
		.dr-page-social-media {
			//> h2 { height:55px; }
			[class*="span-"] {
				.image-1 .image-wrap {
					width:14%;
					~ * {
						margin-left:14%;
					}
				}
			}
			.span-6 {
				
				.social-band, .social-band.single-true {
					.image-1 .image-wrap {
						width:17%;
						~ * {
							margin-left:17%;
						}
					}
				}
				.social-band:first-child {
					margin-top:0;
				}
			}
			
		}
	}
}

@media only screen and (max-width:350px) {
	.theme-live-page {
		.live-tip {
			.factbox-contact {
				width:41.5%;
			}
		}
		.dr-page-social-media {
			[class*="span-"] {
				.image-1 .image-wrap {
					width:16%;
					~ * {
						margin-left:16%;
					}
				}
			}
		}		
	}
}
@media only screen and (max-width:275px) {
	.theme-live-page {
		.live-tip {
			.factbox-contact {
				width:40.5%;
			}
		}
	}
}