/* CSS Fix for Chrome/Webkit not rendering web fonts - 04/06/2014 */
/* http://stackoverflow.com/questions/22011139/google-fonts-are-not-rendering-on-google-chrome/22025804#22025804 */

body {
    -webkit-animation-delay: 0.1s !important;
    -webkit-animation-name: fontfix !important;
    -webkit-animation-duration: 0.1s !important;
    -webkit-animation-iteration-count: 1 !important;
    -webkit-animation-timing-function: linear !important;
}

@-webkit-keyframes fontfix {
    from { opacity: 1 !important; }
    to   { opacity: 1 !important; }
}

  body.hosted, form .public {
	background: #fff;
}

.public, .public .header {
	background: none;
}

.public .title_container {
	background: #eee;
	
}

.public .title_container h2.title, .public .title_container h3.subtitle {
    color: #666;
}


.public .page {
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 30px;
}

.public .page .content {
	width:  58%;
}

.public .page .content .content_subheading {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.public .footer {
	background: transparent;
	border-top: 1px solid #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #777;
}

.public .footer a {
	color: #0d6db7;
}

/* Opt in form */

.ck_form {
	overflow: hidden;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	border: 1px solid #d8d8d8; /* stroke */
	background-color: #f6f4f5; /* layer fill content */
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,1); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,1); /* drop shadow and inner shadow */
	box-shadow: 0 1px 8px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,1); /* drop shadow and inner shadow */
	color: #383838;
	float: right;
	margin-top: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ck_horizontal_subscription_form {
	width: 598px;
  background: #f6f4f5 url(https://cdn.kit.com/assets/embed_divider-7f1d79fd37bc0c2878a34187bf90d36c3369c703fbd48cbbc253841a2d650e4c.gif) repeat-y -50px 0px;
}


.ck_vertical_subscription_form {
	width: 348px;
}

.ck_form_content {
	padding: 30px;
}

.ck_horizontal_subscription_form .ck_form_content {
	float: left;
	width: 240px;
}

.ck_vertical_subscription_form .ck_form_content {
	border-bottom: 1px solid #e4e4e4;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 0 rgba(255,255,255,1);
}


.ck_subscribe_form {
	padding: 25px 30px 30px;
}

.ck_horizontal_subscription_form .ck_subscribe_form {
	float: right;
	width: 235px;
}

.ck_form .ck_form_title {
		color: #222;
		margin-top: 0px;
		padding: 0px;
		font-weight: 400;
		font-size: 24px;

	}

.ck_form .ck_image img {
		text-align: center;
		float: left;
		margin: 0px 10px 5px 0px;
	}

.ck_form .ck_description {
	}

.ck_subscribe_form {

}

.ck_horizontal_subscription_form input[type="text"] {
	margin-bottom: 10px;
}

.ck_form input[type="text"], .ck_form input[type="email"] {
	font-size: 14px;
	padding: 10px 8px;
	width: 220px;
	border: 1px solid #dfdfdf; /* stroke */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.11); /* inner shadow */
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.11); /* inner shadow */
	box-shadow: inset 0 1px 3px rgba(0,0,0,.11); /* inner shadow */

}

.ck_form input[type="text"]:focus, .ck_form input[type="email"]:focus {
	outline: none;
	border-color: #aaa;
}

.ck_label {
		font-weight: bold;
		display: block;
		font-size: 12px;
		color: #565656;
		text-transform: uppercase;
		}


/* Vertical Styles */

.ck_vertical_subscription_form .ck_subscribe_form {
	clear: both;
	padding-top: 20px;
	}

.ck_vertical_subscription_form .ck_label {
	font-weight: bold;
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	height: 42px;
	line-height: 42px;
	}

.ck_vertical_subscription_form input[type="text"], .ck_vertical_subscription_form input[type="email"] {
	width: 160px;
	float: right;
	}

.ck_checkbox {
	padding: 10px 0px 10px 20px;
	display: block;
	clear: both;
}

.ck_checkbox input.optIn {
	margin-left:  -20px;
  float: left;
}

.ck_checkbox p {
  float: left;
}


.ck_form .ck_subscribe_button {
		width: 100%;
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,.43);
		margin: 0px 0px 0px;
		padding:  10px 5px;
		font-size: 18px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		background-color: #0d6db8; /* layer fill content */
		border: 1px solid #08416e; /* stroke */
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.33); /* inner shadow */
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.33); /* inner shadow */
		box-shadow: inset 0 1px 0 rgba(255,255,255,.33); /* inner shadow */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */
		cursor: pointer;
	}

.ck_form .ck_guarantee {
		color: #777;
		font-size: 10px;
		clear: left;
		display: block;
		padding: 15px 0px 0px;
		text-align: center;
	}

#ck_success_msg {
  padding: 1em;
  margin-left: 50%;
}

.ck_control_group:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive styles */

@media all and (max-width: 850px) {

  .public .page .content {
		width: 45%;
	}

}

@media all and (max-width: 650px) {

  .public .page .content {
		width: 100%;
	}

}


/* edit */

.edit .title_container h2.title input {
	width: 1000px;
}

.edit .title_container h3.subtitle input {
	width: 1000px;
}

.edit .page .content_heading input {
	font-size: 36px;
	width: 95%;
}

.edit .page .content_subheading input {
width: 95%;
	color: #666;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Times, serif;
}

.edit .sidebar {
	width: 348px;
	float: right;
}


.edit .default_form #subscriptionForm .form_title input {
	width: 276px;
}

.edit input.ck_label {
  text-align: right;
  font-size: 12px;
  width: 110px;
	padding: 8px 8px 8px 3px;
	float: left;
}

.edit .ck_guarantee input {
    color: #777;
    font-size: 10px;
    clear: left;
    display: block;
    text-align: center;
    width: 100%;
		margin-top: 10px;
  }


/* This is a hack for the redactor editor */
#redactor_air_0, #redactor_air_1, #redactor_air_2, #redactor_air_3{
 	z-index: 530;
 }


/* Page specific styles */