#ads-desktop {
position: relative;
width: 100%;
max-width: 1000px; }
#ads-desktop .left {
right: 100%;
text-align: right; }
#ads-desktop .right {
left: 100%;
text-align: left; }
#ads-desktop #ad-top {
width: 100%;
max-width: 1000px;
text-align: center; }
#ads-desktop .ad-skyscraper {
position: absolute;
top: 0; }
#ads-desktop #ads-sticky {
position: absolute;
top: 1150px;
width: 100%;
max-width: 1000px; }
#ads-desktop #ads-sticky.sticked {
position: fixed;
top: 0; }
#ads-desktop #ads-sticky .ad-sticky {
position: absolute;
top: 0; }
#branding {
padding: 5px 10px; }
#branding ul {
float: left;
margin: 0;
padding: 0; }
#branding ul li {
display: inline-block; }
#branding ul li:last-of-type a {
padding: 0; }
#branding ul li a {
display: inline-block;
font-size: 14px;
color: #AAA;
padding: 0 5px 0 0; }
@media (max-width: 991px) {
#branding ul li a {
font-size: 12px; } }
#branding #fb-button {
float: right; }
#menu-pages {
position: absolute;
top: 0;
right: 0; }
#menu-pages ul {
margin: 0;
padding: 0;
list-style: none; }
#menu-pages ul li {
float: left;
margin-right: 20px; }
#menu-pages ul li a .logo {
height: 25px;
padding-top: 5px;
border-top: 2px solid #FFF; }
#menu-pages ul li a .logo.side2 {
border-color: #c98eb0; }
#menu-pages ul li a .logo.side3 {
border-color: #a76c36; }
#menu-pages ul li a .logo.blogg {
border-color: #e71949; }
#menu-pages ul li a .logo:hover {
border-color: #FFF; }
.front-articles {
padding: 0 10px; }
.front-articles .front-article {
float: left;
margin: 0 0 10px; }
.front-articles .front-article.w100 {
width: 100%; }
.front-articles .front-article.w100 h1 {
font-size: 60px; }
@media (max-width: 991px) {
.front-articles .front-article.w100 h1 {
font-size: 36px; } }
.front-articles .front-article.w50 {
width: 50%; }
.front-articles .front-article.w50 h1 {
font-size: 30px; }
@media (max-width: 991px) {
.front-articles .front-article.w50 h1 {
font-size: 22px; } }
.front-articles .front-article img {
width: 100%; }
.front-articles .front-article h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #000;
margin: 10px 0;
word-wrap: break-word; }
@media (max-width: 991px) {
.front-articles .front-article h1 {
margin: 5px 0; } }
.front-articles .front-article h1 a {
font-family: inherit;
color: inherit; }
.carousel {
display: none; }
.carousel:hover .slick-arrow {
visibility: visible; }
.carousel .carousel-item {
font-family: 'Open Sans', sans-serif;
position: relative;
background-color: #e0e5e8; }
.carousel .carousel-item .text-box .top {
margin: 10px 0 25px;
color: #000;
font-size: 1.65em;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px; }
.carousel .carousel-item .text-box .title {
margin: 0 0 20px;
color: #16254c;
font-size: 2.25em;
line-height: 1.1;
font-weight: 700;
text-align: center; }
.carousel .carousel-item .text-box .description {
color: #000;
line-height: 1.3; }
.carousel .carousel-item .image-box {
padding: 0; }
.carousel .carousel-item .image-box .image {
width: 100%; }
.carousel .slick-arrow {
position: absolute;
bottom: 10px;
color: transparent;
background: transparent;
outline: none;
border: 0;
font-size: 0;
margin: 0 10px;
padding: 4px;
z-index: 999;
visibility: hidden; }
.carousel .slick-arrow:hover:before {
color: #333; }
.carousel .slick-arrow:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: 23px;
line-height: 1;
color: #a8a8a8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.carousel .slick-arrow.slick-prev {
left: 0; }
.carousel .slick-arrow.slick-prev:before {
content: "\f137"; }
.carousel .slick-arrow.slick-next {
right: 66.66666666%; }
.carousel .slick-arrow.slick-next:before {
content: "\f138"; }
.carousel .slick-dots {
position: absolute;
bottom: 16px;
left: 0;
width: 33.33333333%;
margin: 0;
padding: 0;
list-style: none;
text-align: center; }
.carousel .slick-dots li {
display: inline-block;
position: relative;
width: 18px;
height: 18px;
line-height: 18px;
margin: 0 3px;
padding: 0; }
.carousel .slick-dots li.slick-active button:before {
background-color: #000; }
.carousel .slick-dots li button {
display: block;
font-size: 0;
color: transparent;
background: transparent;
outline: none;
border: 0;
width: inherit;
height: inherit;
line-height: inherit; }
.carousel .slick-dots li button:hover:before {
background-color: #333; }
.carousel .slick-dots li button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
background-color: #a8a8a8;
border-radius: 50%; }
.results {
font-family: 'Open Sans', sans-serif; }
.results .title {
margin: 30px 0 0;
font-size: 1.65em;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px; }
.results .image {
width: 100%; }
.focus {
font-family: 'Open Sans', sans-serif;
margin: 15px 0;
padding: 10px 0;
background-color: #e0e5e8; }
.focus .focus-box {
margin: 0 0 10px;
padding: 0 5px; }
.focus .focus-box a {
text-decoration: none; }
.focus .focus-box > div, .focus .focus-box > iframe,
.focus .focus-box > div > div,
.focus .focus-box > div > iframe,
.focus .focus-box > iframe > iframe {
height: 380px !important;
width: 100% !important;
background-color: #FFF; }
.focus .focus-box .focus-item {
height: 400px;
background-color: #FFF; }
.focus .focus-box .focus-item .top {
margin: 0;
padding: 10px 0;
font-size: 20px;
color: #000;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px; }
.focus .focus-box .focus-item .image {
width: 100%; }
.focus .focus-box .focus-item .title {
margin: 0;
padding: 10px;
font-size: 24px;
font-weight: 700;
color: #16254c; }
.focus .focus-box .focus-item .description {
margin: 0;
padding: 0 10px;
color: #000; }
.gamemenu {
font-family: 'Open Sans', sans-serif;
margin: 15px 0;
padding: 5px;
background-color: #e0e5e8; }
.gamemenu .title {
margin: 10px 0;
font-size: 1.65em;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px; }
.commerce-bottom {
margin: 10px 0; }
.commerce-bottom .left {
float: left;
margin: 0; }
.commerce-bottom .right {
float: right;
border: 0; }
.section-title {
font-family: 'Open Sans', sans-serif;
margin: 20px 0;
color: #16254c;
font-weight: 100;
letter-spacing: -1px;
text-align: center; }
.content .row {
margin: 0 -5px; }
.content .parent {
padding: 5px; }
.content .parent .child {
padding: 5px;
background-color: #e0e5e8; }
.content .parent .child .title {
font-family: 'Open Sans', sans-serif;
margin: 2px 0 4px;
color: #16254c;
font-size: 1.2em;
font-weight: 100;
letter-spacing: -1px;
text-align: center;
text-transform: uppercase; }
#article {
margin-bottom: 50px; }
#article #article-top .article-image {
width: 100%; }
#article #article-top .article-title {
margin: 20px 0;
padding: 0 15px;
font-size: 5em;
text-align: center;
color: #000;
font-weight: 900;
line-height: .9; }
#article #article-top .article-image-description {
text-align: center;
margin: 5px 0;
color: #777;
line-height: 15px;
font-size: .9em; }
#article #article-top .article-image-description .fa {
margin-right: 5px; }
#article #article-top .article-lead {
margin: 10px 0;
padding: 0 15px;
font-size: 2em;
text-align: center;
color: #000;
line-height: 1.25; }
#article #article-content {
font-family: "Open Sans", sans-serif;
font-size: 1.15em;
padding: 0 25px; }
#article #article-content > * {
margin-bottom: 15px; }
#article #article-content #byline {
margin: 10px 0; }
#article #article-content #byline #authors {
margin: 5px 0;
text-align: center; }
#article #article-content #byline #authors .author {
display: inline-block;
padding: 0 10px; }
#article #article-content #byline #authors .author .image {
width: 32px;
height: 32px; }
#article #article-content #byline #authors .author .name {
display: inline-block;
line-height: 34px;
color: #00699D; }
#article #article-content #byline #time {
text-align: center; }
#article #article-content .share-container {
margin: 10px 0; }
#article #article-content .share-container .share {
padding: 5px;
color: #FFF;
cursor: pointer; }
#article #article-content .share-container .share#facebook-share {
background-color: #2e5793; }
#article #article-content .share-container .share#twitter-share {
background-color: #20a7d4; }
#article #article-content .share-container .share .fa {
line-height: 30px;
font-size: 16px;
padding: 0 10px; }
#article #article-content .share-container .share .text {
display: inline-block;
line-height: 30px;
font-size: 16px; }
#article #article-content .share-container .share .text.number {
float: right;
padding: 0 10px; }
#article #article-content a {
margin: 0; }
#article #article-content img {
max-width: 100%; }
#article #article-content h1, #article #article-content h2 {
font-family: "Source Sans Pro", sans-serif;
font-weight: 900;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5; }
#article #article-content h1 {
font-size: 1.75em; }
#article #article-content h2 {
font-size: 1.5em; }
#article #article-content .dp-article-image, #article #article-content .articleInlineImage {
margin: 0 0 15px 0; }
#article #article-content .dp-article-image.dp-image-size-full-bredde img, #article #article-content .articleInlineImage.dp-image-size-full-bredde img {
width: 100%; }
#article #article-content .dp-article-image.dp-float-left, #article #article-content .articleInlineImage.dp-float-left {
float: left;
margin: 15px 15px 15px 0;
width: 50%; }
#article #article-content .dp-article-image.dp-float-right, #article #article-content .articleInlineImage.dp-float-right {
float: right;
margin: 15px 0 15px 15px;
width: 50%; }
#article #article-content .dp-article-image p, #article #article-content .articleInlineImage p {
margin: 3px 0;
font-size: .9em;
color: #777; }
#article #article-content .dp-article-image .caption_wrap, #article #article-content .articleInlineImage .caption_wrap {
border-bottom: 1px solid #777; }
#article #article-content .dp-article-image .caption_wrap .dp-article-image-description, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-description {
line-height: 1.25; }
#article #article-content .dp-article-image .caption_wrap .dp-article-image-byline, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-byline {
line-height: 1.25; }
#article #article-content .dp-article-image .caption_wrap .dp-article-image-byline .dp-article-image-author, #article #article-content .dp-article-image .caption_wrap .dp-article-image-byline .dp-article-image-source, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-byline .dp-article-image-author, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-byline .dp-article-image-source {
display: inline-block;
color: #333;
font-size: .85em;
line-height: 20px; }
#article #article-content .dp-article-image .caption_wrap .dp-article-image-byline .dp-article-image-author, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-byline .dp-article-image-author {
padding-right: 5px; }
#article #article-content .dp-article-image .caption_wrap .dp-article-image-byline .dp-article-image-source:before, #article #article-content .articleInlineImage .caption_wrap .dp-article-image-byline .dp-article-image-source:before {
content: "Foto: "; }
#article #article-content #fact-box {
float: right;
width: 45%;
margin: 10px 0 10px 10px;
padding: 15px 15px 25px;
background-color: #171516;
color: #EEE; }
#article #article-content #fact-box h1 {
margin: 0 0 15px;
line-height: 1.15; }
#article #article-content #fact-box span {
display: none; }
#article #article-content #fact-box .dp-fact-box-image {
line-height: 0; }
#article #article-content #fact-box .dp-fact-box-content ul {
margin: 0;
padding: 0 0 0 25px; }
#article #article-content #fact-box .dp-fact-box-content ul li {
margin-bottom: 10px; }
#article #article-content .dp-plugin-element {
margin: 0; }
#article #article-content .dp-plugin-element:before, #article #article-content .dp-plugin-element:after {
content: '';
display: table;
clear: both; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles {
margin-left: -5px;
margin-right: -5px; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles.rel_1 article {
width: 100%; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles.rel_2 article {
width: 50%; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles.rel_3 article {
width: 33.333333%; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles article {
float: left;
padding: 5px 5px 0; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles article img {
padding-top: 5px;
border-top: 2px solid #000; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles article h1 {
margin: 5px 0 5px 0;
font-weight: 100;
font-size: 1.25em;
line-height: 25px; }
#article #article-content .dp-plugin-element .dp-related-articles-container .dp-related-articles-content .related_articles article h1 a {
color: #000; }
#article #article-content .promo-article a {
text-decoration: none; }
#article #article-content .promo-article a:hover .article-title {
text-decoration: underline; }
#article #article-content .promo-article a .article-origin-top {
background-color: #000;
color: #FFF;
margin: 0;
padding: 1px 5px;
line-height: 25px; }
#article #article-content .promo-article a .article-image {
width: 100%; }
#article #article-content .promo-article a .article-origin {
background-color: #DDD;
color: #000;
margin: 0;
padding: 1px 5px;
font-size: .9em;
line-height: 25px; }
#article #article-content .promo-article a .article-origin .fa {
margin-right: 2px; }
#article #article-content .promo-article a .article-origin span {
color: #000; }
#article #article-content .promo-article a .article-origin span:last-of-type {
float: right; }
#article #article-content .promo-article a .article-title {
margin: 5px 0;
color: #333;
font-family: Georgia, 'Times New Roman', Serif; }
#comments {
margin: 25px 0;
padding: 0 75px; }
#footer {
font-family: 'Open Sans', sans-serif;
color: #FFF;
word-break: break-word;
padding: 0; }
#footer .footer-top {
background-color: #060f2c;
padding: 15px 0 25px;
background-image: url("/templates/v1/images/kommersielt/footer-img.png");
background-repeat: no-repeat;
background-position: right bottom; }
#footer .footer-bottom {
background-color: #16254c;
padding: 30px 0 10px;
text-align: left; }
@media (max-width: 991px) {
#footer .footer-bottom {
padding: 15px 0; } }
#footer .footer-bottom .logo {
width: 100%;
max-width: 400px;
margin: 0; }
@media (max-width: 991px) {
#footer .footer-bottom .logo {
max-width: 230px;
margin: 0 0 10px; } }
#footer .footer-bottom .share {
display: block;
margin: 0 0 10px;
height: 32px;
line-height: 32px; }
@media (max-width: 991px) {
#footer .footer-bottom .share {
margin: 10px 0 0; } }
@media (max-width: 767px) {
#footer .footer-bottom .share {
height: 28px;
line-height: 28px; } }
#footer .footer-bottom .share:hover span {
text-decoration: underline; }
#footer .footer-bottom .share .fa {
float: left;
color: #16254c;
background-color: #FFF;
width: 32px;
height: inherit;
line-height: inherit;
font-size: 24px;
border-radius: 50%;
text-align: center; }
@media (max-width: 767px) {
#footer .footer-bottom .share .fa {
width: 28px;
font-size: 20px; } }
#footer .footer-bottom .share span {
font-weight: 600;
margin: 0 0 0 8px;
height: inherit;
line-height: inherit; }
@media (max-width: 767px) {
#footer .footer-bottom .share span {
margin: 0 0 0 6px; } }
#footer .footer-bottom .scroll-top {
display: inline-block;
margin: 0;
padding: 5px 15px;
border: 1px solid #FFF;
color: #FFF;
border-radius: 50px;
text-decoration: none;
cursor: pointer; }
@media (max-width: 991px) {
#footer .footer-bottom .scroll-top {
display: block;
max-width: 120px;
margin: 30px auto 15px;
text-align: center; } }
#footer .footer-bottom .scroll-top:hover {
background-color: #FFF;
color: #16254c; }
#footer .footer-bottom .scroll-top .fa {
margin-left: 3px; }
#footer h1, #footer h2 {
margin: 25px 0 5px;
font-size: 22px;
font-weight: 600;
text-transform: uppercase; }
#footer p {
margin: 20px 0 0;
font-size: 13px;
line-height: 18px;
font-weight: 600;
color: #FFF; }
#footer a, #footer span {
display: inline-block;
font-size: 12px;
line-height: 18px; }
@media (max-width: 767px) {
#footer a, #footer span {
font-size: 11px;
line-height: 17px; } }
#footer a {
color: #b8bfdb; }
#footer ul {
list-style: none;
margin: 20px 0 0;
padding: 0; }
.row {
margin-left: -15px;
margin-right: -15px; }
.container {
position: relative;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px; }
#ad_top .toppbanner {
min-height: 0; }
img {
vertical-align: middle; }
#wrap {
position: relative;
width: 100%;
max-width: 980px;
margin: 30px auto 0;
z-index: 4;
box-sizing: border-box; }
@media (max-width: 991px) {
#wrap {
padding: 0 10px; } }
#wrap #page {
position: relative;
max-width: 1000px;
margin: 0 auto 0;
padding: 0 5px;
background-color: #FFF;
z-index: 99999; }
#travbanner {
position: relative;
width: 100%; }
@media (max-width: 991px) {
#travbanner {
display: none; } }
#travbanner.travbanner-4 #travbanner-content {
left: 580px; }
#travbanner.travbanner-4 #travbanner-content #travbanner-text #travbanner-title {
font-size: 28px !important; }
#travbanner #travbanner-background {
width: 100%; }
#travbanner #travbanner-content {
position: absolute;
top: 20px;
left: 510px;
right: 0;
bottom: 0; }
#travbanner #travbanner-content #travbanner-text {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
position: relative;
top: 50%;
text-align: center;
padding: 0 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#travbanner #travbanner-content #travbanner-text #travbanner-title, #travbanner #travbanner-content #travbanner-text #travbanner-description {
width: 100%;
color: #000;
line-height: 1;
margin: 0 0 5px; }
#travbanner #travbanner-content #travbanner-text #travbanner-title {
text-transform: uppercase !important;
font-size: 35px !important;
font-weight: 600 !important; }
#travbanner #travbanner-content #travbanner-text #travbanner-description {
font-size: 14px !important; }
#travbanner #travbanner-content #travbanner-text #travbanner-button {
display: inline-block;
margin: 15px 0 0; }
#travbanner #travbanner-content #travbanner-text #travbanner-button:hover {
opacity: .9; }
#fokus {
position: relative;
width: 33.33333333%;
float: left;
margin: 0 0 10px;
padding: 0 5px; }
@media (max-width: 991px) {
#fokus {
width: 100%;
max-width: 400px;
float: none;
margin: 0 auto 10px; } }
#fokus #fokus-background {
width: 100%; }
#fokus #fokus-content {
position: absolute;
top: 0;
left: 5px;
right: 5px; }
#fokus #fokus-content #fokus-text {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
position: relative;
margin: 15px 0 0;
padding: 0 10px;
text-align: center; }
#fokus #fokus-content #fokus-text #fokus-title, #fokus #fokus-content #fokus-text #fokus-description {
width: 100%;
color: #000;
line-height: 1;
margin: 0 0 8px; }
#fokus #fokus-content #fokus-text #fokus-title {
font-size: 30px !important;
text-transform: uppercase !important;
font-weight: 600 !important; }
#fokus #fokus-content #fokus-text #fokus-description {
font-size: 14px !important; }
/* TRAV */
body {
font-family: "Ubuntu", Sans-serif; }
#sportspill-header {
text-align: center;
padding-bottom: 25px;
border-bottom: 6px solid #000; }
#sportspill-header .header-trav,
#sportspill-header .header-sportspill {
margin: 40px 0 5px; }
.sportspill-menu ul li {
display: inline-block; }
.sportspill-menu ul li a {
display: block;
padding: 10px 12px;
font-size: 1.2em;
color: #000;
text-transform: uppercase; }
.sportspill-menu ul li:first-of-type a {
color: #CF0101; }
/* NEW */
#branding ul {
float: left;
margin: 0;
padding: 0; }
#branding ul li {
display: inline-block; }
#branding ul li::last-of-type a {
padding: 0; }
#branding ul li a {
display: inline-block;
color: #AAA;
padding: 0 5px 0 0;
font-size: 14px; }
#fb-button {
float: right; }
#header a {
text-decoration: none; }
#header #header-top {
padding: 25px 20px;
text-align: left !important; }
#header #header-top .logo {
max-width: 100%;
vertical-align: middle; }
#header #header-top .logo-icon {
max-width: 15%;
vertical-align: middle; }
#header #header-top .section {
position: relative;
top: 2px;
max-width: 60%;
max-height: 50px;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #FFF;
vertical-align: middle; }
#menu-pages {
position: absolute;
top: 0;
right: 0; }
#menu-pages ul {
margin: 0;
padding: 0;
list-style: none; }
#menu-pages ul li {
float: left;
margin-right: 20px; }
#menu-pages ul li a .logo {
height: 25px;
padding-top: 5px;
border-top: 2px solid #FFF;
box-sizing: border-box; }
#menu-pages ul li a .logo.side2 {
border-color: #c98eb0; }
#menu-pages ul li a .logo.side3 {
border-color: #a76c36; }
#menu-pages ul li a .logo.blogg {
border-color: #e71949; }
#menu-pages ul li a .logo:hover {
border-color: #FFF; }
#menu ul {
margin: 0;
padding: 0;
list-style: none; }
#menu ul li a {
display: inline-block;
padding: 5px 10px;
color: #FFF;
font-size: 16px;
text-transform: uppercase; }
#menu ul li:hover {
text-decoration: underline; }
/* START TOP FRONT */
.front-content {
box-sizing: border-box; }
#top-box-sportspill {
text-align: center;
margin: 20px 0; }
#top-box-sportspill h1 {
font-weight: 400;
font-size: 3em;
margin-bottom: 10px; }
#top-box-sportspill h4 {
font-weight: 100;
font-size: 1.5em; }
/* START ABOUT */
.about-box {
margin: 0 -10px; }
.about-box-content {
float: left;
width: 50%;
padding: 0 10px;
box-sizing: border-box; }
.about-box a {
text-decoration: none; }
.about-box-bottom {
position: relative;
display: block;
text-align: center;
text-transform: uppercase;
font-size: 1.8em;
font-weight: 100; }
.about-box-bottom:hover {
text-decoration: none;
opacity: .9; }
.about-image {
width: 100%; }
.about-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin-top: -1.9%;
font-size: .9em;
color: #fff;
text-shadow: 1px 1px 1px #9F9F9F;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
/* END ABOUT */
/* END TOP FRONT*/
.main-content {
float: left;
width: 66.666666666%;
box-sizing: border-box;
padding: 0 10px; }
@media (max-width: 991px) {
.main-content {
width: 100%; } }
.main-content.front-section {
padding: 0; }
.logo-header {
clear: both;
border-top: 3px solid #000;
margin: 0 10px 15px; }
.logo-header img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%; }
.header-trav {
margin-top: 25px; }
.header-background {
width: 100%;
margin-bottom: -80px; }
.page-header {
text-align: center;
font-weight: 100;
margin: 5px 0 10px 0;
padding-top: 10px;
font-size: 2.8em;
text-transform: uppercase; }
.front-article {
float: left;
box-sizing: border-box;
padding: 0 10px;
margin: 5px 0 25px 0; }
.front-article.w-x1 {
width: 100%; }
.front-article.w-x1 h1 {
font-size: 2.15em; }
.front-article.w-x2 {
width: 50%; }
.front-article.w-x3 {
width: 33.333333333%; }
@media (max-width: 991px) {
.front-article.w-x3 {
width: 100%; } }
.front-article.mouse-over:hover {
opacity: .95; }
.front-article a {
text-decoration: none; }
.front-article-image-box {
position: relative; }
.front-article-image {
width: 100%; }
.front-article-no-image {
width: 100%;
height: 185px;
margin-bottom: 5px;
background-color: #E9E9E9;
padding-top: 32px;
text-align: center;
box-sizing: border-box;
color: #B9B9B9;
font-size: 5em;
font-weight: 700;
letter-spacing: 5px; }
.w-x1 .front-article-no-image {
height: 320px;
padding-top: 55px;
font-size: 8em; }
.front-article-category {
position: absolute;
top: 0;
left: 0;
pointer-events: none; }
.front-article-category.textpadding {
padding: 5px 10px;
text-transform: uppercase;
font-weight: 100;
font-size: .95em; }
img.front-article-category {
padding: 0 5px; }
.front-article h1 {
margin-top: 2px;
font-weight: 400; }
.front-article p {
margin-top: 3px;
font-weight: 100; }
.front-article h1:hover,
.front-article p:hover {
text-decoration: underline; }
/* END FRONT ARTICLES */
/* NYHETSBREV */
.nyhetsbrev {
position: relative;
display: block; }
.nyhetsbrev .nyhetsbrev-text {
position: absolute;
top: 30px;
left: 20%;
right: 25%;
text-align: center;
color: #fff;
pointer-events: none; }
.nyhetsbrev .nyhetsbrev-text h1,
.nyhetsbrev .nyhetsbrev-text h3 {
font-weight: 100; }
.nyhetsbrev .nyhetsbrev-text h1 {
margin: 0 0 5px 0;
font-size: 30px; }
.nyhetsbrev .nyhetsbrev-text h3 {
margin: 0;
font-size: 20px; }
/* START BOTTOM BUTTON */
.front-page-bottom {
position: relative;
display: block;
clear: both;
width: 80%;
margin: 0 auto;
padding: 15px 0;
text-align: center;
text-transform: uppercase;
font-size: 2.5em;
font-weight: 100; }
.front-page-bottom:hover {
text-decoration: none;
opacity: .9; }
.front-page-bottom img {
width: 100%; }
/* END BUTTON */
/* START COLORS */
.background-color-green {
background-color: #207A57; }
.background-color-blue {
background-color: #2A94C4; }
.background-color-black {
background-color: #000; }
.background-color-red {
background-color: #C14430; }
.color-white {
color: #fff; }
.color-black {
color: #000; }
.color-grey {
color: #525252; }
.color-blue {
color: #2A94C4; }
.color-yellow {
color: #F3C903; }
.color-green {
color: #207A57; }
.color-red {
color: #C14430; }
/* END COLORS */
/* START ARTICLE */
#article {
position: relative; }
/*.article-content{
padding: 0 10px;
box-sizing: border-box;
}*/
.article-top {
margin: 14px 0 22px; }
.article-title {
font-size: 3em;
text-align: center;
margin-bottom: 10px; }
.article-image {
position: relative;
min-height: 25px; }
.article-image.front-article-category {
position: absolute;
top: 0;
left: 0; }
.image-description {
padding: 5px 10px 10px;
border-bottom: 1px solid #000; }
/* START SHARE-BUTTONS */
.article-description {
text-align: center;
font-size: 2em;
font-weight: 400;
padding: 20px 50px; }
.article-share-box {
width: 50%;
float: left;
padding: 0 10px;
box-sizing: border-box; }
@media (max-width: 991px) {
.article-share-box {
display: none; } }
.article-share-box .social-share {
display: block; }
.article-share-box .social-share:hover {
opacity: .9; }
.article-share-box .social-share span.text {
color: #FFF; }
#facebook-share {
background-color: #2E5793; }
#twitter-share {
background-color: #20A7D4; }
/* END SHARE-BUTTONS */
/* START BYLINE */
#sportspill-byline-wrap {
margin: 10px 0; }
.sportspill-author-line {
float: left;
width: 100%;
padding: 5px 0; }
.sportspill-byline-img {
float: left;
border-radius: 50%;
pointer-events: none; }
.sportspill-byline-text {
float: left;
margin: 22px 0 0 10px; }
.sportspill-byline-author {
margin-right: 10px;
font-weight: 600; }
.sportspill-byline-info {
color: #2A94C4; }
.sportspill-time-published {
display: none;
color: #9F9F9F; }
.sportspill-time-space {
padding: 0 10px 0 8px; }
.sportspill-author-line:first-of-type .sportspill-time-published {
display: block; }
.sportspill-author-line:first-of-type .sportspill-byline-text {
margin-top: 13px; }
/* END BYLINE */
.article-story iframe {
max-width: 100%; }
.article-story p {
margin-bottom: 1em;
line-height: 1.4;
font-size: 1.7rem; }
.article-story a {
color: #2A94C4; }
.article-story .dp-image-size-full-bredde {
margin-left: 0;
max-width: 100%; }
.article-story .dp-image-size-full-bredde img {
max-width: 100%;
width: 100%; }
#wrap .article-story .dp-article-image-description,
#wrap .article-story .dp-article-image-byline {
background-color: #2A94C4; }
#wrap .article-story .dp-article-image-description p {
font-family: "Ubuntu", Sans-serif;
color: #fff; }
#wrap .trav .article-story .dp-article-image-description,
#wrap .trav .article-story .dp-article-image-byline {
background-color: #000; }
#wrap .trav .article-story .dp-article-image-description p {
color: #F3C903; }
/* START ODDS TIPS */
.article-story .odds_tip {
border: 1px solid #E8E8E8;
border-bottom: 0; }
.article-story .odds_tip h3 {
padding: 5px;
background-color: #E9E9E9;
border-bottom: 1px solid #E8E8E8;
font-size: 1.4em;
color: #343434;
font-weight: 400; }
.article-story .odds_tip .clearfix {
border-bottom: 1px solid #E7E7E7;
padding-bottom: 2px; }
.article-story .odds_tip .clearfix .odds_playing {
font-size: 17px;
font-weight: bold;
float: left;
display: block;
margin: 5px;
padding-top: 3px;
line-height: 36px; }
.article-story .odds_tip .clearfix .odds_prediction {
background-color: #2A94C4;
color: #fff;
float: right;
height: 35px;
line-height: 22px;
margin-top: 2px;
margin-right: 2px;
padding-top: 12px;
text-align: center;
text-transform: uppercase;
width: 100px;
font-size: 1.2em; }
.article-story .odds_tip .clearfix .odds_prediction:hover {
text-decoration: none;
opacity: .9; }
/* END ODDS TIPS */
.article-story .nt-widget {
margin: 10px auto 15px !important;
width: 100% !important; }
/* END ARTICLE */
.aside-content.article-sidebar {
/*position: absolute;*/
top: 0;
right: 0;
bottom: 0; }
/* START BOTTOM */
.article-margin {
margin-top: 20px; }
/* START SIDE CONTENT */
.aside-content {
float: left;
width: 33.333333333%;
margin-bottom: 5px;
box-sizing: border-box;
padding: 0 5px; }
@media (max-width: 991px) {
.aside-content {
display: none; } }
.aside-content.sidebar-big .background-trav,
.aside-content.sidebar-big .background-tipping {
min-height: 1560px; }
.aside-content.sidebar-small .background-trav,
.aside-content.sidebar-small .background-tipping {
min-height: 765px; }
.aside-trav-box {
display: block;
background-color: #fff;
margin: 15px auto 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
.aside-trav-box h4 {
text-align: center;
padding: 5px 0;
font-weight: 400;
font-size: 1.25em; }
.background-trav,
.background-tipping {
background-repeat: repeat-y;
background-position: center;
background-size: 100%;
padding: 0 5px;
height: 100%; }
.background-tipping {
background-image: url("/templates/v1/images/sportspill/v3/spill-tipping-bg.jpg"); }
.background-trav {
background-image: url("/templates/v1/images/sportspill/v3/spill-trav-bg.jpg"); }
.aside-content iframe,
.aside-content .nt-widget {
display: block;
margin: 15px auto 5px !important; }
.aside-content .nt-widget {
width: 100% !important; }
.aside-content .nt-widget iframe {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.aside-trav-box iframe {
margin: 5px auto !important; }
/* START MOBILE */
#content .aside-content {
margin: 25px 0;
width: 100%;
padding: 0; }
#content .aside-trav-box {
width: 310px;
max-width: 100%; }
#content .aside-content .background-trav iframe,
#content .aside-content .background-trav .nt-widget {
max-width: 99%; }
/* END MOBILE */
/* END SIDE CONTENT */
/* END TRAV */
#header {
position: relative;
z-index: 10; }
#header a {
text-decoration: none; }
#header #header-branding {
margin: 30px 0 0; }
#header #header-branding svg {
max-width: 100%; }
#header #header-top {
position: relative;
padding: 2px 0 0; }
#header #header-top .section {
font-family: 'FaktorSansDisplay', sans-serif;
font-size: 52px;
font-weight: 400;
letter-spacing: -.5px;
color: #757575;
color: #00B36E;
margin: 0;
padding: 0;
border: 0; }
@media (max-width: 767px) {
#header #header-top .section {
font-size: 40px; } }
#header .custom {
width: 100%; }
#header .stripe {
width: 100%; }
#local-header {
position: relative;
padding: 15px 0; }
#local-header .amedia-logo {
display: inline-block; }
#local-header .amedia-logo img {
display: inline-block;
height: 40px;
max-height: 40px;
max-width: 200px;
line-height: 40px;
vertical-align: top; }
#local-header .section {
position: absolute;
top: 50%;
right: 10px;
font-size: 18px;
line-height: 28px;
font-weight: 600;
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.skyskraper-parent {
margin-top: 0 !important; }
#menu-toggle {
display: none;
position: absolute;
top: 50%;
right: 15px;
width: 35px;
height: 35px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-ms-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s; }
#menu-toggle.active .bars {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#menu-toggle.active .bars:before, #menu-toggle.active .bars:after {
top: 0; }
#menu-toggle.active .bars:before {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); }
#menu-toggle .bars {
position: absolute;
left: 0;
top: 50%;
height: 2px;
width: 100%;
background-color: #FFF;
-webkit-transition: inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit; }
#menu-toggle .bars:before, #menu-toggle .bars:after {
content: '';
position: inherit;
left: inherit;
height: inherit;
width: inherit;
background-color: inherit;
-webkit-transition: inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit; }
#menu-toggle .bars:before {
top: -8px; }
#menu-toggle .bars:after {
top: 8px; }
#menu {
margin: 15px 0 0; }
#menu ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-y: hidden;
margin: 0 auto;
padding: 20px 0 15px; }
#menu ul li {
display: inline-block;
margin-right: 15px; }
#menu ul li a {
display: inline-block;
font-family: 'FaktorSansDisplay', sans-serif;
font-size: 22px;
color: #757575;
white-space: nowrap;
text-transform: none;
margin: 0;
padding: 0; }
#menu ul li a:hover {
text-decoration: none; }
#menu ul li a.active {
font-weight: 600;
/* border-bottom: 2px solid rgba(117, 117, 117, 0.7); */
color: #00B36E; }
#menu-backdrop {
position: fixed;
top: 0;
right: 100%;
bottom: 0;
left: 0;
overflow-y: scroll;
background-color: #171516;
opacity: 0;
z-index: 99998;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-ms-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s; }
#menu-backdrop.active {
right: 0;
opacity: .5; }
/*# sourceMappingURL=style.css.map */