/* 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 {
  background: #eee;
	background-image: url(https://convertkit.s3.amazonaws.com/patterns/black-twill.png);

	font: 400 18px/1.68 'Merriweather', sans-serif;
	color: rgba(51, 51, 51, 1);
	background-color: #fff;
}

.hosted .public {
  background: none;
}

.public .title_container {
  background: none;
  padding: 40px 0px;
}

.public .title_container h2.title, .public .title_container h3.subtitle {
    color: #f7f7f7;
    text-align: left;
    line-height: 1.1em;
}

.public .title_container h2.title {
	padding-bottom: 23px;
	letter-spacing: -1px;
	font-weight: 700;
	font-size: 76px;
}

.public .title_container h3.subtitle {
	margin-top: 0px;
	padding-top: 0px;
}

.public .foreground_image {
	margin: 10px auto;
	display: block;
  max-width: 100%;
}

.public .page {
	padding: 50px;
	width: 600px;
	margin-top: 0px;
}

.public .page .content {
	width: 600px;
	margin-top: 0px;
}

.public .page .content .content_heading {
	margin: 10px 0px 10px;
	padding: 0px;
}

.public .page .content .content_subheading {
	text-transform: none;
	font-size: 24px;
	margin: 10px 0px 20px;
	padding: 0px;
	color: #666;
}

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

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

/* = typography ----------------------- */

.public h1, .public h2, .public h3, .public h4, .public h5, .public h1 a, .public h2 a, .public h3 a, .public h4 a, .public h5 a {
	color: rgba(26, 26, 26, 1);
	line-height: 1.2em;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.public h2 {
}
.public h3 {
	padding: 23px 0;
	font-weight: 700;
	font-size: 29px;
	line-height: 1.34;
}
.public h4 {
	padding: 23px 0;
	font-weight: 700;
	font-size: 23px;
	line-height: 1.34;
}


.public ul, .public ol {

	margin: 10px 0px 20px 50px;

}

.public ul li, .public ol li {

	margin-bottom: 10px;

}

.public .footer {
	font: 400 14px/1.68 'Merriweather', sans-serif;
}


/* Responsive styles */

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

  .public .title_container h2.title {
	  font-size: 48px;
  }

	.public .page {
		width: auto;
    padding: 20px;
	}

	.public .page .content {
		width: auto;
	}

}


/* editing — see also edit_landing_pages.css.scss for more styles */

.words_template.edit .ck_form { width: auto; }

.edit .title_container h2.title .redactor-box, .edit .title_container h2.title .redactor-editor {
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
}

.edit .title_container h2.title .redactor-editor p {
	font-size: 76px;
	line-height: 1.1em;
  text-align: left;
	font-family: 'Montserrat', sans-serif;
}

.edit .content_area .redactor-box p {
	font: 400 18px/1.68 'Merriweather', sans-serif;
	line-height: 1.7em;
}

.edit .title_container h3.subtitle input {
	width: 700px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
}

.edit .page .content .content_heading input {
	font-size: 36px;
	color: #222;
	font-weight: 400;
	width: 590px;
	margin: 0px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

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

.edit .image_preview.landing_page_foreground {
	margin: 0px;
	width: 150px;
}

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

/* 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 */