/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


body {
	-webkit-font-smoothing:antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
}



.awb-background-pattern {
	background-size:cover!important;
	/*background-position:-10px!important;*/
	background-repeat: no-repeat!important;
}

.forside-hero .awb-background-pattern {
	background-size:100%!important;
	background-position:-10px!important;
}


.fusion-widget-area .awb-background-pattern {
	background-size:100%!important;
	background-position:-10px!important;
}



/* Wrapper */
.custom-video-ui .video-wrapper {
  position: relative;
}

/* Video */
.custom-video-ui video {
  display: block;
  width: 100%;
  height: auto;
}

/* Play-knap (cirkel) */
.custom-video-ui .custom-video-toggle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;

  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: none;
  padding: 0;

  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: opacity 0.2s ease, background 0.2s ease;
}

/* Play trekant */
.custom-video-ui .custom-video-toggle::before {
  content: "";
  display: block;
  margin-left: 6px;

  width: 0;
  height: 0;

  border-left: 22px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

/* Hover effekt */
.custom-video-ui .custom-video-toggle:hover {
  background: rgba(0, 0, 0, 0.65);
}

/* Skjul knap når video spiller */
.custom-video-ui:not(.is-paused) .custom-video-toggle {
  opacity: 0;
  pointer-events: none;
}

/* Vis knap når paused */
.custom-video-ui.is-paused .custom-video-toggle {
  opacity: 1;
  pointer-events: auto;
}

.kommer-snart .video-wrapper::after {
    content: "Kommer snart";
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    
    background: #4D8489;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
}


.rotate10neg {
	transform: rotate(-10deg)!important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.rotate10 {
	transform: rotate(10deg)!important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.ilightbox-overlay.metro-white {
	background:#2B3541!important;
}

.ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption {
	   background: linear-gradient(
        to top,
        rgba(255,255,255,0.95) 0%,
        rgba(255,255,255,0.95) 70%,
        rgba(255,255,255,0.7) 85%,
        rgba(255,255,255,0) 100%
    )!important;

    color: #000!important;
    padding: 20px!important;
	font-size:17px!important;
}