/*
 Theme Name: Telenor Group Desktop Theme
 Theme URI: http://telenor.com
 Description: Main wordpress theme for www.telenor.com
 Version: 0.0.3.3
 Tags: blue
 Author: webmaster@telenor.com
 Author URI: http://telenor.com
 Text Domain: telenorgroup
 GitLab CE: http://gitlab.telenor.com
 GitLab Theme URI: http://gitlab.telenor.com/webmaster/telgr-desktop-theme
 GitLab Branch: RELEASE
 */

@media (max-width: 480px) {.hide-on-mobile{display:none}}
@media (min-width: 480px) {.show-on-mobile{display:none}}
.board { display: flex; flex-wrap: wrap;  align-items: flex-start; justify-content: space-between; }
.person-board { align-self: flex-start; width: 100%; }
@media (min-width: 720px) {
    .person-board { align-self: flex-start; width: 48%; }
}
.person-board h4 { color: #0091d2;}
.person-board ul {padding-left: 0;
list-style: none; }
.profile ul {
padding-left: 0;
list-style: none;
}
 span.tag {
    padding: .25rem .5rem;
    background-color: #00ace7;
    margin: .5rem;
    white-space: nowrap;
    border-radius: .2rem;
}
@media screen and (min-width: 480px) {.ico-Ai, .ico-IoT { left: 25%; position: relative;} }

/* Pushed to master - 13.12.2016 HL */

.breakout-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  margin-top: 1rem;
}

.c23-flexbox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (min-width: 981px) {
  .c23-flexbox {width: 49%;}
  .c23-flexbox:nth-child(2n+1) {margin-right: 2%;}
}

.container23 {
  width:100%;
  height:0;
  position: relative;
  padding-bottom: 56.23%;
}


/*.page-id-40613 .entry-header h1.entry-title { font-size: calc(16px + (24-16)*(100vw - 400px)/(800 - 400) )}
*/
.table-materiality-matrix td{ padding:0;}
.table-materiality-matrix .light-grey { background-color: #c6c6c6;}
.table-materiality-matrix .darker { background-color: #d0cab5;}
.table-materiality-matrix .vertical, .table-materiality-matrix .horizontal { background-color: #febd11;}
.table-materiality-matrix .vertical img { width: 100%; transform: rotate(90deg); left: 0px;
bottom: -23px;
position: absolute;}
.table-materiality-matrix .vertical { }
.table-materiality-matrix .horizontal { padding: 0; }
.table-materiality-matrix .horizontal div {height: 40px;}
.table-materiality-matrix .horizontal img { height: 100%;}
.table-materiality-matrix .vertical div {
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl; 
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
padding: 0 0 3em 0;
line-height: 3rem;
border: 0;
}
#content.site-content-inner {
	overflow: visible;
}


/* new media section */
/*.icon-menu-item { width: 16.66666%; }
.front-page-icon-menu img {height: 67px;
width: 67px;
}*/

.menu-media-images-menu-norwegian0-container .icon-menu-item {
 width: 33%
}

/* This image is slightly larger than the other icons*/
@media (min-width: 1281px) {
.ico-our-values2 img,
.ico-recruitment img,
.ico-stories img {
 padding: 14px;
}
}
@media (min-width: 981px) and (max-width: 1281px) {
.ico-our-values2 img,
.ico-recruitment img,
.ico-stories img {
 padding: 12px;
}
}
@media (min-width: 481px) and (max-width: 980px) {
.ico-our-values2 img,
.ico-recruitment img,
.ico-stories img {
 padding: 9px;
}
}
@media (max-width: 480px) {
.ico-our-values2 img,
.ico-recruitment img,
.ico-stories img {padding: 6px;}
.short-cut-menu .menu-item-object-category { /* fix for category links in icon menu */
box-sizing: border-box;
padding: 4rem 0;
background: #fff;
border: 1px solid #eff1f1;
}
}

.icon-menu-item.icon-count-1 {
 width: 100%
}
.icon-menu-item.icon-count-2 {
 width: 50%
}
.icon-menu-item.icon-count-3 {
 width: 33%
}
.icon-menu-item.icon-count-4 {
 width: 25%
}
.icon-menu-item.icon-count-5 {
 width: 20%
}


h3.front-page-icon-menu-title { font-size: 1.5rem; }
div.tools { margin-bottom: 2%;}
/* pr list */
div.hi-row { max-width: 900px; margin: auto;margin: auto;
padding: 3rem 0; 
 border-bottom: 1px solid #d3d3d3;
margin-bottom: 1rem;
}

div.hi-row h3 { margin-top: 10px; }
div.hi-row h3, div.hi-row p { color: #21282e; }
div.hi-row p { font-size: 1.5rem; margin: 0 0 10px }

span.date, span.post-type { padding: 0 1rem 0 0; text-transform: capitalize; color: #21282e; }
span.date { color: #8c9399;}
span.press-release { text-transform: uppercase; color: #21282e; font-family: telenorregular; font-weight: 400; }
span.category { text-transform: uppercase; font-family: telenorregular; font-size:1rem;
background: #00ace7;
color: #fff;
padding: .3rem .3rem .2rem .3rem;
border-radius: .2rem;
position: relative;
top: -.2rem;
}
span.category + span.category {
  margin-left: 1rem;
}
.filterchoices { margin-top: 1.5rem; }
input[type=submit].search-media { /*, .search-button    {*/
background: #ccc url(img/search-media.svg);
background-repeat: no-repeat;
background-position: 50%;
width: 4rem;
height: 4rem;
border: 0;
border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

input[type=text].search-field, .search-field    {
height:4rem;
font-size: 1.5rem;
border: 0;
width: 100%;
padding-left: 1rem;
border-radius: 0;
border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}


/* When the input field gets focus, change its width to 100% */
input[type=text].search-media:focus {
   
    outline: none;
}
.flex {
  display: flex; /* or inline-flex */
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .flex { flex-direction: row;}
}
.flex-item, .grid-item {
    
    margin-bottom: 2%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.flex-item { width: 100%; }
@media screen and (min-width: 720px) {
  .flex-item { width: 31%; }
}

.grid {
   
    position: relative;
}
.contact { text-align: center; padding-top: 1rem;}
.contact h4 { text-align: center;}
.contact ul { list-style: none; text-align: center;
 padding: 0.5rem 0 0 0;
}
.contact > img { max-width: 100px;}
.grid-item {
    position: relative;
    float: left;
    width: 100%;
    
}
.gutter-sizer {
  width: 2%; }
.grid-item .link {

  position: absolute; 
  right: 10px;

}
@media screen and (min-width: 480px) {
.grid-item{
    width: 48%;
    margin-bottom: 4%;
  }
  .gutter-sizer {
  width: 4%; }
}
@media screen and (min-width: 720px) {
.grid-item.contact {  box-shadow: none;}
.grid-item {
    width: 32%;
    margin-bottom: 2%;
  }
  .gutter-sizer {
  width: 2%; }
}
.grid-item a, .flex-item a  {color: #21282e;}

.grid-item .entry, .flex-item .entry { padding: 20px 20px 0 20px; }

.grid-item .footer, .flex-item .footer  { list-style: none; padding: 0; }
.grid-item .footer li, .flex-item .footer li {  display: inline;}

.count.fb { background: url(img/FB-f-Logo__blue_29.png) no-repeat; padding-right: 1rem!important; background-position: 0 50%; }
.count.tw { background: url(img/ico-twitter-25px.png) no-repeat; background-position: 0 50%; }
.count { padding: .5rem 0 .5rem 2rem; color: #21282e; background-size: 15px 15px!important; font-size: 1rem; }

.page-id-39863 .container-width  { max-width: 100%;}
.mm_gallery.tool-bar, .page-id-41417 .breadcrumbs { max-width: 1280px; margin: 0 auto;}
.multimedia-gallery-item a { width: 100%;  position: absolute; bottom: 0; display: block; background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));}
.multimedia-gallery-item-info {
    padding: 1rem;
    color: #fff;
}
.multimedia-gallery-item {
	position: relative;
    margin: 0 10px 10px 0px;
    flex-basis: initial;
  background-size: cover;background-repeat: no-repeat;
    background-position: 50%;
}
.multimedia-gallery {
display: flex; 
flex-direction: row;
flex-wrap: wrap;


      
         max-width: 1280px;
         margin: auto;
}
.multimedia-gallery:after {
 
}
.dark { font-weight: 700;}
.page-id-26582 table td:first-child {
	width: 33%;
}
.mejs-container, .mejs-container .mejs-controls {
    background: #0168b5!important;
}
.TYF.entry-excerpt {
	color: blue;
	text-align: center;
}
.survey-section.active {
	display: inherit;
}
.survey-section {
	display: none;
	font-size: 1.5rem;
}
.list-group-sortable { cursor: row-resize;}
.list-group-item:before { content: " "; margin-right: 2em;}
.list-group-item:nth-child(1) { }
.list-group-item:nth-child(1):before { content: "1";}
.list-group-item:nth-child(2):before { content: "2";}
.list-group-item:nth-child(3):before { content: "3";}
.list-group-item:nth-child(4):before { content: "4";}
.list-group-item:nth-child(5):before { content: "5";}

span.file-info {
    color: #999;
    padding-left: 1em;
    font-size: 1.2rem;
}

.entry-content ol, .entry-content ul {margin-top: 2rem; margin-bottom: 2.5rem;}

div.youtube,.embed-container {
 position: relative; padding-bottom: 56.25%; height:0; overflow:hidden;max-width:100%;
}
div.youtube iframe, .embed-container iframe, .embed-container object, .embed-container embed {
 position:absolute; top:0, left:0; width:100%; height:100%;
}

/* Hero missing on norwegian front page IOK 2019-03-27 */
body.home div.menu-front-page-icon-menu-norwegian0-container {
 margin-top: 6rem;
}

/* Quick hack for the pictures on the norweegian front page for the news listing */
.archiveitem .smallfigure {
 display:none;
}
@media screen and (min-width: 720px) {
.archiveitem .largefigure {
 display:none;
}
.archiveitem .smallfigure {
 display:block;
 }
}

/* IOK 2019-12-16 by request, make profile picture round on single-person page */
.single-person .profile .profile-avatar img {
    border-radius: 50%;
}

/* Cookie-loaw stylings */
#cookie-law-info-bar > span {
 display:flex;
}
#cookie-law-info-bar .cookiebuttons {
 width: 300px;
}

@media (min-width: 480px) {
#cookie-law-info-bar .cookiebuttons {
 margin-right:50px;
 }
}

@media (min-width: 720px) {
 .page table.cookielawinfo-classic td, .page table.cookielawinfo-classic th {
   font-size: 1.5rem;
 }
}
@media (max-width: 720px) {
 .page table.cookielawinfo-classic td, .page table.cookielawinfo-classic th {
    font-size: 1.4rem;
 }
}

/* IOK 2019-12-09 Temporary print stylesheet */
@media print {
    .noprint {
        display:none;
    }
    /* This is because of a bug in Firefox where Flex does not support print properly*/
    body.single-post.small-footer {
      display: block;
    }
    article.hassidebar {
      width: 100%;
    }
    div.sidebar {
      display:none;
    }
    div.breadcrumbs {
      display: none;
    }
    ul.recommend-icons {
      display: none;
    }
    div.site-content {
      padding-top: 15px;
      margin-top: 56px;
    }
    nav#site-navigation {
       padding-left: 15px;
       padding-top: 15px;
    }
    nav#site-navigation::before {
       content: url(https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/telenor_group_logotype_lockup_positive_RGB.svg);
       height: 56px;
       width:140px;
    }
    footer .menu-footer-menu-small-container ul{
       display:none;
    }
}

.breakoutcontent .alignnone {
 margin-left: 0px;
 margin-right: 0px;
}
.breakoutcontent {
 max-width:100%;
}
.breakoutcontent p{
 max-width:100%;
}