/* Color variables */
/* Font-size variables */
/* Responsive breakpoints */
/* Other varibles */
/* Navigation */
@media screen and (max-width: 1024px) {
  .hamburger {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.mobileNavBetingelser {
  position: absolute !important;
  bottom: 75px;
}

body.is-active #navBrut {
  background-color: #055547;
}

body.is-active #navBrut .logindmobile span {
  color: white !important;
}

body.is-active #navBrut .style-svg.logomobile path {
  fill: #FFFFFF !important;
}

.is-active .hamburger-inner::before, .is-active .hamburger-inner::after, .is-active .hamburger-inner {
  background-color: white !important;
}

.elementor-popup-modal {
  z-index: 99 !important;
}

.hamburger {
  position: relative;
  top: 6px;
  background: none !important;
  border: 0 !important;
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  z-index: 99999;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

body #navBrut .hamburger.is-active .hamburger-inner,
body #navBrut .hamburger.is-active .hamburger-inner::before,
body #navBrut .hamburger.is-active .hamburger-inner::after {
  background-color: white !important;
}

.hamburger:hover, .hamburger:focus {
  background: unset;
  outline: unset;
}

.hamburger-box {
  width: 25px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 4px;
  background-color: white;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Color variables */
/* Font-size variables */
/* Responsive breakpoints */
/* Other varibles */
/* Contact form 7 */
.wpcf7 span input {
  margin-bottom: 15px;
  border: 0;
  border-radius: 8px;
}
.wpcf7 span input:focus {
  outline: none !important;
}
.wpcf7 span textarea {
  border: 0;
  border-radius: 8px;
}
.wpcf7 span textarea:focus {
  outline: none !important;
}
.wpcf7 .wpcf7-submit {
  background-color: #2F5897;
  color: white;
  padding: 10px 20px;
  border: 0;
}
.wpcf7 .wpcf7-submit:hover {
  background-color: black;
  color: white;
}

#cf7Credits span input {
  border: 1px solid lightgray !important;
  margin: 0 !important;
}
::-webkit-input-placeholder {
  color: #D4D4D4 !important;
}

::-moz-placeholder {
  color: #D4D4D4 !important;
}

:-ms-input-placeholder {
  color: #D4D4D4 !important;
}

:-moz-placeholder {
  color: #D4D4D4 !important;
}

/* Color variables */
/* Font-size variables */
/* Responsive breakpoints */
/* Other varibles */
#footerWithContact nav ul li a {
  padding-left: 0;
}

@media only screen and (max-width: 1024px) {
  #txtLogo a {
    font-weight: bold !important;
  }
}
@media only screen and (max-width: 768px) {
  #burgerElement {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -4px;
  }
}
/* Wordpress */
/*#wpadminbar{
	display: none !important;
}

html{
	margin-top: 0 !important;
}*/
/* Header */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
header #navBrut.scrolled a {
  color: black !important;
}
header #navBrut.scrolled .hamburger-inner, header #navBrut.scrolled .hamburger-inner::before, header #navBrut.scrolled .hamburger-inner::after {
  background: black !important;
}
/* Pop up */
body.mobileNavActive #navBrut {
  background-color: #055547 !important;
}
body.mobileNavActive #navBrut .elementor-motion-effects-layer {
  background: transparent !important;
}
body.mobileNavActive #navBrut a {
  color: white !important;
}

/* Footer */
#cookieTxt span:hover {
  text-decoration: none;
  color: black;
}

/*# sourceMappingURL=app.css.map */