/* Front-end styles for Guldbrev blocks. */

/* --- Steps list ------------------------------------------------------- */

#steps-section.guldbrev-block-steps {
	padding-bottom: 0;
}

#steps-section.guldbrev-block-steps h2 {
	text-align: center;
}

#steps-section.guldbrev-block-steps #steps-list,
#steps-section.guldbrev-block-steps #steps-list ul {
	margin-left: 0;
}

@media (min-width: 641px) {
	#steps-section.guldbrev-block-steps #line-background {
		width: 75%;
		max-width: 840px;
	}
}

@media (max-width: 640px) {
	#steps-section.guldbrev-block-steps h2 {
		text-align: left;
	}
	#steps-section.guldbrev-block-steps .wrap {
		margin-left: 0;
	}
}

/* --- Flash icons ------------------------------------------------------ */

#flash-icons.guldbrev-block-flash-icons {
	max-width: 550px;
	margin-top: 65px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0;
}
#flash-icons.guldbrev-block-flash-icons li {
	float: none;
	display: inline-block;
	vertical-align: top;
}
@media (max-width: 960px) {
	#flash-icons.flash-icons-desktop.guldbrev-block-flash-icons {
		display: block;
	}
}
@media (max-width: 640px) {
	#flash-icons.guldbrev-block-flash-icons {
		margin-bottom: 30px;
	}
}

/* --- Carat calculator (Bonusvillkor) --------------------------------- */

.guldbrev-block-carat {
	display: flow-root;
}
.guldbrev-block-carat #carat-section.bonusvillkor {
	height: auto;
}
@media (max-width: 640px) {
	.guldbrev-block-carat #carat-section.bonusvillkor {
		padding-bottom: 0;
	}
}
.guldbrev-block-carat .carat-select-wrapper {
	margin: 0;
	height: auto;
}
.guldbrev-block-carat #carat-info {
	margin-top: 0 !important;
	height: auto !important;
}
.guldbrev-block-carat--centered #carat-section.bonusvillkor {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* --- Trustpilot (Micro Combo) ---------------------------------------- */

.guldbrev-block-trustpilot {
	margin-bottom: 20px;
}