/* 
Theme Name: KL Industri updated with animation
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.elementor-post__text {
  display: flex!important;
}

.elementor-post__text .elementor-post__meta-data {
  order: 1!important;
}


.niva-bla {
	background: #3263AC;
	border-radius: 25px;
	padding: 6px 20px;
	width: fit-content;
}

.niva-gron {
	background: #55B463;
	border-radius: 25px;
	padding: 6px 20px;
	width: fit-content;
}


/* INFO BUTTON --------------------------- */
.elementor-button-info .elementor-button-text:after {
	content: url('/wp-content/themes/klindustri/knapp-pilar-med-bakgrund.svg');
	margin-left: 17px;
	line-height: 0;
}

.elementor-button-info .elementor-button-content-wrapper {
	transition: transform .3s ease-out;
}

.elementor-button-info .elementor-button-content-wrapper:hover {
	transform: translateX(5px);
}

.elementor-element.elementor-button-info .elementor-button {
	background-color: transparent;
	padding: 0;
	border:none;
}

.elementor-button-info .elementor-button-text {
	color: #fff!important;
	display: flex;
	align-items: center;
	font-size: 20px;
	padding: 12px 23px 12px 0;
}

/* END: INFO BUTTON --------------------------- */

/* SUCCESS BUTTON --------------------------- */

.elementor-button-success .after-spacing {
	transition: margin-left .3s ease-in-out;
	margin-left: 0;
}

.elementor-button-success .elementor-button-text:after {
	content: url('/wp-content/uploads/2024/05/knapp-pilar-vit.svg');
	margin-left: 10px;
	line-height: 0;
}

.elementor-button-success .elementor-button-content-wrapper {
	transition: transform .3s ease-out;
}

.elementor-button-success .elementor-button-content-wrapper:hover {
	transform: translateX(5px);
}

.elementor-element.elementor-button-success .elementor-button {
	background-color: transparent;
}

.elementor-button-success .elementor-button-text {
	color: #fff!important;
	font-size: 0.9375em!important;
	display: flex;
	align-items: center;
	padding: 8px 15px 8px 15px;
}
.elementor-button-success .elementor-button {
	border: 1px solid #fff!important;
	border-radius: 7px;
	padding: 0;
}

/* END: SUCCESS BUTTON --------------------------- */


/* WARNING BUTTON --------------------------- */

.elementor-button-warning .after-spacing {
	transition: margin-left .3s ease-in-out;
	margin-left: 0;
}

.elementor-button-warning .elementor-button-text:after {
	content: url('/wp-content/uploads/2024/05/knapp-pilar-bla.svg');
	margin-left: 10px;
	line-height: 0;
}

.elementor-button-warning .elementor-button-content-wrapper {
	transition: transform .3s ease-out;
}

.elementor-button-warning .elementor-button-content-wrapper:hover {
	transform: translateX(5px);
}

.elementor-element.elementor-button-warning .elementor-button {
	background-color: transparent;
}

.elementor-button-warning .elementor-button-text {
	color: #12417E!important;
	font-size: 0.9375em!important;
	display: flex;
	align-items: center;
	padding: 8px 15px 8px 15px;
}
.elementor-button-warning .elementor-button {
	border: 1px solid #12417E;
	border-radius: 7px;
	padding: 0;
}
/* END: WARNING BUTTON --------------------------- */


/* DANGER BUTTON --------------------------- */
.elementor-button-danger .elementor-button-text:after {
	content: url('/wp-content/themes/klindustri/knapp-pilar-med-bakgrund.svg');
	margin-left: 10px;
	line-height: 0;
}

.elementor-button-danger .elementor-button-content-wrapper {
	transition: transform .3s ease-out;
}

.elementor-button-danger .elementor-button-content-wrapper:hover {
	transform: translateX(5px);
}

.elementor-element.elementor-button-danger .elementor-button {
	background-color: transparent;
	padding: 0;
	border:none;
}

.elementor-button-danger .elementor-button-text {
	color: #12417E!important;
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 300!important;
	padding: 12px 0;
	text-align: left;
}

/* END: DANGER BUTTON --------------------------- */