/*
Theme Name: Avada Child
Theme URI: https://dev.stabiltberg.se/
Description: Child theme for Avada
Author: Enestedt
Template: Avada
Version: 1.0.1
*/

/** INNEHÅLSFÖRTECKNING **/
	/** HEADER **/
	/** MENY **/
	/** PARALLAX **/	
	/** KNAPPAR **/	
	/** LÄNKAR **/	

	/** LISTOR **/
		/** GENERELL LISTA **/
		/** CHECKMARK STYLE LISTA **/

	/** UNDERSIDOR **/
		/** ALLMÄNT **/
		/** SÅHÄR ARBETAR STABILT **/

	/** PROJEKT SLIDER **/
	/** KONTAKTFORMULÄR **/
	/** MEDIA QUERIES **/

/** HEADER **/
	.logo-header{cursor: pointer;}
	.fusion-header .fusion-logo img {width: 200px; max-width: 100%; -webkit-transition: -webkit-transform 1.4s ease; transition: transform 1.4s ease;}
	.fusion-is-sticky .fusion-header .fusion-logo img {width: 200px;transform: scale(0.7); -webkit-transition: -webkit-transform 1.4s ease; transition: transform 1.4s ease;}

/** MENY **/
.awb-menu .awb-menu__main-ul_column .awb-menu__main-li{margin-bottom: 20px;}
.awb-menu .awb-menu__main-ul_column .awb-menu__main-li a{padding-top: 20px;}

/** PARALLAX **/
	.stone-layer img{width: auto; height: 70%; position: fixed; left: calc(50% + 18px); bottom: 52px; transform: translateX(-50%); z-index: -2;}
	.backround-layer-mobile img{width: 100vw; height: 100vh; position: fixed; left: 50%; top: 0; transform: translateX(-50%);}
	.backround-layer-mobile span{z-index: -3 !important;}
	.scroll-arrow img{width: 2%; height: auto; position: fixed; left: calc(50% + 18px); bottom: 15px; transform: translateX(-50%); z-index: -2;}
	.parallax-container{position: relative;}
	.parallax-container::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://dev.stabiltberg.se/wp-content/uploads/2025/05/stabilt-bakgrund-2000x920-optm.png'); background-size: cover; background-position: center; background-attachment: fixed; z-index: 0;}
	.stone-layer span{z-index: -2 !important;}
	.parallax-below{z-index: -3;}
	.background-color-green::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--awb-color2); background-size: cover; background-position: center; background-attachment: fixed; z-index: 10;}
	.background-color-white::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--awb-color1); background-size: cover; background-position: center; background-attachment: fixed; z-index: 10;}
	.background-color-yellow::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--awb-color5); background-size: cover; background-position: center; background-attachment: fixed; z-index: 10;}


/** KNAPPAR **/	
	.button-default.kontakt-mail-knapp, .button-default.pil-knapp{width: 100%; display: flex; align-items: center; justify-content: space-between;}
	.button-default.kontakt-mail-knapp span, .button-default.pil-knapp span{padding-left: 10px; flex-grow: 1; display: flex; justify-content: space-between;}
	.button-default.kontakt-mail-knapp .fusion-button-text::after, .button-default.pil-knapp .fusion-button-text::after{content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

/** LÄNKAR **/
	.lasmer-arrow{flex-grow: 1; display: flex; justify-content: space-between;}
	.lasmer-arrow::after{content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

/** LISTOR **/
	/** GENERELL LISTA **/

	/** CHECKMARK STYLE LISTA **/
	.checkmark-ul{list-style: none; padding-left: 0;}
	.checkmark-ul li{display: flex; align-items: center; border-top: 1px solid var(--awb-text-color); padding-top: 2px; padding-bottom: 2px;}
	.checkmark-ul li::before{content: "\f058"; color: var(--awb-color5); font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 40px; margin-right: 16px;}
	.checkmark-ul li:last-child{border-bottom: 1px solid var(--awb-text-color);}

/** ALLMÄNT **/

/** SÅHÄR ARBETAR STABILT **/
	.sahar_arbetar_mobile h2{margin-left: 20px !important;}
	.sahar_arbetar_desktop .fusion-title{margin-bottom: 0 !important;}

/** PROJEKT SLIDER **/
	.awb-swiper-slider .awb-swiper-button{opacity: 1 !important;}
	.slidercard-space{min-height: 240px;}
	.slidercard-space .fusion-column-wrapper{margin-left: -30px !important; margin-right: -30px !important; width: 200% !important;}
	.projekt-kort{margin-bottom: -170px !important;}
	.slider-img{background-position: center top -100px !important;}

/** KONTAKTFORMULÄR **/
	.wpcf7 form label{margin-left: 10px; color: var(--awb-color1); font-weight: 500;}
	.wpcf7 .wpcf7-form input[type=submit]:not(.fusion-button-span-yes){width: 100%; text-align: left; padding-left: 15px; background-color: var(--awb-color2); color: var(--awb-color1); font-weight: 800; border-radius: 10px;}
	.wpcf7 p:has(.cf7-epost){margin-bottom: 25px;}
	.wpcf7 .wpcf7-form .wpcf7-text{border: none; border-radius: 10px;}

/** MEDIA QUERIES **/
@media (max-width: 640px) {
    .checkmark-ul{margin-bottom: 0; margin-top: 0;}
	.border-mobile .checkmark-ul li:last-child{border-bottom: none;}
	.parallax-container::before{background-image: url('https://dev.stabiltberg.se/wp-content/uploads/2025/02/stabilt-bakgrund-mobile700x842.jpg'); position: fixed; background-size: cover; background-position: center;}
	.stone-layer img{max-width: 96%; height: auto; object-fit: cover; top: 30vh; left: 50%; object-fit: cover; position: fixed;}
	.projekt-slider h2{margin-left: 30px !important;}
	.checkmark-ul li{padding-top: 10px; padding-bottom: 10px;}
	.ingress-mobile p{font-size: 20px; line-height: 1.4;}
}