/* 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: #ffffff;
  
}

.hosted .public {
  background: none;
}

.public .title_container {
  width: 1000px;
  margin: 20px auto;
  text-align: center;
  background: none;
  padding: 10px;
}

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

.public .page .content .content_subheading {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.public .subscribe_container {
  width: 1000px;
  background: #eee image-url("blur_background.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  margin: 20px auto;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  padding: 0px 0px;
  overflow: hidden;
}

.subscribe_container .content {
  width: 500px;
  background: #fff;
  padding: 0px 50px 0px;
  margin: 50px 50px 50px 50px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
  position: relative;
  overflow: hidden;
  float: right;
}

.subscribe_container .content_heading {
  margin-top: 30px;
}

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

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

/* Opt in form */
.form_container {
  position: absolute;
  top: 10000px;
  left: 0px;
  background: #fff;
  width: 100%;
}

.form_hide_button {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  border: solid #eee 1px;
  display: block;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 30px;
  color: #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 25px;
  font-weight: 300;
  outline: none;
  padding-left: 1px;
}

.form_hide_button:hover, .form_hide_button:active, .form_hide_button:visited, .form_hide_button:focus {
  text-decoration: none;
  outline: none;
}

.ck_form_content {
  padding: 40px 50px 0px;
}

.ck_subscribe_form {
  padding: 50px;
}

.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 input[type="text"], .ck_form input[type="email"] {
  font-size: 14px;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 8px;
  width: 240px;
  -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.1), 0px 1px 0px rgba(255,255,255,.8);
  -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.1), 0px 1px 0px rgba(255,255,255,.8);
  box-shadow: inset 0px 1px 4px rgba(0,0,0,.1), 0px 1px 0px rgba(255,255,255,.8);
  float: left;
  margin-bottom: 15px;
  margin-left: 15px;

}

.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_checkbox {
  padding: 10px 0px 10px 20px;
  display: block;
  clear: both;
}

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

.ck_checkbox p {
  float: left;
}

.form_show_button, .ck_form .ck_subscribe_button {
  color: #fff;
  display: block;
  padding: 15px 0px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  text-align: center;
  border: none;
  width: 400px;
  cursor: pointer;
  background: #b50c00;
  border-bottom: solid 4px #6d0700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 22px;
  margin: 20px 0px 10px;
  font-weight: 100;
  text-shadow: none;
}

.form_show_button {
  margin-bottom: 40px;
}

.form_show_button:hover, .ck_form .ck_subscribe_button:hover {
  background: #cf261a;
  color: #fff;
  text-decoration: none;
}

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

#ck_success_msg {
  background: #dff0d8;
  border: solid #d6e9c6 1px;
  padding: 20px 20px 10px;
  color: #3c763d;
  margin: 20px 50px 10px;
}

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

/* Responsive styles */
@media all and (max-width: 1000px) {
  .public .title_container {
    width: auto;
  }

  .public .subscribe_container {
    width: auto;
  }
}

@media all and (max-width: 600px) {
  .subscribe_container .content {
    width: auto;
    float: none;
    margin: 10px;
    padding: 10px 25px;
  }

  .ck_form_content, .ck_subscribe_form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form_show_button, .ck_form .ck_subscribe_button {
    width: 100%;
  }

  .ck_vertical_subscription_form .ck_label {
    width: auto;
    text-align: left;
  }

  .ck_form input[type="text"], .ck_form input[type="email"] {
    margin-left: 0px;
    width: 100%;
  }
}

/* editing — see also edit_landing_pages.css.scss for more styles */
.edit .subscribe_container {
  position: relative;
}

.edit .form_show_button input, .signup_button_container input {
  background: rgba(255,255,255,.05);
  color: #fff;
  font-family: 'Open Sans';
  text-transform: uppercase;
  text-align: center;
  width: 370px;
  font-size: 22px;
  font-weight: 100;
  margin: 0px;
}

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

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

/* Subscribe form edit */
.edit .form_title input {
  font-size: 24px;
  width: 390px;
}

.edit #subscriptionForm {
  padding: 20px 50px 30px;
}

.edit .signup_button_container {
  color: #fff;
  display: block;
  padding: 10px 0px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  text-align: center;
  border: none;
  width: 400px;
  cursor: pointer;
  background: #b50c00;
  border-bottom: solid 4px rgba(100,100,100,0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 22px;
  margin: 20px 0px 10px;
  font-weight: 100;
  text-shadow: none;
}

.edit .form_show_button {
  padding: 10px 0px;
  background: #b50c00;
  border-bottom: solid 4px rgba(100,100,100,0.6);
}

.edit .form_container {
  z-index: 520;
}

.edit #subscriptionForm .redactor-box {
  position: static;
}

.edit .sample_fields {
   clear: left;
}

.edit .image_preview.landing_page_background {
  position: absolute;
  top: 200px;
  left: 130px;
}

.edit input.ck_label {
  text-align: right;
  float: left;
  width: 170px;
}

.edit #firstNameField, .edit #emailField {
  width: 220px;
}

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

.ck_converted_content {
  display: none;
  padding: 5%;
  background: #fff;
}


/* Page specific styles */

