﻿/* GENERAL STYLING 
-------------------------------------------------------------- */
body, p{}
a{}
a:hover{}
a:focus{outline:none;}

/* PAGE ARTICLE
-------------------------------------------------------------  */
[class*=element-]{margin-bottom:15px;}
figure { margin: 0;}
figcaption { font-weight: 300; margin: 2px 5px;  }
figure.pull-right { margin-left: 10px !important; }
figure.pull-left  { margin-right: 10px !important; }


/* PLUKKLASSER 
-------------------------------------------------------------- */
hr .space{margin:50px 0;}
.nospace{margin-bottom:0!important;}
.space{margin-bottom:40px!important;}
.medspace{margin-bottom:20px!important;}
.one-line {white-space: nowrap;	width: 100%; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; height:1.3em;}

/* MAIN MENU 
-------------------------------------------------------------- */
.mainmenu{float:left;margin-top:0}
.mainmenu ul{list-style:none outside none;padding-left: 0}

/* FOOTER 
-------------------------------------------------------------- */
footer{ padding-top: 50px !important;}
footer a{}
footer a:hover{}
.credits {text-align:right;}

/**********************************************************************************
* Responsive lister
* NB! Denne krever at det er angitt kolonnebredde for alle størrelser!
************************************************************************************/

@media (max-width: 767px) {
    .list .col-xs-6:nth-child(2n+1),
    .list .col-xs-4:nth-child(3n+1),
    .list .col-xs-3:nth-child(4n+1),
    .list .col-xs-2:nth-child(6n+1) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .list .col-sm-6:nth-child(2n+1),
    .list .col-sm-4:nth-child(3n+1),
    .list .col-sm-3:nth-child(4n+1),
    .list .col-sm-2:nth-child(6n+1) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .list .col-md-6:nth-child(2n+1),
    .list .col-md-4:nth-child(3n+1),
    .list .col-md-3:nth-child(4n+1),
    .list .col-md-2:nth-child(6n+1) {
        clear: left;
    }
}

@media (min-width: 1200px) {
    .list .col-lg-6:nth-child(2n+1),
    .list .col-lg-4:nth-child(3n+1),
    .list .col-lg-3:nth-child(4n+1),
    .list .col-lg-2:nth-child(6n+1) {
        clear: left;
    }
}

/**********************************************************************************
*  ElementsArticle
************************************************************************************/

.element-article-small-image-headline, .element-article-large-image-headline { overflow: hidden;}
.element-article-small-image-headline h4, .element-article-large-image-headline h4 { color:#777; margin: -17px -17px 17px; border-bottom:1px solid #ddd; padding: 10px 10px;}
.element-article-small-image-headline h4 a, .element-article-large-image-headline h4 a { color: #777; font-weight: 500; }
.element-article-small-image h4, .element-article-large-image h4, .element-article-small-image h4 a, .element-article-large-image h4 a { font-weight: 500; }

.element-article-large-image, .element-article-large-image-headline img { margin-bottom: 10px; }
.element-article-small-image img, .element-article-small-image-headline img { width:100%; }

.element-article-small-image .element-image, .element-article-small-image-headline .element-image { margin: 0 15px 10px 0 !important; float:left; max-width:40%; }
[class*='element-article-'] { margin-bottom: 24px; } 


/**********************************************************************************
*  PageArticle
************************************************************************************/ 

*[class*='page-article'] { padding: 0 0 20px 0; }
*[class*='page-article'] figure {  }
*[class*='page-article'] figure img { }
*[class*='page-article'] figcaption { color: #777; font-weight: normal; font-style:italic; margin:5px 0; }
*[class*='page-article'] figure.element { }
*[class*='page-article'] .facts { width: 40%; float: right; clear:right; margin: 0 0 14px 20px;}
*[class*='page-article'] *[class*="element-"] { margin-bottom: 15px; }
*[class*='page-article'] .teaser { font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif; color: #777; font-weight: 500; font-size: 16px; line-height: 19px; margin: 0 0 25px 0; }
*[class*='page-article'] .byline { font-family: 'Open Sans', Arial, “Helvetica Neue”, Helvetica, sans-serif; color: #777; font-weight: 500; font-size: 13px; line-height: 14px; margin: 0 0 25px 0; }

/* PageArticleSmallMedia
-------------------------------------------------------------- */
.page-article-small-media .small-media figure img {margin: 0 0 7px 0; }
.page-article-small-media .small-media { width: 50%; float:right; margin: 0 0 0 20px;}

/* PageArticleLargeMedia
-------------------------------------------------------------- */
.page-article-large-media .large-media figure img {margin: 0 0 7px 0; }
.page-article-large-media .large-media figure {  width: 100%; margin: 0 0 25px 0;}

@media (max-width: 600px) 
{
    .page-article-small-media .small-media figure { width: 100%; float:none; margin:0;}
    *[class*='page-article'] .facts { width: 100%; float: none; clear:none; margin:0;}
}