/* Item */
#wrapper .slogan-b-item { margin-bottom: 20px; }

/* Content */
#wrapper .slogan-b-item-content { width: 60px; }

/* Icon */
#wrapper .slogan-b-item-icon
{
	width: 60px;
	height: 60px;
	font-size: 2em;
	color: var(--theme-light-color);
	border: 2px solid var(--theme-light-color);
	border-radius: 40px;
}

/* Information */
#wrapper .slogan-b-item.have-content .slogan-b-item-information { width: calc(100% - 80px); }

/* Title */
#wrapper .slogan-b-item-title
{
	font-size: 1.15em;
	font-weight: bold;
	line-height: 30px;
	color: #000;
}

#wrapper .slogan-b-item-title strong
{
	font-size: 1em;
	color: var(--theme-light-color);
}

/* Description */
#wrapper .slogan-b-item-description
{
	margin-top: 5px;
	font-size: .8em;
	line-height: 24px;
	color: #b0b0b0;
}

/* Buttons */
#wrapper .slogan-b-item-buttons { margin-top: 5px; }

#wrapper .slogan-b-item-btn
{
	width: auto;
	padding: 0 10px;
	font-size: .8em;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
	background-color: var(--theme-color);
	border-radius: 5px;
}

[dir="rtl"] #wrapper .slogan-b-item-btn { margin-left: 10px; }
[dir="ltr"] #wrapper .slogan-b-item-btn { margin-right: 10px; }

@media (min-width: 64em)
{
	#wrapper .slogan-b-item-content { width: 80px; }

	#wrapper .slogan-b-item-icon
	{
		width: 80px;
		height: 80px;
		font-size: 2.6em;
	}

	#wrapper .slogan-b-item.have-content .slogan-b-item-information { width: calc(100% - 100px); }

	#wrapper .slogan-b-item-title
	{
		font-size: 1.5em;
		font-weight: bolder;
		line-height: 44px;
	}
}