/**
 * Multi Column CTA specific styles
 * 
 */

/** General */

	.multi_column_cta-content {
		width: 100%;
		padding: 0 10px;
	}
		
		.multi_column_cta-titles {
			padding-bottom: 1em;
		}
			.multi_column_cta-titles h2 { 
				font-size: 32px;
				margin: 0 0 10px 0;
				text-align: center;
			}
			.bg-black .multi_column_cta-titles h2 { 
				color: #fff;
			}
			.multi_column_cta-titles h3 { 
				margin: 0 0 10px 0;
				text-align: center;
				color: #444;
			}
			.bg-black .multi_column_cta-titles h3 { 
				color: #ececec;
			}
		

	.multi_column_cta-columns {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
		.multi-col-cta {
			background-color: #fff;
			margin: 0 10px 20px;
			flex: 0 calc(100% - 20px);
			display: flex;
			flex-direction: column;
		}
		.multi-col-cta-light-grey {
			background-color: #eeeeee;
		}
		
			.multi-col-cta .multi-col-cta-image {
				background-size: cover;
				background-position: 50% 50%;
				position: relative;
				overflow: hidden;
			}
				.multi-col-cta .multi-col-cta-image:before {
					content: "";
					width: 100%;
					padding-bottom: 58%;
					display: block;
				}
				.multi-col-cta .multi-col-cta-image:after {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: inherit;
					transition: transform .2s ease-in-out;
				}
					.multi-col-cta .multi-col-cta-image:hover:after {
						transform: scale(1.05);
					}
				
				.multi-col-cta .multi-col-cta-image span {
					position: absolute;
					top: 10%;
					right: 0;
					color: #ffffff;
					font-weight: 500;
					font-size: 15px;
					letter-spacing: 0.02em;
					text-transform: uppercase;
					background-color: #b43a8d;
					padding: 0.75em 1em;
					max-width: 90%;
					z-index: 2;
				}
				.multi_column_cta.primary-d13036 .multi-col-cta .multi-col-cta-image span {
					background-color: #b43a8d;
				}
				.multi_column_cta.primary-b43a8d .multi-col-cta .multi-col-cta-image span {
					background-color: #b43a8d;
				}
				.multi_column_cta.primary-575756 .multi-col-cta .multi-col-cta-image span {
					background-color: #575756;
				}
				.multi_column_cta.primary-935f88 .multi-col-cta .multi-col-cta-image span {
					background-color: #935f88;
				}
				.multi_column_cta.primary-577491 .multi-col-cta .multi-col-cta-image span {
					background-color: #577491;
				}
				.multi_column_cta.primary-175e55 .multi-col-cta .multi-col-cta-image span {
					background-color: #175e55; 
				}
				.multi_column_cta.primary-d9a552 .multi-col-cta .multi-col-cta-image span {
					background-color: #d9a552;
				}
				
				.multi-col-cta .multi-col-cta-image a {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 1;
				}
		
			.multi-col-cta .content-wrap {
				padding: 2em 1.5em;
				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}
				
				.multi-col-cta .content-wrap h3 {
					margin: 0 0 1em;
				}
				.multi-col-cta .content-wrap p {
					font-size: 1em;
					margin: 0 0 1em;
					color: #444;
				}
				.multi-col-cta .content-wrap .buttons {
					margin-top: auto;
				}
		

		
	

/** Responsive */
	@media only screen and (min-width: 550px) { 
		.multi-col-cta {
			flex: 0 calc(50% - 20px);
		}
	}
	
	@media only screen and (min-width: 1024px) { 
		.columns-count-3 .multi-col-cta { flex: 0 calc(33.3% - 20px); }
		.columns-count-4 .multi-col-cta { flex: 0 calc(25% - 20px); }
	}