@charset "UTF-8";
/*!
* Start Bootstrap - Agency v7.0.12 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*//**
* Template Name: Mod-Laura - v4.3.0
*/
:root,
[data-bs-theme=light] {
--bs-emphasis-color: #b19569;
--bs-emphasis-color-rgb: 177, 149, 105;
--bs-link-color: #333;
--bs-link-color-rgb: 51, 51, 51;
--bs-link-hover-color: #b19569;
--bs-link-hover-color-rgb: 177, 149, 105;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,700');
html, body {
  margin: 0;
  padding: 0;
	font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:16px; color:#616161; font-weight: 400;line-height: 24px;
}
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif; }

.fotograf { font-size: 13px; color: #999; } /* fotografens namn */ 
.page-section { padding: 3rem 0 3rem 0; }
.page-section img {max-width:100%; height:auto; }



.section-title { text-align: center; padding: 30px 0; position: relative; }
.newspaper { padding-top: 30px; column-count: 2; column-gap: 30px;}

.btn-egen { background-color: #fff; border-color: #b19569; }
.btn-egen .nav-link { font-size: 0.95rem; color: #666; letter-spacing: 0.0625em;}
.btn-egen .nav-link:hover { color: #b19569;}

.covered {
  position: relative;
  /* make a new "render context", so absolute positioning is relative to this parent container */
  padding: 130px;
}

.covered-img {
  background: url('../img/top-om-ocean-studio.jpg');
  x-opacity: .25;
  background-size: cover;
  /* cover will scale the image so that the smallest dimension = the widest dimension of the box */
  background-position: center;
  /* vs the top-left that is default */
  position: absolute;
  /* take me out of the render context! let me define my own positioning */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* this could also work with width:100%; height:100%;, but is simpler */
}



.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #3b434a;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #eef0f2;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 52px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 0;
}

.subHeader {
  font-size:1.8rem; font-weight: 300; text-align: center; padding-top: 1rem; padding-bottom: 0.5rem;
    /* font-size:2.5rem; 
    font-weight: 300;  */
}

@media (max-width: 575px) {
  .newspaper { padding-top: 30px; column-count: 1; }
  .section-title h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .section-title span {
    font-size: 34px;
  }
  .subHeader { 
    font-size:1.5rem; font-weight: 300; text-align: center; padding-top: 1rem; padding-bottom: 0.5rem;
  }
}
/*--------------------------------------------------------------
# Main Nav color: #b19569; /* #ffc800;
--------------------------------------------------------------*/
#mainNav {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  /* background-color: #212529; */

  border: none;
  background: rgba(255, 255, 255, 0.90);
  transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
#mainNav .navbar-toggler {
  padding: 0.25rem;
  font-size: 1.75rem;
  x-font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  x-text-transform: uppercase;
  x-font-weight: 300; 
  color: #b19569;


}
#mainNav .navbar-brand {
  color: #b19569;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.95rem;
  color: #666;
  letter-spacing: 0.0625em;
  box-shadow: none !important;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #b19569; /* #ffc800; */
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: none;
    /* background-color: transparent; */
    background: rgba(255, 255, 255, 0.75);
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 2rem;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    /* background-color: #212529; */
    background: rgba(255, 255, 255, 0.75); /* === NY === */
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg,
  #mainNav.navbar-shrink .navbar-brand img {
    height: 1.5rem;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
} 

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
.icon-10 { font-size: 10px; }
.icon-20 { font-size: 20px; }
.icon-30 { font-size: 30px; }
.icon-36 { font-size: 2.0rem; } /* Size social icons */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header.masthead {
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: left;
  color: #333;
  background-image: url("../img/top-header.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}
header.masthead .masthead-subheading { 
  font-size: 2.0rem;
  font-style: normal;
  line-height: 2.25rem;
  margin-bottom: 25px;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
header.masthead .masthead-heading { 
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin-bottom: 4rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  border-radius: 15px; 
  padding: 10px;
}

@media (min-width: 920px) {
  section { padding: 9rem 0;
  }
  header.masthead {
    padding-top: 17rem;
    padding-bottom: 12.5rem;
    color: #333;
  }
  header.masthead .masthead-subheading {
    font-size: 2.5rem;
    font-style: normal;
    line-height: 1.5rem;
    margin-bottom: 2rem;

  }
  header.masthead .masthead-heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 4rem;
    background: rgba(0, 0, 0, 0);
    color: #333;
    border-radius: 0px; 
    padding: 0px;
  }

}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
 
/*
header.masthead .intro-text {
  padding-top: 150px;
  padding-bottom: 100px;
  z-index: 100;
  position: relative;
  color: #fff;
}
.senaste-nytt {
  z-index: 100;
  position: relative;
  color: #fff;
} */

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.btn-lg {
  width: 40px;
  height: 40px;
  padding: 0; // changed
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
  color: #fff;
  border: none;
}
#btn-back-to-top {
  background: #dbba86;
  position: fixed;
  bottom: 20px;
  right: 15px;
  display: none;
}

/*--------------------------------------------------------------
# Right Side Icon
--------------------------------------------------------------*/
.icon-swish { width: 40px; height: 40px; }


.icon-se {
  position: fixed; visibility: visible; opacity: 1;
  right: 15px; bottom: 130px; z-index: 999;
  width: 40px; height: 40px; border-radius: 4px;
  transition: all 0.4s; color: #fff; }
.icon-se i { font-size: 28px; color: #fff; line-height: 0; }
.icon-se:hover { background: #ddd; color: #fff; }
.icon-se.active { visibility: visible; opacity: 1; }



.icon-en {
  position: fixed; visibility: visible; opacity: 1;
  right: 15px; bottom: 75px; z-index: 999;
  width: 40px; height: 40px; border-radius: 4px;
  transition: all 0.4s; color: #fff; }
.icon-en i { font-size: 28px; color: #fff; line-height: 0; }
.icon-en:hover { background: #ddd; color: #fff; }
.icon-en.active { visibility: visible; opacity: 1; }



.icon-print-cv {
  position: fixed; visibility: visible; opacity: 1;
  right: 15px; bottom: 185px; z-index: 999;
  width: 40px; height: 40px; border-radius: 4px;
  border: 1px solid #b19569; background: transparent;
  transition: all 0.4s; color: #fff; }
.icon-print-cv i { font-size: 28px; color: #b19569; line-height: 0;}
.icon-print-cv:hover { background: #eee; color: #fff; }
.icon-print-cv.active { visibility: visible; opacity: 1; }


.icon-three-dots-vertical {
  position: fixed; visibility: visible; opacity: 1;
  right: 15px; bottom: 250px; z-index: 999;
  width: 40px; height: 40px; border-radius: 4px;
  border: 1px solid #b19569;
  transition: all 0.4s; color: #fff; }
.icon-three-dots-vertical i { font-size: 28px; color: #b19569; line-height: 0; }
.icon-three-dots-vertical:hover { background: #eee; color: #fff; }
.icon-three-dots-vertical.active { visibility: visible; opacity: 1; }


.map {
  height: 30rem;
}
.map iframe {
  pointer-events: none;
  height: 100%;
  width: 100%;
  border: 0;
}

@media (max-width: 992px) {
  .map {
    height: 75%;
  }
}


.modal-open {
  overflow: inherit;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* ===================================
    18 Footer
====================================== */

.footer { 
  color: #fff;
  line-height: 2rem;
  text-align: center;
  font-size: 0.9rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
  .bg-footer { background: url("../img/bg-footer.jpg"); fixed center no-repeat; background-size: cover; }

.footer ul a { color: #fff; xdisplay: inline-block; box-shadow: none !important; }
.footer ul a:hover { color: #b19569; text-decoration: none; }




/*--------------------------------------------------------------
# Karta
--------------------------------------------------------------*/
.map-container-9,
.map-container-10,
.map-container-11 {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container-9 iframe,
.map-container-10 iframe,
.map-container-11 iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}


/*--------------------------------------------------------------
# Our Clients
--------------------------------------------------------------*/
/*
.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e96b56;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e96b56;
}

.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

*/

.swiper { width: 100%; height: 100%; }

.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e96b56;
}

.swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #e96b56; }

.swiper .swiper-pagination { margin-top: 0.5rem; position: relative; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.swiper .swiper-slide img:hover { filter: none; opacity: 1; }


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px 30px 0 30px;
  margin: 30px 15px;
  text-align: center;
  min-height: 350px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  background: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #e1f0fa;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: normal;
  margin: 0 auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid e96b56; /* #3498db; */
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e96b56; /* #3498db;*/
}



.form-check {
    position: relative;
    display: block;
    padding-left:1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left:-1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
    color:#6c757d
}

.form-check-label {
    margin-bottom:0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right:.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left:0;
}
















/*--------------------------------------------------------------
# My Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  list-style: none;
  margin-bottom: 20px;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 10px;
  text-transform: uppercase;
  color: #444444;
  transition: all 0.3s ease-in-out;
  border: 2px solid #fff;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #f3a200;
  border-color: #ffb727;
}
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
  transition: all 0.8s ease-in-out;
}
.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
}
.portfolio .portfolio-item .portfolio-info p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #ffc041;
}
.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}
.portfolio .portfolio-item:hover .portfolio-img img {
  transform: scale(1.2);
}
.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #ffb727;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffb727;
}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(59, 67, 74, 0.08);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
  padding: 0;
}




/*--------------------------------------------------------------
# My Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px 10px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 10px;
  text-transform: uppercase;
  color: #444444;
  transition: all 0.3s ease-in-out;
  border: 1px solid #fff;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #b19569;
  border-color: #b19569;
}

.portfolio .portfolio-item .portfolio-info h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0px;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 10px;
  font-size: 44px;
  top: calc(8% - 18px);
  color: #fff;
  transition: 0.3s;
}