/*
Theme Name: Avada Child
Theme URI: https://h2m-cbre.enestedt-playground.se/avada-child/
Description: Avada Child Theme
Author: Alexander Roes
Author URI: https://h2m-cbre.enestedt-playground.se/
Template: Avada
Version: 1.0.0
*/

/*
Innehållsförteckning
	Main
	Slider
	Bilder
	Länkar
	Text
	Meny
	Kontaktformulär
	Footer
	Header
	Media Queries
*/

/**
	Main
**/
#main{padding-top: 0 !important;}

/**
	Slider
**/
	.rs-parallax-wrap #slider-1-slide-1-layer-5, .rs-parallax-wrap #slider-1-slide-3-layer-5, .rs-parallax-wrap #slider-1-slide-2-layer-5, .rs-parallax-wrap #slider-1-slide-4-layer-5{backdrop-filter: blur(10px) brightness(0.9) !important; background-color: rgba(0,0,0,.2) !important;}
	.rev-title{font-family: 'Financier medium' !important;}
	.rev-body{font-family: 'Calibre regular' !important;}
	.shape-mobile{display: none !important;}
	.fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column{margin-top: -1px;}
	.fusion-slider-revolution.rev_slider_wrapper.avada-skin-rev.avada-skin-rev-nav{border-top-color: #032A2D;}
	#slider-1-slide-1-layer-0{left: 5%;}
	#slider-1-slide-1-layer-5{left: 3%;}
	#slider-1-slide-1-layer-6, #slider-1-slide-1-layer-1, #slider-1-slide-1-layer-7{position: absolute; left: 5%;}
	.rs-parallax-wrap{width: 100% !important;}

/**
	Bilder
**/
.header-image{width: 100%;height: 460px;}

/**
	Länkar
**/
.link-with-arrow a {
    font-family: "Calibre semibold", sans-serif;
    font-size: 18px;
    font-weight: 500 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-inline-start: 48px; /* Moved from .link-with-arrow to here */
    transition: all .4s cubic-bezier(0.75, 0.02, 0.5, 1); /* Ensure smooth transition for padding and background changes */
    letter-spacing: -0.02em; /* Ensure letter spacing is consistent */
}

.link-with-arrow a:hover {
    padding-inline-start: 0;
}

.link-with-arrow a::before {
    content: "";
    position: absolute;
    inset-block-start: .6em;
    inset-inline-start: 0;
    display: inline-block;
    width: 40px;
    height: .125em;
    background: #17e88f;
    transition: width .4s cubic-bezier(0.75, 0.02, 0.5, 1);
}

.link-with-arrow a:hover::before {
    width: 0;
}

.link-with-arrow a::after {
    content: "";
    margin-left: 8px;
    width: 0;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg width="42" height="18" viewBox="0 0 42 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.810791 8.67636L40.1891 8.67636M40.1891 8.67636L33.3612 0.892578M40.1891 8.67636L33.3612 16.4601" stroke="%2317E88F" stroke-width="2"/></svg>');
    background-size: 42px 18px;
    background-repeat: no-repeat;
    transition: width .4s cubic-bezier(0.75, 0.02, 0.5, 1);
    flex-shrink: 0;
}

.link-with-arrow a:hover::after {
    width: 42px;
}

/**
	Text
**/
	.eyebrow-title{transform: rotate(270deg) translateX(-100%);}

/**
	Meny
**/
	#menu-topmeny .menu-text.fusion-button.button-default.button-medium{font-size: 18px; font-family: "Calibre light", sans-serif;}
	#menu-topmeny .menu-text{font-size: 20px; line-height: 13px;}
	#menu-topmeny .menu-text .email-before, #menu-topmeny .menu-text .tel-before{font-size: 13px;}
	#menu-topmeny .glyphicon.fa-search.fas{font-size: 20px;}
	#menu-topmeny .awb-menu__i.awb-menu__i_main.fusion-megamenu-icon.fusion-megamenu-image img{max-height: 2em;}

/**
	Kontaktformulär
**/
	.anmalan-wrapper {display: flex; flex-wrap: wrap;justify-content: space-between;}
	.anmalan-1, .anmalan-2 {width: 50%; box-sizing: border-box;}
	.input-group {margin-bottom: 10px; width: 90%;}
	.half-input {display: flex; flex-wrap: wrap;}
	.half-input .input-group {width: calc(45% - 5px); margin-right: 10px;}
	.input-group:last-child {margin-right: 0;}
	.quiz-submit-container {display: flex;justify-content: flex-end;width: 100%;}
	.input-group.quiz {width: auto; margin-left: 20px; margin-left: 35%;}
	.input-group.quiz.button-submit{margin: auto; width: 50%; padding: 10px;}
	.input-group.quiz.button-submit p{margin-block-end: 0px; margin-bottom: 0px; float: right; padding-right: 26%;}
	.wpcf7-file::-webkit-file-upload-button {background: #ffffff; width: 60%; height: 45px; border: 0; cursor: pointer;}
	.serviceanmalan{margin-bottom: 29px;}
	.wpcf7-form-control.wpcf7-textarea{height: 165px;}
	.wpcf7-form-control.wpcf7-submit.has-spinner{width: 120% !important; padding-top: 10px; background-color: #003f2d; border-color: #003f2d;height: 52px; border-radius: 1px;}
	.anmalan-wrapper .input-group.quiz.button-submit{padding-top: 5px;}
	.anmalan-wrapper .input-group.quiz.button-submit input{font-size: 18px; font-family: "Calibre semibold", sans-serif;}


/**
	Header
**/
	.fusion-tb-header .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap{z-index: 99;}
	section .post-content{z-index: 0;}
	.awb-menu__open-nav-submenu-hover{display: none !important;}

/**
	Footer
**/
	.footer-list ul{list-style-type: none; padding-left: 0;}
	.footer-list ul li a{font-family: "Calibre medium", sans-serif; font-size: 20px; color: #003f2d;}
	.footer-list ul li a:hover{text-decoration: underline;}

/**
	Media Queries
**/
@media (max-width: 1024px){
	.header-image{height: 245px;}
	.ingress{font-size: 32px !important;}
	h1, h2{font-size: 48px !important;}
}
	
@media (max-width: 942px) {
    .anmalan-wrapper {flex-direction: column;}
    .anmalan-1, .anmalan-2, .half-input, .half-input .input-group, .input-group.quiz, .input-group.quiz.button-submit {width: 100%;}
    .half-input {flex-direction: column;}
    .half-input .input-group {width: 100%; margin-right: 0;}
    .quiz-submit-container {justify-content: center;}
    .input-group.quiz.button-submit {width: 100%;}
    .wpcf7-file::-webkit-file-upload-button {width: 100%;}
	.input-group{width: 100%;}
	.input-group.quiz{margin-left: 0;}
}

@media (max-width: 777px){
	.shape-mobile{display: block !important;}
	.shape-desktop{display: none !important;}
}

@media (max-width: 768px){
	.footer p{font-size: 20px; line-height: 1.5;}
	.eyebrow-title {transform: rotate(0) translateX(0);}
	#menu-topmeny #menu-item-88{display: none !important;}
	.serviceanmalan-btn{margin-top: 4% !important;}
}