/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #3d5176;
  color: #fff;
  font-family: 'D-DIN Condensed Regular', sans-serif;
  background:#000;
  background-color: #121110;
}


#contact .fa {
	color:#fc6;
}

p,a {
	font-weight:300;
	font-family:'D-DIN Condensed Regular',sans-serif;
/*	font-family:'Avenir Next Condensed',sans-serif;*/
/*	font-family:'Futura',sans-serif;
	font-style:condensed;*/
	font-size:1.1rem;
}

h1,h2,h3,h4,h5,.navbar-brand {
	font-family: 'DIN 1451 Std','D-DIN Condensed DINCondensed-Bold', sans-serif;
	color:#fc6;
}



.h2, h2 {
    text-transform: uppercase;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#topCarousel.carousel {
/*  margin-bottom: 4rem;*/
}
/* Since positioning the image, we need to help out the caption */
#topCarousel .carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
#topCarousel .carousel-item {
/*  height: 32rem;*/
  height: 40rem;
}
#topCarousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* People CONTENT
-------------------------------------------------- */

.people .col-lg-4 .bd-placeholder-img,.people .col-lg-6 .bd-placeholder-img {
	margin-bottom:0.5rem;
}

.people .col-lg-4 img,.people .col-lg-6 img {
	margin-bottom:1rem;
}

.people .col-lg-4,.people .col-lg-6 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.people .col-lg-4 p,.people .col-lg-6 p {
  text-align: left;
}

h2 {
  font-weight: 400;
  margin-bottom:1.5rem;
}
.people h3 {
	font-weight:400;
}
.people h5 {
	font-weight:300;
	margin-bottom:.75rem;
	font-style:italic;
}
.people .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* Byer
------------------------- */

#byer .bynavn {
	font-size:0.7rem;
}
#byer .bynavn .nologo {
	font-size:1rem;
}

#byer a{
	text-decoration:none;
}

#byer div {
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

#byer a:hover div.logotext,#byer a:focus div.logotext {
	color:#bbc687 !important;
}

#byer img {
	filter:saturate(0);
	opacity:0.8;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#byer a:hover img,#byer a:focus img {
	filter:saturate(1);
	opacity:1;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
}
@media (min-width: 48em) {
  .h1, h1 {
  	font-size:4rem;	
  }

  .h2, h2 {
      font-size: 2.5rem;
  }
}

@media (max-width: 62em) {
	#headerbyline {
		font-size:0.9rem;
	}
	
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}



/* Images */

figcaption {
/*	font:400 8pt/10pt "Lato","Helvetica Neue", "Helvetica", Arial, sans-serif !important;*/
	font-size:0.8rem;
/*	margin-bottom:1rem;*/
	margin:1rem auto;
	text-align:center;
}


/* QUOTE CAROUSEL */
/*.sq-crousal4 .carousel-indicators li { background-color:#000;}*/
.sq-crousal4 .carousel-indicators li::before,.sq-presse .carousel-indicators li::before {width: 15px;height: 15px;background: #444;border-radius: 50%;	border: solid 2px #AAACAE;
transition: all 0.3s ease 0s;box-shadow: 6px 6px 8px #E9E0E0 inset;}
.sq-crousal4 .carousel-indicators li.active::before {background: #1870ed ;box-shadow: 2px 3px 2px #e5edf8 inset;border-color: #1870ed;}
.sq-crousal4 .carousel-indicators,.sq-presse .carousel-indicators {bottom: -40px;}
.sq-crousal4 li,.sq-presse li {width: 20px;}
.sq-crousal4 .fa-angle-left {font-size: 45px;color: #444;left: -30px;position: relative;top: -17px;}
.sq-crousal4 .fa-angle-right {font-size: 45px;color: #444;right: -30px;position: relative;top: -17px;}
.sq-crousal4 .carousel-item,.sq-presse .carousel-item {
  min-height: 13rem;
}


.sq-presse .carousel-indicators li.active::before {background: #1870ed;box-shadow: 2px 3px 2px #e5edf8 inset;border-color: #1870ed;}
.sq-presse .fa-angle-left {font-size: 45px;color: #eee;left: -30px;position: relative;top: -17px;}
.sq-presse .fa-angle-right {font-size: 45px;color: #eee;right: -30px;position: relative;top: -17px;}
.bg-dark .bigicon {
/*	color:#bfe8ec !important;*/
}

.quotes p {
	font-size:1.3rem;
}
.quotes p a {
	font-size:1rem;
}


/* QUOTE CAROUSEL END */


/* COLORS */
.navbar-dark .navbar-brand {
/*	color:#BED570;*/
}

.bg-dark a {
	color:#fff!important;
}

.bg-dark {
/*    background-color: #3d5176!important;*/
    background-color: #101010!important;
    background-color: #000!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #e6dfd6e6!important;
	font-size:1rem;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff!important;
}
.navbar-dark .navbar-brand {
    color: #fc6!important;
	font-size:1.5rem;
}

.text-white {
    color: #e6dfd6!important;
    color: #fff!important;
}

.text-muted {
/*    color: #cdc!important;*/
    color: #c4beb5!important;
    color: #fff!important;
}

a {
	color:#2a3109!important;
	color:#555a3a!important;
	color:#c4beb5!important;
	color:#fc6!important;
}

.btn-secondary {
    color: #fff!important;
    background-color: #000!important;
    border-color: #010!important;
}

.slick-prev:before, .slick-next:before {
    color: rgba(255,255,255,0.8);
}