/* CTA*/
.mrac-cta{
	display: grid;
	grid-gap: 1rem;
	padding: 2rem;
	align-items: center;
	border-radius : .5rem; 
	--primary: #13c636;
	--success: #13c636;
}

.mrac-cta.mrac-cta-img{
	padding: 2rem;
	box-shadow: var(--shadow);
}

.mrac-cta.mrac-cta-bg{
	background-color:var(--primary);
	background-image: linear-gradient(310deg, rgba(0,0,0,.35) 20%, transparent 75%, rgba(255,255,255,.1));
}

.mrac-cta .mrac-thumb{
	display:none;
}

.mrac-cta.mrac-cta-bg p,
.mrac-cta.mrac-cta-bg .h4{
	color : #fff;
}

.mrac-cta .h4{
	font-size: 1.3rem;
	margin-bottom: .5rem;
	text-align: center;
}

.mrac-content p{
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: .25rem!important;
	text-align: center;
}

.mrac-cta .mrac-btn{
	text-align: center;
}

.mrac-cta .mrac-btn .btn-white{
	background-color: #fff;
	color : var(--body)!important
}

.mrac-cta .btn>i{
	font-size : .6em;
	transform : translateX(80%);
	vertical-align: .1em;
	transition: transform .3s; 
}

.mrac-cta .btn:hover>i{
	transform : translateX(0%);
}

.mrac-mention{
	margin-bottom: 1.5rem;
	margin-top: -.75rem;
	font-style: italic;
}

.mrac-clause{
	font-style: italic;	
}

.mrac-clause p{
	margin-bottom: 1em;
}

.mrac-clause p:last-of-type{
	margin-bottom: 0;
}

@media(min-width:768px){
	.mrac-cta{
		grid-template-columns: 1fr auto;
		grid-column-gap: 1rem;
		padding: 1.5rem 2rem;
	}

	.mrac-cta.mrac-cta-bg .mrac-content{
		padding-left: 2rem;
	}


}

@media(min-width:1200px){
	.mrac-cta.mrac-cta-img{
		grid-template-columns: 160px 1fr auto;
		grid-template-rows: 140px;
		padding: 0 1.5rem 0 0;
	}
	
	.mrac-cta .mrac-thumb{
		display:block;
		height:100%;
		border-radius: .5rem 0 0 .5rem;
	}
	
	.mrac-cta .mrac-thumb>img{
		border-radius: .5rem 0 0 .5rem;
	}
	
	.mrac-cta-img .mrac-content{
		padding: 1.5rem 0;
	}
	
	.widget .mrac-cta .mrac-btn .btn-white{
		color : var(--body)!important
	}
}

.widget .mrac-cta{
	grid-template-columns: 100%;
	grid-template-rows:  auto;
}

.widget .mrac-cta .mrac-thumb{
	height : 100px
}

.widget .mrac-cta .mrac-thumb>img{
    border-radius: 0;
}

.widget .mrac-cta.mrac-cta-bg .mrac-content {
    padding-left: 0;
}

.widget .mrac-cta .mrac-btn .btn{
	display: block;
	width : 100%;
}

.widget .mrac-mention{
	position : absolute;
	top : calc(100% + 1rem);
	left : 0;
	right : 0;
}