/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: Enestedt
Author URI: https://www.enestedt.se/
Template: Avada
Version: 1.0.1
Text Domain:  https://jamtflytt.enestedt-playground.se/
*/

/** Generell **/
.btn-stadsbud{min-width: 220px;}
.fw-step-block {width: 45%;}
.fw-step-part-body {display: flex; flex-direction: row; flex-wrap: wrap;}
.fw-wizard-step-container {background:#F2F2F2; padding:40px;}
.puff-orange-cirkel { position: absolute; top: 100px; left: 250px; z-index: 99; width: 240px; height: 240px; background-color: #F9CB8E; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px;}
.post-content .puff-orange-cirkel p, .post-content .start-title p{margin-bottom: 0;}

/** Fokus **/
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {outline: 3px solid #000000 !important; outline-offset: 2px !important;}
.fusion-image-element .fusion-no-lightbox:focus-visible > img {border: 2px solid #000000 !important; padding: 0px !important;}
:focus {outline: initial !important;}
/* Tvingar fram att dolda "Läs mer"-knappar blir synliga och tabbbara vid fokus */
.ti-read-more-active:focus,
.ti-read-more-active[tabindex="0"]:focus {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Tvingar fram synlighet för navigationspilarna vid fokus */
.ti-next:focus,
.ti-prev:focus {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/** Kontaktformulär **/
.form-kontakt .awb-form-nav__tl-spacer--between{border-top-color: #B7C9C7;}
.form-kontakt .awb-form-nav__tl-step-wrapper--completed+.awb-form-nav__tl-spacer--between{border-top-color: #365753;}
.form-kontakt .fusion-form-form-wrapper .fusion-form-field{width: auto; margin-top: 0; margin-bottom: 0;}
.form-kontakt .fusion-form-form-wrapper .fusion-form-field.fusion-form-label-above .label, .form-kontakt .fusion-form-form-wrapper .fusion-form-field.fusion-form-label-above label{margin-bottom: 0; margin-top: .65em;}
.form-kontakt .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label{margin-bottom: 0; margin-top: 0;}
.consent-checkbox label{font-weight: 500;}

/** Meny **/
#menu-item-340{background-color: #365753; padding: 0 30px 0 30px; margin: 15px 0 15px 0; line-height: 21px; font-size: 18px; border-radius: 15px;}
#menu-item-340 span{color: #ffffff !important;}
#menu-item-340 a{padding-right: 0;}
#menu-item-340:hover{background-color: #F2B463;}
.page-template-jamtflytt-100width #menu-item-712 a{color: #1d8175 !important;}
.top-meny li span{font-weight: 500;}

@media (max-width: 1024px){
	.puff-orange-cirkel{left: 0;}
	.tbn-test .sm-text-align-left a, .tbn-test .fusion-column-wrapper a, .fusion-button-default.tbn-test{min-width: 250px !important;}
	.page-template-jamtflytt-100width #menu-item-871 a, .page-template-transportproffset-100width #menu-item-714 a, .page-template-stadsbudskontoret-100width #menu-item-713 a{background-color: #333333 !important; color: #ffffff !important;}
}

@media (max-width: 750px){
	.form-kontakt .awb-form-nav__tl-title{display: none;}
}

@media (max-width: 640px){
	.inled-text{margin-left: 0 !important; margin-right: 0 !important;}
	.form-kontakt .awb-form-nav__tl-number{font-size: 26px;}
	.flex-start-mobile .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-end.fusion-content-layout-column{justify-content: flex-start;}
	.lastbil{bottom: 20px !important;}
 	.tjanster-six .fusion-button-default-span{width: 100%; padding: 20px 15px 20px 15px !important;}
	.tjanster-six .fusion-button-default-span span{font-size: 14px;}
	body .stadsbud-left-column .sm-text-align-center{text-align: left !important;}
	.lastbil img{width: 250px;}
}