/*
============================
Underskrift.no (c) 2015
============================
*/


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

.logo
{
  padding-top:      15px;
  padding-bottom:   15px;
}

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

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


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

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

.kampanjetittel
{
 font-size:2.1em; 
}
.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;
}
/*
===============
Icons
===============
*/
.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
===============
*/
.infowell
{
  background: #FEDF60;
}
.prodboks
{

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

.tiles-header
{

  background:#8aa3e2!important;
}

.pkontakt_boks
{
background:#ffffff!important;
}
/*
===============
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; }