/**
 * The following styles get applied both on the front of your site and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

/* ck-cta-extended frontend styles */
.ck-cta-extended {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	margin: 50px 0;
}

@media screen and (min-width: 48em) {
	.ck-cta-extended {
		background-size: contain;
	}
}

.ck-cta-extended.--with-alignment-left .display-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	padding: 25px;
}

.ck-cta-extended.--with-alignment-left .display-flex .content {
	width: 100%;
	text-align: center;
}

.ck-cta-extended.--with-alignment-left .display-flex .cta-container {
	width: 100%;
	text-align: center;
}

.ck-cta-extended.--with-alignment-left .display-flex .cta-container p {
	margin: 0 0 1em 0;
}

@media screen and (min-width: 48em) {
	.ck-cta-extended.--with-alignment-left .display-flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		padding: 50px;
	}
	.ck-cta-extended.--with-alignment-left .display-flex .content {
		width: 60%;
		text-align: left;
	}
	.ck-cta-extended.--with-alignment-left .display-flex .cta-container {
		width: 40%;
	}
}

.ck-cta-extended.--with-alignment-center .display-flex {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}

.ck-cta-extended.--with-alignment-center .display-flex .column {
	width: 100%;
	text-align: center;
}

.ck-cta-extended .display-flex {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.ck-cta-extended .display-flex .content h1,
.ck-cta-extended .display-flex .content h2,
.ck-cta-extended .display-flex .content h3,
.ck-cta-extended .display-flex .content h4 {
	color: #2b3e50;
	font-weight: bold;
	font-size: 36px;
	line-height: 1.5;
	margin: 0 0 20px;
}

.ck-cta-extended .display-flex .content p {
	color: #5b5f66;
	margin: 0 0 20px;
	font-size: 24px;
	line-height: 1.5;
}

.ck-cta-extended .display-flex .content span {
	color: #5b5f66;
}

.ck-cta-extended .display-flex .cta-container a:not(.ck-post-cta) {
	color: #5b5f66;
	text-decoration: underline;
}

.cta-button,
.ck-post-cta {
	background-color: #ff863b;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-weight: 600;
	padding: 15px;
	text-align: center;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-button:active,
.cta-button:focus,
.cta-button:hover,
.ck-post-cta:active,
.ck-post-cta:focus,
.ck-post-cta:hover {
	background-color: #ee5b00;
}

.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta {
	background-color: #008600;
}

.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:hover,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-karma-green-2019 a.ck-post-cta:hover {
	background-color: #003a00;
}

.ck-post-cta-wrapper.--with-cta-green a.ck-post-cta,
.ck-post-cta-wrapper.--with-cta-karma-green a.ck-post-cta {
	background-color: #3ddb93;
}

.ck-post-cta-wrapper.--with-cta-green a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-green a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-green a.ck-post-cta:hover,
.ck-post-cta-wrapper.--with-cta-karma-green a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-karma-green a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-karma-green a.ck-post-cta:hover {
	background-color: #20ac6c;
}

.ck-post-cta-wrapper.--with-cta-light-green a.ck-post-cta,
.ck-post-cta-wrapper.--with-cta-karma-green-light a.ck-post-cta {
	background-color: #9eedc9;
}

.ck-post-cta-wrapper.--with-cta-light-green a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-light-green a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-light-green a.ck-post-cta:hover,
.ck-post-cta-wrapper.--with-cta-karma-green-light a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-karma-green-light a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-karma-green-light a.ck-post-cta:hover {
	background-color: #5de1a5;
}

.ck-post-cta-wrapper.--with-cta-dark-green a.ck-post-cta,
.ck-post-cta-wrapper.--with-cta-karma-green-dark a.ck-post-cta {
	background-color: #009389;
}

.ck-post-cta-wrapper.--with-cta-dark-green a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-dark-green a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-dark-green a.ck-post-cta:hover,
.ck-post-cta-wrapper.--with-cta-karma-green-dark a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-karma-green-dark a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-karma-green-dark a.ck-post-cta:hover {
	background-color: #004742;
}

.ck-post-cta-wrapper.--with-cta-blue a.ck-post-cta {
	background-color: #0091ff;
}

.ck-post-cta-wrapper.--with-cta-blue a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-blue a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-blue a.ck-post-cta:hover {
	background-color: #0066b3;
}

.ck-post-cta-wrapper.--with-cta-bay-mist a.ck-post-cta {
	background-color: #c0e1eb;
}

.ck-post-cta-wrapper.--with-cta-bay-mist a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-bay-mist a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-bay-mist a.ck-post-cta:hover {
	background-color: #86c5d9;
}

.ck-post-cta-wrapper.--with-cta-light-blue a.ck-post-cta {
	background-color: #76d5ff;
}

.ck-post-cta-wrapper.--with-cta-light-blue a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-light-blue a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-light-blue a.ck-post-cta:hover {
	background-color: #2abeff;
}

.ck-post-cta-wrapper.--with-cta-medium-blue a.ck-post-cta {
	background-color: #0091ff;
}

.ck-post-cta-wrapper.--with-cta-medium-blue a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-medium-blue a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-medium-blue a.ck-post-cta:hover {
	background-color: #0066b3;
}

.ck-post-cta-wrapper.--with-cta-dark-blue a.ck-post-cta {
	background-color: #004693;
}

.ck-post-cta-wrapper.--with-cta-dark-blue a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-dark-blue a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-dark-blue a.ck-post-cta:hover {
	background-color: #002247;
}

.ck-post-cta-wrapper.--with-cta-pacific a.ck-post-cta {
	background-color: #002356;
}

.ck-post-cta-wrapper.--with-cta-pacific a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-pacific a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-pacific a.ck-post-cta:hover {
	background-color: #00040a;
}

.ck-post-cta-wrapper.--with-cta-indigo a.ck-post-cta {
	background-color: #2c0093;
}

.ck-post-cta-wrapper.--with-cta-indigo a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-indigo a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-indigo a.ck-post-cta:hover {
	background-color: #150047;
}

.ck-post-cta-wrapper.--with-cta-zinfandel a.ck-post-cta {
	background-color: #80015b;
}

.ck-post-cta-wrapper.--with-cta-zinfandel a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-zinfandel a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-zinfandel a.ck-post-cta:hover {
	background-color: #340025;
}

.ck-post-cta-wrapper.--with-cta-lotus a.ck-post-cta {
	background-color: #ff5acb;
}

.ck-post-cta-wrapper.--with-cta-lotus a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-lotus a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-lotus a.ck-post-cta:hover {
	background-color: #ff0eb3;
}

.ck-post-cta-wrapper.--with-cta-coral a.ck-post-cta {
	background-color: #ff6161;
}

.ck-post-cta-wrapper.--with-cta-coral a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-coral a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-coral a.ck-post-cta:hover {
	background-color: #ff1515;
}

.ck-post-cta-wrapper.--with-cta-orange a.ck-post-cta {
	background-color: #ff863b;
}

.ck-post-cta-wrapper.--with-cta-orange a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-orange a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-orange a.ck-post-cta:hover {
	background-color: #ee5b00;
}

.ck-post-cta-wrapper.--with-cta-yellow a.ck-post-cta {
	background-color: #ffd324;
}

.ck-post-cta-wrapper.--with-cta-yellow a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-yellow a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-yellow a.ck-post-cta:hover {
	background-color: #d7ab00;
}

.ck-post-cta-wrapper.--with-cta-spring a.ck-post-cta {
	background-color: #52c800;
}

.ck-post-cta-wrapper.--with-cta-spring a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-spring a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-spring a.ck-post-cta:hover {
	background-color: #337c00;
}

.ck-post-cta-wrapper.--with-cta-dark-aubergine a.ck-post-cta {
	background-color: #493940;
}

.ck-post-cta-wrapper.--with-cta-dark-aubergine a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-dark-aubergine a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-dark-aubergine a.ck-post-cta:hover {
	background-color: #1e171a;
}

.ck-post-cta-wrapper.--with-cta-dark-gray a.ck-post-cta {
	background-color: #404345;
}

.ck-post-cta-wrapper.--with-cta-dark-gray a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-dark-gray a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-dark-gray a.ck-post-cta:hover {
	background-color: #1b1c1d;
}

.ck-post-cta-wrapper.--with-cta-mid-tone-gray a.ck-post-cta,
.ck-post-cta-wrapper.--with-cta-gray a.ck-post-cta {
	background-color: #74787a;
}

.ck-post-cta-wrapper.--with-cta-mid-tone-gray a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-mid-tone-gray a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-mid-tone-gray a.ck-post-cta:hover,
.ck-post-cta-wrapper.--with-cta-gray a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-gray a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-gray a.ck-post-cta:hover {
	background-color: #4f5153;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-3 a.ck-post-cta {
	background-color: #8d9194;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-3 a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-gray-tint-3 a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-gray-tint-3 a.ck-post-cta:hover {
	background-color: #676b6e;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-2 a.ck-post-cta {
	background-color: #d1d6da;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-2 a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-gray-tint-2 a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-gray-tint-2 a.ck-post-cta:hover {
	background-color: #a7b0b8;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-1 a.ck-post-cta {
	background-color: #f1f5f8;
}

.ck-post-cta-wrapper.--with-cta-gray-tint-1 a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-gray-tint-1 a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-gray-tint-1 a.ck-post-cta:hover {
	background-color: #bed1df;
}

.ck-post-cta-wrapper.--with-cta-white a.ck-post-cta {
	background-color: #ffffff;
}

.ck-post-cta-wrapper.--with-cta-white a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-white a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-white a.ck-post-cta:hover {
	background-color: #d9d9d9;
}

.ck-post-cta-wrapper.--with-cta-black a.ck-post-cta {
	background-color: #000000;
}

.ck-post-cta-wrapper.--with-cta-black a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-black a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-black a.ck-post-cta:hover {
	background-color: black;
}

.ck-post-cta-wrapper.--with-cta-nobackground a.ck-post-cta {
	background-color: rgba(0, 0, 0, 0);
}

.ck-post-cta-wrapper.--with-cta-nobackground a.ck-post-cta:active,
.ck-post-cta-wrapper.--with-cta-nobackground a.ck-post-cta:focus,
.ck-post-cta-wrapper.--with-cta-nobackground a.ck-post-cta:hover {
	background-color: rgba(0, 0, 0, 0);
}

.ck-post-cta-wrapper.with-alignment-center {
	text-align: center;
}

.ck-post-cta-wrapper.with-alignment-right {
	text-align: right;
}

.ck-post-cta-wrapper .ck-post-cta {
	color: #ffffff;
	width: 100%;
	max-width: 280px;
	margin: 15px 0;
}

.ck-post-cta-wrapper .ck-post-cta:hover {
	color: #ffffff;
}