/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    Forms
\*------------------------------------*/
/* line 30, ../../../scss/dev/blog/03-forms.scss */
.send-message {
  padding: 0 20px;
  max-width: 600px;
}

/* line 35, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form-wrapper {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* line 42, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form {
  background: #333333;
  max-width: 600px;
  padding: 0 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 42, ../../../scss/dev/blog/03-forms.scss */
  .guestbook-form {
    margin: 0 -30px;
    padding: 0 30px;
    max-width: none;
  }
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 42, ../../../scss/dev/blog/03-forms.scss */
  .guestbook-form {
    padding: 0 20px;
    margin: 0 -20px;
  }
}

/* line 57, ../../../scss/dev/blog/03-forms.scss */
.g-recaptcha {
  margin: 0 0 20px;
}

/* line 61, ../../../scss/dev/blog/03-forms.scss */
#guestbook-form {
  margin-top: 20px;
}

/* line 66, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-label,
.guestbook-form #acf-_post_title {
  display: none;
}
/* line 70, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form #gb_social_url {
  display: none;
}
/* line 73, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form input,
.guestbook-form textarea {
  background: #ffffff;
}
/* line 76, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form input:focus,
.guestbook-form textarea:focus {
  outline: 0;
}
/* line 80, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-fields > .acf-field {
  padding: 0;
  border: 0;
}
/* line 84, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-field input[type="text"],
.guestbook-form .acf-field input[type="password"],
.guestbook-form .acf-field input[type="number"],
.guestbook-form .acf-field input[type="search"],
.guestbook-form .acf-field input[type="email"],
.guestbook-form .acf-field input[type="url"],
.guestbook-form .acf-field textarea,
.guestbook-form .acf-field select {
  height: 40px;
  line-height: 40px;
  padding: 10px 15px;
  border: 0;
  margin: 0 0 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 101, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-field textarea {
  height: 200px;
  max-width: 100%;
  max-height: 200px;
  line-height: 1.35;
}
/* line 107, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  position: relative;
  padding-left: 115px;
  font-family: "museoslab";
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .guestbook-form .acf-radio-list {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .guestbook-form .acf-radio-list:after {
  content: "";
  display: table;
  clear: both;
}
/* line 116, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list:before {
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 50px;
  content: 'deel URL:';
  display: block;
  color: #ffffff;
}
/* line 124, ../../../scss/dev/blog/03-forms.scss */
html[lang="en-US"] .guestbook-form .acf-radio-list:before {
  content: 'share URL:';
}
/* line 128, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li {
  width: 40px;
  height: 50px;
  overflow: hidden;
  color: #ffffff;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  font-size: 2.4rem;
}
/* line 146, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li:nth-child(1) label:before {
  content: '\e904';
}
/* line 153, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li:nth-child(2) label:before {
  content: '\e903';
}
/* line 160, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li:nth-child(3) label:before {
  content: '\e908';
}
/* line 167, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li:nth-child(4) label:before {
  content: '\e909';
}
/* line 172, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li label {
  width: 40px;
  height: 50px;
  line-height: 50px;
}
/* line 176, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li label.selected, .guestbook-form .acf-radio-list li label:hover {
  color: #d10303;
}
/* line 181, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form .acf-radio-list li input {
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* line 186, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form input[type="submit"] {
  background: #d10303;
  padding: 10px 20px;
  border-radius: 20px;
  width: 100%;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  font-family: "museoslab";
  text-transform: lowercase;
}
/* line 195, ../../../scss/dev/blog/03-forms.scss */
.guestbook-form input[type="submit"]:hover {
  color: #000000;
}