@charset "UTF-8";
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, img, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1.5;
  background: #fff;
  margin: 0;
  background: url(/assets/frontend/hosts/land/body-bg-8677e5c5108e5b9e71f9d4cb90dca17aa23b8fbbd4b1a2e76b79d7c74fd8821b.jpg) 0 0 repeat-x;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: 400;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]

   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb

-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights
   and vertical margins are automatically calculated from this.
   The percentage is of 16px (0.75 * 16px = 12px). */
body {
  font-size: 75%;
}

/* Default fonts and colors.
   If you prefer serif fonts, remove the font-family
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
body {
  color: #333;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

h3, h4, h5, h6 {
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1 {
  font-size: 1.8em;
  line-height: 1.4em;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 1.3em;
  line-height: 1.8em;
  margin-bottom: 1.25em;
}

h2.homepage-feature {
  padding: 5px 0 0 50px;
  font-size: 1em;
}

h2.feature {
  padding: 5px 0 0 50px;
  font-size: 1.25em;
}

h3 {
  font-size: 1.5em;
  line-height: 2em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-bottom: 1.25em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

#home h1 {
  display: block;
  text-indent: -5000px;
  background: url(/assets/frontend/hosts/land/h1-5e7afed02224ea86f9c78f272c5047e073ac3752d996cf25e5532da038057b8c.gif) 0 0 no-repeat;
  width: 389px;
  height: 67px;
}

/* Text elements
-------------------------------------------------------------- */
p.last {
  margin-bottom: 0;
}

p img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}

p img.top {
  margin-top: 0;
} /* Use this if the image is at the top of the <p>. */
ul, ol {
  margin: 0 1.5em 1.5em 1.5em;
}

ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 1.5em 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin-left: 1.5em;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
}

address {
  margin-top: 1.5em;
  font-style: italic;
}

del {
  color: #666;
}

a:focus,
a:hover {
  color: #ff6600;
}

a {
  color: #ff6600;
  text-decoration: underline;
  cursor: pointer;
}

blockquote {
  margin: 1.5em;
  color: #444;
  font-style: italic;
  font-size: 1.1em;
}

strong {
  font-weight: bold;
  color: #000;
}

em, dfn {
  font-style: italic;
  background: #ffc;
}

dfn {
  font-weight: bold;
}

pre, code {
  margin: 1.5em 0;
  white-space: pre;
}

pre, code, tt {
  font: 1em "andale mono", "monotype.com", "lucida console", monospace;
  line-height: 1.5;
}

tt {
  display: block;
  margin: 1.5em 0;
  line-height: 1.5;
}

/* Tables
-------------------------------------------------------------- */
table {
  margin-bottom: 1.4em;
}

th {
  border-bottom: 2px solid #ccc;
  font-weight: bold;
}

td {
  border-bottom: 1px solid #ddd;
}

th, td {
  padding: 4px 10px 4px 0;
}

tfoot {
  font-style: italic;
}

caption {
  background: #ffc;
}

/* Use this if you use span-x classes on th/td. */
table .last {
  padding-right: 0;
}

/* Some default classes
-------------------------------------------------------------- */
.small {
  font-size: 0.8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}

.quiet {
  color: #666;
}

.hide {
  display: none;
}

.highlight {
  background: #ff0;
}

.added {
  color: #060;
}

.removed {
  color: #900;
}

.top {
  margin-top: 0;
  padding-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.field_with_errors input, .field_with_errors textarea {
  padding: 2px;
  border: 1px solid red !important;
  display: table;
}

#errorExplanation {
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px;
  background-color: #f0f0f0;
  text-align: left;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.zoogle_flash {
  font-size: 14px;
}
.zoogle_flash .negative {
  color: red;
}
.zoogle_flash .positive {
  color: green;
}

.captcha-image-wrap {
  display: flex;
  align-items: center;
}
.captcha-image-wrap img {
  width: 200px;
  height: 70px;
}
.captcha-image-wrap a.reload-captcha {
  margin-top: 24px;
  margin-left: 6px;
}
.captcha-image-wrap svg.icon {
  width: 24px;
  height: 24px;
}

.simple_form {
  /* This is a hack to get frontend login forms working [Eli] */
  /* For when you have only text where the field goes */
}
.simple_form div.input {
  margin-bottom: 10px;
  clear: both;
  /* Required for Webkit, but not for Gecko */
}
.simple_form label {
  float: left;
  width: 170px;
  text-align: right;
  margin: 2px 10px;
  font-weight: bold;
  padding-top: 5px;
}
.simple_form label .hint {
  font-weight: normal;
}
.simple_form .field-group {
  display: block;
  margin-left: 190px;
}
.simple_form div.radio ul, .simple_form div.radio_buttons ul {
  list-style-type: none;
}
.simple_form div.radio ul label, .simple_form div.radio_buttons ul label {
  float: none;
}
.simple_form div.radio ul li, .simple_form div.radio_buttons ul li {
  width: 300px;
  padding-left: 150px;
}
.simple_form .input_field .plain_text_field {
  padding-top: 7px;
  display: block;
}

div.boolean label {
  float: none;
  margin: 0;
  padding-left: 186px;
  font-weight: normal;
}
div.boolean label input {
  margin-right: 6px;
}

label.collection_radio_buttons {
  float: none;
  margin: 0;
  margin-right: 10px;
  vertical-align: -2px;
  margin-left: 2px;
}

.simple_form .error {
  color: black;
  display: block;
  margin-left: 190px;
  font-style: italic;
}
.simple_form .hint {
  clear: left;
  color: #555;
  display: block;
  font-style: italic;
}
.simple_form .hint:empty {
  display: none;
}

input.radio {
  margin-right: 5px;
  vertical-align: -3px;
}
input.check_boxes {
  margin-left: 3px;
  vertical-align: -3px;
}

label.collection_check_boxes {
  float: none;
  margin: 0;
  vertical-align: -2px;
  margin-left: 2px;
}

label.required abbr {
  display: none;
}

/* Global
-------------------------------------------------------------- */
#header {
  background: url(/assets/frontend/hosts/land/header-bg-1c2253bad7c2a8ff8b3bb6141af348e30700062db07992cd0190a24b59db2e86.png) 0 0 no-repeat;
  height: 95px;
}
#header .logo {
  float: left;
}
#header .tryitfree {
  float: left;
  margin-left: 323px;
}

#navigation {
  padding-bottom: 30px;
}
#navigation span {
  float: left;
}
#navigation .rightcol {
  float: right;
}
#navigation .leftcol {
  float: left;
}

.container {
  width: 776px;
  margin: 0 auto;
}

.introduction {
  width: 446px;
}

.tryfree {
  width: 248px;
  padding-top: 30px;
  padding-left: 66px;
}

#footer {
  text-align: center;
  padding: 60px 0 0;
}
#footer ul {
  margin: 15px 0 60px;
}
#footer ul li {
  display: inline;
  margin-right: 15px;
  list-style-type: none;
}
#footer ul li a {
  color: #ff6600;
  text-decoration: none;
}
#footer ul li a:hover {
  text-decoration: underline;
}

.column {
  float: left;
  margin-right: 16px;
}

div.last {
  margin-right: 0;
}

.clear {
  display: inline-block;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clear {
  height: 1%;
}

.clear {
  display: block;
}

.simple_form {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Homepage
-------------------------------------------------------------- */
#home {
  background: url(/assets/frontend/hosts/land/home-bg-43e357e703d47dfcf1e816b3ec96267428aaedcba580315c8751d274d9beeeb9.jpg) 0 0 repeat-x;
}
#home #content .screenshot {
  position: relative;
  width: 380px;
  height: 251px;
  padding: 0;
  background: url(/assets/frontend/hosts/land/screenshot-8cbd3c7071bc946173c1e9ff95c286d93c2ab4a1bee59a88dee55388bddd8261.jpg) 0 0 no-repeat;
}
#home #content .screenshot img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 25px;
  left: 30px;
}
#home #content .introduction {
  width: 380px;
  margin-right: 0;
}
#home #content .introduction p {
  margin-bottom: 15px;
}
#home #homepage-buzz {
  height: 90px;
  overflow: hidden;
  padding: 0;
}
#home #homepage-buzz .buzz-item {
  display: none;
  position: absolute;
}
#home #homepage-buzz .buzz-item span {
  display: block;
  padding-left: 400px;
}
#home #homepage-buzz .buzz-item q {
  font-size: 1.4em;
  color: #666;
}
#home #homepage-features {
  padding: 20px 0 0;
}
#home #homepage-features .column {
  width: 248px;
  margin-bottom: 20px;
}
#home #homepage-features .column p {
  margin-top: 10px;
}
#home #homepage-features #see-features {
  width: 100%;
  text-align: center;
}

/* Features
-------------------------------------------------------------- */
#features .try {
  text-align: center;
  padding-top: 30px;
}
#features #content .introduction {
  width: 446px;
}
#features #content .tryfree {
  width: 248px;
  padding-top: 50px;
  padding-left: 66px;
}
#features .row {
  margin-top: 30px;
}
#features .column {
  width: 248px;
}
#features .column p {
  margin-top: 10px;
}

#easy {
  background: url(/assets/frontend/hosts/land/icon-easy-9b75fd3e364b60fade43224e47d7a32689825d4986a4a0a826a7505c3b746df4.png) 7px 0 no-repeat;
}

#landscaper {
  background: url(/assets/frontend/hosts/land/icon-landscaper-d6b078d2123762f8d5f709e9d8850e5d1cf47063e71c79121ecbf96c8cffbee6.png) 0 0 no-repeat;
}

#professional {
  background: url(/assets/frontend/hosts/land/icon-professional-b0a1ffe8a71ff0d9b0e66f0257e2befae49bea6d1ba113794dfa5c617f81e1e4.png) 7px 0 no-repeat;
}

#unlimited {
  background: url(/assets/frontend/hosts/land/icon-unlimited-2f5ccc243f04dacc5726da23b1a89044e43699d3467065972ac536d05f174a13.png) 7px 0 no-repeat;
}

#seo {
  background: url(/assets/frontend/hosts/land/icon-seo-e0ac42e050988d794bb96df4d25e9e51e2675c726ffe0cb4480504b9238ee8f5.png) 7px 0 no-repeat;
}

#star {
  background: url(/assets/frontend/hosts/land/icon-star-0af4a7f51604f76c9210174d71d49ebf3a3334306441269033fb8c69ff8b5a23.png) 7px 0 no-repeat;
}

#address {
  background: url(/assets/frontend/hosts/land/icon-address-01a76963f76623a09e9eaaf65df668251e0eb69d8a4546731ce477cf392b568c.png) 7px 0 no-repeat;
}

#secure {
  background: url(/assets/frontend/hosts/land/icon-secure-861d5b4333a7be92be8f2eb8db190faef56202081182ab320ae6929150e72bc8.png) 7px 0 no-repeat;
}

#email {
  background: url(/assets/frontend/hosts/land/icon-email-024ea4be1d3b0e94e87fab9b88be8e88f2f938bf05c911f016bb9c3e9cef7970.png) 7px 0 no-repeat;
}

#photos {
  background: url(/assets/frontend/hosts/land/icon-photos-a01c2512a6a5fe4a22c33e881cf80c99eb34635f6031d270ac7a027e8ed4ce31.png) 7px 0 no-repeat;
}

#support {
  background: url(/assets/frontend/hosts/land/icon-support-e29ccd5642754ed2d768e3995aa426ea0f8cf69bfc8abeffab3d5912c20ca1eb.png) 7px 0 no-repeat;
}

#reports {
  background: url(/assets/frontend/hosts/land/icon-reports-576ca3c4ff780d830a52692c6b096565237b71a4207d43b3ac161c563cf5576c.png) 7px 0 no-repeat;
}

#mailing {
  background: url(/assets/frontend/hosts/land/icon-mailing-7f36f260060cf7b747463dd4ae1be9ad409e7b318c5dc47bd69a820c233200e7.png) 7px 0 no-repeat;
}

#store {
  background: url(/assets/frontend/hosts/land/icon-store-0efaa8edaf32a5e8643cca92c21286381bf6ac1ba40386985d43f1de6714fdc6.png) 7px 0 no-repeat;
}

#seo {
  background: url(/assets/frontend/hosts/land/icon-seo-e0ac42e050988d794bb96df4d25e9e51e2675c726ffe0cb4480504b9238ee8f5.png) 7px 0 no-repeat;
}

#you {
  background: url(/assets/frontend/hosts/land/icon-tools-90b745a252a0bb212e076fe63ffdcf75b97de77a1800ad39b8f0fe6168cb0da1.png) 7px 0 no-repeat;
}

/* Pricing
-------------------------------------------------------------- */
#pricing .title {
  width: 248px;
  margin: 0 0 15px;
}
#pricing .tagline {
  width: 446px;
  margin: 7px 0 15px;
  padding-left: 66px;
}
#pricing .table {
  width: 446px;
  background: url(/assets/frontend/hosts/land/plans-bg-be3146fb8a9ab3446481c3be2cd722afd514eebe60e7c09773235f5ed7b72148.jpg) 0 0 no-repeat;
}
#pricing .table .try {
  margin: 30px 0 0 120px;
}
#pricing .table .proplan {
  margin: 15px 0 0 50px;
}
#pricing .chart {
  width: 350px;
  height: 240px;
  margin: 5px 0 0 50px;
}
#pricing .chart img {
  margin: 0;
  padding: 0;
}
#pricing .chart p {
  border-bottom: 1px solid #d1cebc;
  padding: 5px;
  background: white;
  margin-bottom: 5px;
}
#pricing .chart .left {
  font-weight: bold;
  width: 170px;
  float: left;
}
#pricing .chart .right {
  font-weight: bold;
  color: #417011;
  width: 160px;
  float: left;
  text-align: right;
}
#pricing .chart .right img {
  float: right;
}
#pricing .faqs {
  width: 314px;
}
#pricing .faqs p {
  margin-top: 15px;
}

/* Try Landscaperoo Free
-------------------------------------------------------------- */
#signup form {
  margin: 0 0 0 15px;
}
#signup .row {
  margin: 0 0 15px;
}
#signup form .center {
  text-align: center;
}
#signup h2.email {
  margin: 15px 0 0 255px;
}
#signup h2.address {
  margin: 15px 0 0 235px;
}
#signup h1 {
  margin-left: 180px;
}
#signup .border {
  border-top: 1px solid #DFD8BD;
  margin-right: 15px;
  padding: 15px 0 0;
}
#signup .leftcolumn {
  float: left;
  width: 300px;
  text-align: right;
  font-weight: bold;
  color: black;
  margin-right: 5px;
}
#signup .rightcolumn {
  float: left;
  width: 300px;
}
#signup .rightcolumn p {
  margin: 0 0 5px;
}
#signup .rightcolumn .small {
  font-size: 11px;
  color: #666;
  margin: 0 0 5px;
}
#signup select#account_website_genre_ids {
  width: 340px;
  height: 150px;
}

/* FAQ
-------------------------------------------------------------- */
#faq ol {
  margin-top: 15px;
}
#faq li {
  margin: 0 0 15px;
}

/* Sample Websites
-------------------------------------------------------------- */
#samples .row img {
  float: left;
}
#samples .row .quote {
  margin-left: 480px;
  padding-top: 20px;
}
#samples .row .quote h2 {
  font-size: 1.6em;
  line-height: 1.1em;
}
#samples .row .quote .description {
  font-size: 1.1em;
}
#samples .row .quote .website-link {
  text-align: right;
  padding-top: 10px;
  font-size: 1.2em;
}
#samples .tryfree {
  width: 512px;
  padding-left: 132px;
  padding-right: 132px;
  text-align: center;
}

/* Contact Us
-------------------------------------------------------------- */
#contact p {
  margin-bottom: 1em;
}
#contact .push {
  padding-left: 198px;
}
#contact .left {
  width: 182px;
  font-weight: bold;
  text-align: right;
}
#contact .right {
  margin-right: 0;
  width: 578px;
}

/* IE PNG FIX
-------------------------------------------------------------- */
div,
img {
  behavior: url(/images/files/frontend/hosts/land/iepngfix.htc);
}

/* Blog Page
-------------------------------------------------------------- */
#blog .post {
  background: url(/assets/frontend/hosts/land/post-bg-69e905b4911e5ad9acc95a0d1f311ddde1f79a80980667c33947b27d90678197.gif) 0 bottom no-repeat;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
#blog .post:last-child {
  background: none;
}
#blog .post .social,
#blog .post h3.post-title {
  margin: 0 0 0 90px;
}
#blog .post h3.post-title a {
  text-decoration: none;
}
#blog .post .post-date {
  margin: 0 0 0 90px;
  font-family: Georgia;
  font-size: 12px;
  color: #454545;
}
#blog .post .avatar-wrap {
  float: left;
  text-align: center;
}
#blog .comments .avatar-wrap {
  float: left;
  text-align: center;
}
#blog .comments .avatar-wrap img,
#blog .post .avatar-wrap img {
  border: 1px solid #CFCFCF;
  padding: 4px;
}
#blog .post .message {
  clear: both;
  margin: 10px 0;
}
#blog .post .message .img-left {
  margin: 0 15px 15px 0 !important;
}
#blog .post .message .img-right {
  margin: 0 0 15px 15px !important;
}
#blog .post .message img {
  margin: 0 15px 15px;
}
#blog .post .meta .posted-by {
  color: #454545;
}
#blog .comments .meta .posted-by {
  color: #454545;
}
#blog .comments blockquote {
  margin: 0 0 0 2em;
}
#blog .comments .meta {
  font-family: Georgia;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
#blog .post .meta {
  font-family: Georgia;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
#blog .comments .meta {
  margin-left: 100px;
}
#blog .comments div.comment {
  clear: both;
  border-top: 1px dashed #ccc;
  padding: 10px 0;
}
#blog .comments .message {
  margin-left: 100px;
  margin-top: 5px;
}
#blog .comments .simple_form label {
  text-align: left;
  margin-left: 0;
}
#blog #blog_posts #accordion ul,
#blog #blogs #accordion ul {
  padding: 0 !important;
  margin: 0 !important;
}
#blog #blog_posts #accordion ul li,
#blog #blogs #accordion ul li {
  list-style-type: none !important;
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 5px 0;
}
#blog #blog_posts #accordion ul li a,
#blog #blogs #accordion ul li a {
  font-size: 11px;
  font-weight: bold;
  padding-left: 22px;
}
#blog #blog_posts #accordion ul li.active a,
#blog #blogs #accordion ul li.active a {
  color: #000;
}
#blog #blog_posts #accordion h3,
#blog #blogs #accordion h3 {
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}
#blog #blog_posts #accordion h3 a,
#blog #blogs #accordion h3 a {
  font-size: 14px !important;
  background: url(/images/frontend/hosts/bz/icon-calendar.png) 0 0 no-repeat;
  padding-left: 22px;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.12 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  html.with-featherlight {
    /* disable global scrolling when featherlights are visible */
    overflow: hidden;
  }
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647; /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal;
  }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }
  /* don't show these though */
  .featherlight script.featherlight-inner,
  .featherlight link.featherlight-inner,
  .featherlight style.featherlight-inner {
    display: none;
  }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff; /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: none;
    padding: 0;
  }
  /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
  .featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
  .featherlight iframe {
    /* styling */
    border: none;
  }
  .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
.simple_form input.string, .simple_form input.password, .simple_form textarea.text {
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 12px;
  width: 330px;
}
.simple_form .input_field ul {
  list-style: none;
}