/*
============================
Underskrift.no (c) 2015 - 2022 Robert Steine
============================
*/


/*
===============
GENERELL
===============
*/

.logo
{
  padding-top:      10px;
  padding-bottom:   10px;
  width: 220px;
}
.logo-xs
{
  width: 180px;
}

.navbar-brand
{
  padding-top:      15px;
}

.text-white, .text-white a
{
  color:        #fff;
}
.text-grey, .text-grey a
{
  color:        #888;
}
.text-lightgrey, .text-lightgrey a
{
  color:        #ccc;
}
.text-withbg
{

  background-color:rgba(255, 255, 255, 0.9);
  padding: 4px;
}


h3
{
  line-height:  1.4em;
}

h4
{
  line-height:  1.4em;
}


.footerrow
{
  margin-top:       50px;
  background:       #333333;
  padding-top:      50px;
  padding-bottom:   50px;

}
.lastinfo
{
  padding-top:  12px;
}

.kampanjetittel
{
 font-size:1.6em; 
 line-height:  1.4em;
 color:  #0974BF;
}

.kampanjemottaker
{
 font-size:1.2em; 
 line-height:  1.0em;
 font-weight: 500;
}

.kampanjetekst
{
 font-size:1.0em; 
 line-height:  1.5em;
}

.h4-smaller
{
  font-size:1.3em;
  line-height: 1.4em;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.vtop
{
    vertical-align:   top;
}

.pspace
{
    display: inline;
    margin-right:20px;
}


/*
===============
CUSTOM PROGRESS
===============
*/
.progress-heading 
{
  font-size: 1.2em;
}
.progress-bar-grey 
{
  background: #dadada!important;
}
/*
===============
Icons
===============
*/
.menuicon
{
font-size:    2.0em;  
}
.bigicon
{

  font-size:    2.5em;
}
.bigbigicon
{

  font-size:    4.5em;
}
.megaicon
{

  font-size:    8.5em;
}
.greenicon
{
  color:        #93C54B;
}
.pad-left
{
  padding-left: 15px;
}
.pad-right
{
  padding-right: 15px;
}
.pad-top
{
padding-top: 15px;
}
.pad-bottom
{
padding-bottom: 55px;

}

.iconhead /* Overskrift ved icon uten margin */
{
  margin-top:   0px;
}
.cellicon
{
  display:inline-block!important;
}
/*
===============
Bootstrap edits
===============
*/
.breadcrumb>li a
{
  color: #33A9E0;

}

.form-control::-webkit-input-placeholder { color: #c0c0c0; }
.form-control:-moz-placeholder { color: #c0c0c0; }
.form-control::-moz-placeholder { color: #c0c0c0; }
.form-control:-ms-input-placeholder { color: #c0c0c0; }


.text-white, .text-white a
{
  color: #fff;
}

.biggerbadge
{
  padding:        13px;
  border-radius:  0px;
  margin-bottom:  5px;
}
.activebadge
{
  background: #3C68A9;
}
.navbar
{
  background: #333333;
  border-radius: 0px;

}
.navbar-clean
{
  padding:0px!important;
  margin:0px!important;
  
border:none;
}
/*
===============
BOKSER OG PANELER
===============
*/
.panel-heading2
{
  border-bottom: #c8c8c8 1px dotted;
  padding-top:  13px;
  padding-bottom:  10px;
  
}
.panel-heading2 > .panel-title
{
  color: #003366;
  font-size: 1.0em;
}
.infowell
{
  background: #1372C1;
  border: #C8C8C8 1px solid;
  color: #FFF;
}
.prodboks
{

  background: #f0f0f0;
}
.ktekstboks
{
height: 300px!important;
  overflow: :hidden!important;
}

.tiles-header
{

  background:#8aa3e2!important;
}

.pkontakt_boks
{
background:#ffffff!important;
}

.greygrad
{
background: rgb(9,118,189);
background: linear-gradient(90deg, rgba(9,118,189,1) 0%, rgba(255,255,255,1) 1%, rgba(240,240,240,1) 100%, rgba(0,212,255,1) 100%);
}
/*
===============
FIRKANTEDE KNAPPER
===============
*/
.btn-sq-lg {
  width: 125px !important;
  height: 125px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}


/*
===============
SOSIALE
===============
*/

.face-share
{
  background:     #3C56A2;
  color:          #ffffff;
  height:         55px;
  border-radius: 6px 6px 6px 6px;
}
.face-share h4
{
  padding-top:    17px;
}
.face-share img
{
  padding-right: 7px;
  padding-left:6px;
}
.twitter-share
{
  background:     #55acee;
  color:          #ffffff;
  height:         55px;
  border-radius: 6px 6px 6px 6px;
}
.twitter-share h4
{
  padding-top:    17px;
}
.twitter-share img
{
  padding-left: 6px;
  padding-right: 4px;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
#likebox-wrapper * {
   width: 100% !important;

 }

/* Ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}



/* Masonry */
.mason-item-toplist {
 display: inline-block;
 padding:  .10rem;
 width:  100%; 
}

.mason-row-toplist {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}

.mason-item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

, *:before, *:after {box-sizing:  border-box !important;}

.mason-row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}

/* Masonry 2.0 */
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }