/*
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;
	}

h3 {
	margin-bottom:20px!important;
}


.fusion-text ul {
	padding-left:16px!important;
}

.fusion-form .fusion-fullwidth {
	padding:0!important;
}

.fusion-form-field {
	margin-bottom:5px!important;
}


.hundred-percent-height {
	height: calc(100vh - 140px) !important; /* 80px = din headerhøjde */
}

/* SIDEBAGGRUNDE */

.home #wrapper {
	background:rgba(204,203,186,0.7)!important;
}

.page-id-121 #wrapper {
	background:rgba(182,145,115,0.4)!important;
}

.page-id-188 #wrapper {
	background:rgba(147,153,159,0.5)!important;
}

.page-id-192 #wrapper {
    position: relative;
    background: rgba(132, 35, 34, 0.25) !important;
    overflow: hidden;
}

.page-id-567 #wrapper {
    position: relative;
    background: rgba(35, 87, 83, 0.35) !important;
    overflow: hidden;
}


[class*="page-id-"] #wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://andreashaladyngrafisk.dk/hamlet/wp-content/uploads/shutterstock_558791056-scaled.jpg');
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
    opacity: 0.25; /* Juster styrken her */
    pointer-events: none;
}


.swiper-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(132,35,34,0.5),
        rgba(38,98,94,0.9)
    );
    z-index: 2;
}

.swiper-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url('https://andreashaladyngrafisk.dk/hamlet/wp-content/uploads/svampe-v2.svg');
    background-repeat: no-repeat;
    background-size: 2200px auto;
    opacity: 0.05;
    z-index: 3;
    animation: fadeOpacity 4s ease-in-out infinite;
}

@keyframes fadeOpacity {
    0%   { opacity: 0.03; }
    50%  { opacity: 0.07; }
    100% { opacity: 0.03; }
}


/* Wrapperen omkring billedet */
.fusion-image-element .fusion-imageframe.img-overlay {
    position: relative;
    display: inline-block;      /* så den får samme størrelse som billedet */
}

/* Gradient overlay */
.fusion-image-element .fusion-imageframe.img-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(0,58,95,0.65),
        rgba(139,155,124,0.4)
    );
    z-index: 2;
}

/* Sørg for at billedet fylder wrapperen */
.fusion-image-element .fusion-imageframe.img-overlay img {
    display: block;
    width: 100%;
    height: auto;
}


/*.fusion-footer-widget-area > .footer-content.fusion-fullwidth::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(143,106,79,0.8),
        rgba(116,84,61,0.9)
    );
    z-index: 2;
}

.fusion-footer-widget-area > .footer-content.fusion-fullwidth::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url('https://andreashaladyngrafisk.dk/hamlet/wp-content/uploads/svampe-v2.svg');
    background-repeat: no-repeat;
    background-size: 2200px auto;
    background-position: left -1000px top -1500px; 
    opacity: 0.06;
    z-index: 3;
	animation: fadeOpacity 12s ease-in-out infinite;
}

@keyframes fadeOpacity {
    0%   { opacity: 0.03; }
    50%  { opacity: 0.09; }
    100% { opacity: 0.03; }
}*/


.column-border {
	border-left:1px solid #C95E2D!important;
}

.column-border:hover {
	background:rgba(255,255,255,0.3)!important;
}

.no-border {
	border-left:0!important;
}

.drommestigen-splash {
	position:absolute;
	width:300px;
	height:300px;
	background:url(https://andreashaladyngrafisk.dk/hamlet/wp-content/uploads/drommestigen-splash.svg) no-repeat;
	background-size:300px 300px;
	margin-top:-180px;
}

.drommestigen-splash-2 {
	position:absolute;
	width:180px;
	height:180px;
	background:url(https://andreashaladyngrafisk.dk/hamlet/wp-content/uploads/drommestigen-splash2.svg) no-repeat;
	background-size:180px 180px;
	margin-top:-100px;
}


@media (min-width: 1000px) {
	
	#wrapper {
		padding-bottom:30px!important;
	}
	
	#main {
		margin-left:30px!important;
		margin-right:30px!important;
	}
	
	
    .fusion-footer {
        margin-left:30px!important;
		margin-right:30px!important;
    }
}


.btn-dark {
	border-color:black!important;
}

.btn-dark .fusion-button-text {
	color:black!important;
}