/* 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 .small,
.mrac-cta.mrac-cta-bg .h4{
	color : #fff;
}

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

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

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

.mrac-btn>.btn{
	font-weight: 500;
}

.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-cta.mrac-cta-sticky{
	position: fixed;
	top: 100%;
	transform: translateY(30px);
	display: grid;
	grid-template-columns: 160px 1fr;
	grid-template-rows: 30px 60px;
	grid-gap : 0 1rem;
	background-color: #fff;
	z-index : 10000;
	margin-left : var(--row-margin);
	margin-right : var(--row-margin);
	padding:0!important;
	width: 100%;
	border-radius: 0;
	box-shadow: -5px 0 8px rgba(0,0,0,.15);
	transition: .5s
}

.mrac-cta.mrac-cta-sticky.sticky{
	transform: translateY(-100%);
}

.mrac-cta.mrac-cta-sticky.deleted{
	transform: translateY(0)!important;	
}

.mrac-cta.mrac-cta-sticky .mrac-thumb{
	display:block;
	grid-row: span 2;
	width:100%;
	height:100%;
}


.mrac-cta.mrac-cta-sticky .mrac-thumb>img{
	width:100%;
	height:100%!important;
	object-position: bottom center;
}

.mrac-cta.mrac-cta-sticky .mrac-content{
	display:flex;
	flex-direction: column-reverse;
	padding: 10px 10px 0 0
}

.mrac-cta.mrac-cta-sticky .mrac-content>.h4{
	position:absolute;
	bottom:0px;
	left : 5px;
	width : 150px;
	text-align:center;
}

.mrac-cta.mrac-cta-sticky .mrac-content>.small{
	font-weight: 600;
	margin-bottom:0!important;
}

.mrac-cta.mrac-cta-sticky .mrac-btn{
	margin-bottom:5px;
	padding-right: 10px;
	text-align:center;
}

.mrac-cta.mrac-cta-sticky .btn-close{
	position:absolute;
	top:0;
	left:0;
	padding : 0 5px;
	transform : translateY(-100%);
	color: var(--body);
	background-color: rgba(255,255,255,.5);
	border-radius : 0;
}

.mrac-cta.mrac-cta-sticky.deleted .btn-close>i{
	transform:rotate(180deg)
}

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

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

.mrac-clause .small{
	font-size: .9rem;
	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;
	}

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

}

@media(min-width:1200px){
	.mrac-cta.mrac-cta-img{
		grid-template-columns: 160px 1fr auto;
		grid-template-rows: 120px;
		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{
		width:100%;
		height:100%!important;
		border-radius: .5rem 0 0 .5rem;
	}
	
	.mrac-cta-img .mrac-content{
		padding: 1rem 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;
}