/*************************************************************
	MENU ICONS EXAMPLE
 *************************************************************/
/*
To add menu icon specify PAGE-ID and ICON CONTENT VALUE:

.fa-menu-{PAGE-ID}:before {
  content: "{ICON CONTENT VALUE}";
}

List of ICON CONTENT VALUES: http://astronautweb.co/snippet/font-awesome/

FOR EXAMPLE

i.fa-menu-33:before {
  content: "\f004";
}
  
*/

/*************************************************************
	ADD YOUR CUSTOM STYLES BELOW THIS LINE
 *************************************************************/



.breadcrumb {
  font-size: 16px;
 
}

.icon-box h1 {
  font-weight: 700 !important;
}



.edn_numberCommentsBubble {display: none !important;}

#dnn_ctr14121_ModuleContent .article_pager {display: none !important;}
.edn_multiArticle4MainSmall {
  padding-right: 10px !important;
  margin-top: 0px !important;  
}


.eds_news_NewsMagazine.eds_subCollection_news h1, .eds_news_NewsMagazine.eds_subCollection_news h2, .eds_news_NewsMagazine.eds_subCollection_news h3, .eds_news_NewsMagazine.eds_subCollection_news h4, .eds_news_NewsMagazine.eds_subCollection_news h5, .eds_news_NewsMagazine.eds_subCollection_news h6, .eds_news_NewsMagazine.eds_subCollection_news th, .eds_news_NewsMagazine.eds_subCollection_news .in_article_image .image_title {
  font-family: Open Sans, Helvetica, Arial !important;
}

.eds_news_NewsMagazine.eds_subCollection_news .edn_article.edn_simpleArticle:hover h2.edn_articleTitle {
  color: #0099e6 !important;
}
.eds_news_NewsMagazine.eds_subCollection_news .edn_article.edn_simpleArticle5 h2.edn_articleTitle a:hover {
  color:#0099e6 !important;
}
.eds_news_NewsMagazine.eds_subCollection_news .edn_article.edn_multiArticle.edn_multiArticleMainSmall > figure:hover > figcaption h2.edn_articleTitle {
  color: #0099e6;
}

/*Bredere brødsmulesti */
#page-title.page-title-classic .breadcrumb {  
  width: 50%;
}
#page-title.page-title-classic .page-title {  
  width: 50%;
}
#page-title.page-title-classic {
  padding: 20px 0;
}
@media (max-width:991px){

#page-title .breadcrumb, #page-title.page-title-classic .breadcrumb {    
    width: 100%;    
}
}

.mng-text-theme pre, .trumbowyg-editor pre, .txtimg-description pre, .DnnModule-WebSitesCreativeMyContentManager pre {
  font-family: Open Sans, Helvetica, Arial !important;
  border:none;
  background: none;
  padding:0px !important;
  font-size: 22px;
    font-weight: 400;
    color: #425563;
    line-height: normal;
    word-break: normal;
}

h1,h2, h3 {
  color: #425563 !important;
  font-family: Open Sans, Helvetica, Arial !important;
  font-weight: 300 ;
 /* margin-top: 30px; */
}
h1 {
  font-size: 40px;
}

h2 {
  font-size: 34px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
  font-weight: 800 ;
  color: #425563 !important;
}
body,p {color:#425563;font-weight: 300 !important;}

a {
  color: #00a4b0 !important;
  font-weight: 400 !important;
  overflow-wrap: break-word;
}
a:hover {
  color: #0099e6 !important;
 
}
#realTimeContents {
  overflow-wrap: break-word;
}
/* Ikoner på personkort */
.team-desc a:hover {
  color: white !important;
 
}

/* Overstyr farge på lenker */
 #mainMenu nav > ul > li.hover-active > a,
  #mainMenu nav > ul > li.hover-active > span,
   #mainMenu nav > ul > li.current > a,
    #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a,
     #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a,
      #mainMenu nav > ul > li:focus > span,
       #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover,
        #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
         #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
          #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active,
           #mainMenu nav > ul > li .dropdown-menu > li.current > a,
            #mainMenu nav > ul > li .dropdown-menu > li.current > span,
             #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
              #mainMenu nav > ul > li .dropdown-menu > li:hover > span,
               #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
                #mainMenu nav > ul > li .dropdown-menu > li:focus > span,
                 #mainMenu nav > ul > li .dropdown-menu > li:active > a,
                  #mainMenu nav > ul > li .dropdown-menu > li:active > span,
                   #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
                    #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span,
                     #mainMenu.menu-outline nav > ul > li.current > a,
                      #mainMenu.menu-outline nav > ul > li:hover > a,
                       #mainMenu.menu-outline nav > ul > li:focus > a,
                        #mainMenu.menu-lines nav > ul > li.current > a,
                         #mainMenu.menu-lines nav > ul > li:hover > a,
                          #mainMenu.menu-lines nav > ul > li:focus > a,
                           .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
                            .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
                             .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
                              #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
                               #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
                                #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
                                 .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > span,
                                  .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
                                   .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > span,
                                    .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
                                     .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > span,
                                      .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
                                       .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span,
                                        #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
                                         #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span,
                                          #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
                                           #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span,
                                            #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
                                             #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span,
                                              #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
                                               #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span,
                                                #side-panel nav ul > li > .toggle,
                                                 .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
                                                 .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
                                                  #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
  #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
   .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.current > a,
    .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
     .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
      .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
       #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
        #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
         #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
          #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
           #side-panel.wsc-text-dark .topbar-dropdown .list-entry:hover,
            #side-panel.wsc-text-dark .wsc-logins .dropdown-list .buttonGroup li a:hover,
             .page-menu.menu-outline nav li:hover a,
              .page-menu.menu-outline nav li.active a,
               .page-menu.menu-lines nav li:hover a,
                .page-menu.menu-lines nav li.active a,
                 .page-menu.menu-default nav li:hover a,
                  .page-menu.menu-default nav li.active a,
                   .page-menu.menu-colored-background nav li:hover a,
                    .page-menu.menu-colored-background nav li.active a,
                     .page-menu.menu-dark li:hover a,
                      .page-menu.menu-dark li.active a,
                       .grid-filter.gf-outline li:hover a,
                        .grid-filter.gf-outline li.active a,
                         .grid-filter.gf-lines li:hover a,
                          .grid-filter.gf-lines li.active a,
                           .grid-filter.gf-default li:hover a,
                            .grid-filter.gf-default li.active a,
                             .post-item .post-quote-img .post-meta-category,
                              .post-item .post-quote-img .post-meta-category a,
                               .post-author a, .comments .comment_number span,
                                .comments .comment .text .comment-reply-link,
.respond-comment span, .btn.btn-outline,
                                  .heading-creative strong, .tabs.simple > .tabs-navigation li.active a,
                                   .tabs.simple > .tabs-navigation li.active a:focus,
                                    .tabs.simple > .tabs-navigation li a:hover,
                                     .feature-box:hover h2,
                                      .feature-box:hover h3,
                                      .feature-box:hover h4,
                                       .list-icon.icon-list-colored li::before,
                                        .list-icon.icon-list-colored i,
                                         .pagination.pagination-simple .active > a,
                                          .pagination.pagination-simple .active > span,
                                           .pagination.pagination-simple .active > a:hover,
                                            .pagination.pagination-simple .active > span:hover,
                                             .pagination.pagination-simple .active > a:focus,
                                              .pagination.pagination-simple .active > span:focus,
                                               .post-navigation a:hover,
                                                .call-to-action h3 span,
                                                 .item-link,
                                                  .item-link:hover,
                                                   .widget-twitter li a,
                                                    .pagination > li > a,
                                                     .pagination > li > span,
                                                      .btn-link, .btn-link:hover,
 .btn-link:focus,
  .list-icon-colored .list-icon__item::before,
   .list-icon-colored .list-icon__item > i {
    color: #425563 !important;
}
#mainMenu nav>ul>li>a, .wsc_cm_menu nav>ul>li>a {
  
  color: #425563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  letter-spacing: 0px;
}
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span {
  
  color: #425563 !important
}
.wsc_module_actions_panel a, .wsc_switcher_control a { color: #fff !important
}

#mainMenu ul.dropdown-menu a:hover {
  
  color: #00a4b0 !important;
 
}
#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
    color: #00a4b0 !important;
}


#header #header-wrap #logo a>img {  
  max-height: 60px;

}
.social-icons ul {
  
  margin-block-start: 0;
  margin-block-end:0 ;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
 
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  list-style-position: outside;
}
.bildetekst, .image_title { /* Tekst under bilder */
  padding-top: 10px !important;  
  font-style: italic;
  /*color: #8194a2;*/
  padding: 5px 0px 15px;
  margin: 0 0 5px;
  text-align: justify;
  display:block;
  /*font-size: 16px;*/
  line-height:1.4em;
}
p.brodtekst {
  font-size: 16px;
}
.Normal ul, p {
  margin-top: 5px;
  color: #425563;
}
.accordion .ac-title {  
  font-size: 18px;
  font-weight: 600 !important;
}
.txtimg-title h3 {
  margin-top:0;
}

a .bildetekst {
  font-size: 14px;
}

/* Prosjekter */
.portfolio-bildetekst {
  left: 0;
    margin: 0 auto;
    padding: 20px;
    opacity: 90;
    position: absolute;
    right: 0;
    text-align: center;
    top: 78%;
    transform: translate3d(0,-38%,0);
    transition: all 250ms ease-in-out 0s;    
    word-wrap: break-word;
    width: 70%;
    z-index: 3;
    color:white;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
    background-color: #42556366;
    
}

.portfolio-item:hover .portfolio-bildetekst {
  visibility: hidden;
  opacity: 0;
}

.grid-active-title-NINA {
  font-size: 40px;
}
#portfolio1891 .portfolio-item {
  margin:0px !important;
}

/*

#portfolio14805 .portfolio-description , 
#portfolio14805 .portfolio-description h3, 
#eeportfolio14815 .portfolio-description , 
#eeportfolio14815 .portfolio-description h3,
#portfolio14960 .portfolio-description , 
#portfolio14960 .portfolio-description h3
{
  visibility: visible;
  opacity: 50;
}

#portfolio14805  .portfolio-description h3, 
#eeportfolio14815  .portfolio-description h3,
#portfolio14960  .portfolio-description h3 

{  
  background-color: rgba(0, 0, 0, 0.2); 
}

#portfolio14805  .portfolio-description,
#eeportfolio14815  .portfolio-description,
#portfolio14960  .portfolio-description

 {
  padding: 5px;
  width: 80%;
}
*/

.portfolio-item  h3 {
  color: white  !important;  
  opacity: 50;
  font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.portfolio-title {
  padding: 5px;
  width: 80%;
}
.portfolio-title h3 {
  background-color: rgba(0, 0, 0, 0.3); 
}
.portfolio-title {
  left: 0;
  margin: 0 auto;
  padding: 0px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 48%;
  transform: translate3d(0,-38%,0);
  transition: all 250ms ease-in-out 0s;
  word-wrap: break-word;
  width: 70%;
  z-index: 3;
}

.portfolio-item:hover .portfolio-title {
  transform: translate3d(0,-50%,0);
  transition: all 250ms ease-in-out 0s;
  opacity: 01;
  visibility:hidden;
}

#portfolio14805  .portfolio-item:hover .portfolio-description h3, #portfolio14815  .portfolio-item:hover .portfolio-description h3  {
  color: #425563 !important;
  background: none;
}

.portfolio-description span {
  display: none;

}
 .portfolio-item .portfolio-description {

  padding: 0px;

}

@media screen and (max-width: 1024px) {
  #primoQueryTemppub { /* Biblioteker - Søkeboks Oria */
      width: 85%;
  }
}

#gopub, a.ntnu-ub-nyweb-fporiasearch-search-submit-button {
  background: #E57200  url(images/search_ffffff_50.png);
  background-size: 65%;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 2px solid #FFB25B ;
  border-right: 2px solid #FFB25B ;
  border-left: 2px solid #FFB25B ;
  border-top: 2px solid #FFB25B ;
  color: #5e5e5e !important;
  display: block;
  float: right;
  font-family: inherit;
  font-size: 20px;
  padding: 0px;
  text-align: center;
  width: 37px;
  box-sizing: border-box;
  height: 37px;
 
}

#fporiasearch-searchtitle {
  font-size: 140%;
  margin: 10px 0 10px 0;
}

.team-members.team-members-left .team-member .NINA-team-image {
  width: 220px;
}
.team-members.team-members-left .team-member .NINA-team-desc {
  width: 70%;

}

.NINA-2-col {
  max-width: 194px !important;
}

#Container15937 a,#Container15939 a,#Container15939 H3, #section9 a, #section9 H3, #section9 H4, .DnnModule-15083 a, 
.DnnModule-15154 a,
.DnnModule-15154 H4,
.DnnModule-15154 H3,
.DnnModule-15152 a,
.DnnModule-15083 H4, .DnnModule-15083 H3, .DnnModule-15134 a, .DnnModule-15134 H4, .DnnModule-15134 H3  {
  color: white  !important;
}
#goToTop {
  color: #fff !important;
}

/* Anchors */

a.anchor {
  color: #425563 !important
}

#topbar .top-menu>li>a {
  font-size: 14px;
  font-family: Open Sans, Helvetica, Arial;
  margin-right: 12px;

}
#header .header-extras i, #topbar .top-menu>li>a {
  color: #425563 !important;
}
#logo {
  padding-top: 10px;
}

#mainMenu nav>ul>li>a, .wsc_cm_menu nav>ul>li>a {
  
  font-family: Open Sans, Helvetica, Arial;
 
}

/* Social icons på ansatte */
.NINAsocial a:hover {
  color: #fff !important;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .DnnModule-13952  {
    display: none;
  }
}

.icon-box.icon-box-right a > h1{
  margin: 0 84px 0 10px;
}

.icon-box.small a >h1, .icon-box.small a >h2, .icon-box.small a >h3, .icon-box.small a >h4, .icon-box.small a >h5 {
  font-size: 18px;

}

.call-to-action .btn:hover {
  color: #fff !important;
}

a.btn, a.btn-light:hover {
  color: #fff !important;
}
a.btn-light {
  color: #425563 !important;
}

a.btn-light:hover  {
  border-color: #fff !important;
}

/* Overskrifter i Nyhetslister */
.NINA_title-container h4 {
  letter-spacing: 0px;
  line-height: 1.2;
  font-size: 22px;
}

.EDN_article-content .EDN_summary strong, .EDN_article-content .EDN_summary b{

  font-weight: 300 ; 
}


.iframe_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mfp-iframe-holder .mfp-content {
    max-width: 1600px;
}
#page-title .page-title h1 {display: none !important; }

a.nolink /* brukes på anhor-tags så de ikke skal se ut som linker */
{
 color: #425563 !important;
}

/* Spesialtilpasning mindre tekst på referanser på https://www.nina.no/english/Sustainable-society/Marcis/Stressors norsk og engelsk side*/
#Container18783 li , #Container18784 li{
  font-size: small;
}

.faktaboks {
    background: #f6a744;
    /*border: 1px solid #0097a0;*/
    padding: 20px 20px;
}
.faktaboks p {
    
    color: white !important;
}

/* NINA banner på forsiden */
.NINAheader {
  width: 100%;
  height: 400px;
  color: #fff !important;
  padding:60px 0;
  text-align: center;  
  background: inherit;
  /*background-image: url(http://edit.nina.no/Portals/NINA/WebSitesCreative_MyContentManager/19869/73a65657-7308-4f8f-ad46-ab4ff6f25112_resized.jpg);
  background-repeat: no-repeat;
  background-position: bottom 0px right 2px;
  transform: translate3d(0px, 0px, 0px);
transform-origin: 50% 50% 0px;*/
 
}
.NINAheader h1 {
  font-size: 75px;
  padding: 10px 0;
  font-weight: 800;
  color: #fff !important;
}
.NINAheader p {
  font-size: 25px;
  font-weight: 100;
  letter-spacing: 2px;
  color: #fff !important; 
  padding-bottom: 40px;
}
.NINAheader .btn {
  font-size: 14px !important;
}
@media only screen and (max-width: 1180px) {
  /* For mobile phones: */
  .NINAheader h1 {
    font-size: 60px;
    padding: 10px 0;
    font-weight: 800;
    color: #fff !important;
  }
  .NINAheader p {
    font-size: 20 000px;
    font-weight: 100;
    letter-spacing: 2px;
    color: #fff !important; 
    padding-bottom: 40px;
  }
  .NINAheader .btn {
    font-size: 12px !important;
  }
  .module-19936 .wsc_content_manager_module_slide {
    background-image: url(/Portals/NINA/WebSitesCreative_MyContentManager/19936/f94f67fc-4d44-4b36-a080-692b03fc54ec.jpg);
  }
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .NINAheader h1 {
    font-size: 40px;
    padding: 10px 0;
    font-weight: 800;
    color: #fff !important;
  }
  .NINAheader p {
    font-size: 20 000px;
    font-weight: 100;
    letter-spacing: 2px;
    color: #fff !important; 
    padding-bottom: 40px;
  }
}


/* Usynlig tekst på seperator */
.seperator span {
  color: #425563;
  font-weight: bolder;
} 

h3.forside {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 27px !important;
  letter-spacing: normal !important;
}

/* Scroll-pil på publikasjoner Hjortevilt */
#example3 {
  overflow:hidden;
  position:relative;
  .scrollbox {
    height:100%;
    overflow:auto;
  }
  .shadow {
    bottom:0;      
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s ease-out;
  }
  &.off-top {
    .shadow-top {
      box-shadow:0 1em 1em -1em black inset;
    }
  }
  &.off-bottom {    
    .shadow-bottom {
      box-shadow:0 -1em 1em -1em black inset;
    }
  }
}
::-webkit-scrollbar{width:auto;}