/*!
 * Griff reset & overrides
 */
  


html,
body {
  height: 100%;
 scroll-behavior: smooth;
}



body {
  	font-family: 'DINRoundPro', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 1rem;
    font-weight: 100;
	font-size: 1.1rem;
    line-height: 1.8rem;
    color:#383c41;   
	background-color:#efefef;
	transition: 0.5s all;
 	transition-timing-function: ease-in-out;
 	
	}

hr {

    border-top: 1px solid #383c41;
    }

h1 {
   font-size: 4.2rem;
   line-height: 4.5rem;
   letter-spacing:-0.2rem;
}
h2 {
  font-weight: 500;
     letter-spacing:-0.1rem;
 }
 h4 {
 font-weight:200;
 }
h5 {
   font-weight: 200;
   text-transform:uppercase;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #d1474a;
}

::selection {
  color: #fff;
  background: #d1474a;
}

.text-white {
    color: #ecece6 !important;
}
.text-primary {
color:#d1474a !important;
}

p a {
border-bottom:1px solid;
}

.semi-trans-1 {
opacity: 0.70; 
}

.heavy {
font-weight:900;}

a {
color:inherit;
}
a:hover {
color:inherit;
text-decoration:none;
}

.rounded {
    border-radius: .45rem!important;
}

.btn:focus {
  outline: none ;
}

/*!
 * Griff specific
 */
 
#griff-logo {
	fill:#d1474a !important;
}

#griffen {
fill:#383c41 !important;
}

header {
min-height:100vh;
}


.navbar {
 padding: 0;
}

.ChangeBakgrunnsFarge, .bakgrunnsFarge, .kontrastFargeBakgrunn {
   background: none;
	transition: 0.5s all;
 	transition-timing-function: ease-in-out;
 }
.ChangeKontrastFargeTekst {
	transition: 0.5s all;
 	transition-timing-function: ease-in-out;
}
#headspace {
height:10vw;
min-height:100px;
}

.nav-item {
font-weight:500;
}

.spacer-1 {
height:80px;
}
.spacer-2 {
height:100px;
}
.spacer-3 {
height:150px;
}

.overlay{
visibility:none;
position:fixed;
width:100%;
height:100%;
display:block;
z-index:10;
background-color:#383c41;
opacity:0.9;
transition: 0.5s;
}

strong {
font-weight:600;
}

.small {
font-size:0.8em;
line-height:1.4em;


}


.vertical-title {
font-size:0.7rem;
    position: absolute;
        left: 40px;
    white-space: nowrap;
    width: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);x
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.prosjekt-tittel {
font-size:0.7rem;
line-height:1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.btn {
        border-radius: 2rem;
        transition: 0.5s;
          background-size: 200% auto;
          border:0px;
    }


.btn:hover {
  background-position: right center; 
}


.btn-primary {
background-color: #d1474a;
background-image: linear-gradient(to right, #d1474a 0%, #d1474a 100%);
}


#griffen { 
	bottom: 1em;
	right:1em;
    position: fixed;
}

/* Cookie consent  */
.cc-revoke, .cc-window {
font-family: 'DINRoundPro', sans-serif !important;
}


/* simple image mouseover  */

    .image-mouseover {
        position: relative;
        display: inline-block;
        	
    }
    .image-mouseover .img-top {
        
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity:0;	
    }
    .image-mouseover:hover .img-top {
        display: inline;
        opacity:1.0;	
        transition: all 0.5s;
    }
 
    .image-mouseover-text {
    min-width:20%;
max-width:80%;
    background-color:rgba(209, 71, 74, 0.9);
    z-index:3;
    position:absolute;
    bottom:0;
    right:0;
    z-index: 10;
    }


/* Forside  */





    


/* Prosjekt  */


/* Navbar  */

#globalNavbar {
opacity:1.0;
color:#ccc
}

.navbar-nav li {
font-size: 4rem;
 line-height: 4.4rem;
    }

.navbar-nav li a:hover {
color:#d1474a;
}

.icon-bar {
	width: 40px; 
	height: 4px;
	background-color: #d1474a;
	display: block;
	transition: all 0.5s;
	margin-top: 6px;
}
 
 
 .navbar-toggler:not(:disabled):not(.disabled) {
    outline: none;
}
 
.navbar-toggler {
  border: none;

  background: transparent !important;
}
 

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.pil {
margin-bottom:1px;
display:inline;

}



/*!
 * Fade in/out
 */

#innhold {
    animation: fadeSiteIn 0.5s ease forwards; /* [1] */
}

#innhold.fadeSiteOut {
  animation:  fadeSiteOut 0.5s ease forwards; /* [2] */
}


@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}