/*
Description: content_box.tpl styles
*/

@media (min-width: 320px) {
	.hm-content-box {
		color: #fff;
		border-radius: 5px;
		padding: 22px;
		height: 100%;
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
	}
	.hm-content-box .icon {
	    margin-bottom: 10px;
	}
	.hm-content-box .icon i {
	    font-size: 20px;
	}
	.hm-content-box .icon i.fa-info {
		font-size: 20px;
	    border: 2px solid rgb(255 255 255 / 60%);
	    border-radius: 50%;
	    width: 40px;
	    height: 40px;
	    line-height: 36px;
	    text-align: center;
	    color: rgb(255 255 255 / 60%);
	}
	.hm-content-box .box-title h2 a,
	.hm-content-box .box-title h2 {
	    line-height: normal;
		font-weight: bold;
	    font-size: 24px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    color: #fff;
	    hyphens: auto;
	    -webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
	}
	.cl-start .hm-content-box .box-title h2 {
	    font-size: 32px;
	}
	.hm-content-box .box-title h2 a,
	.hm-content-box .box-title h2 a:hover {
		color: inherit;
		font-size: inherit;
	}
	.hm-content-box .content-text {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.hm-content-box .box-link{
		margin-top: auto;
	}
	.hm-content-box .box-link a {
		color: #fff;
	    font-weight: bold;
	    display: inline-block;
	    font-size: 15px;
	    text-decoration: none;
	}
	.hm-content-box .box-link a .cb-underline {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #fff;
		margin-top: 0;
	}
}