body {
  font-family: Arial, sans-serif;
  background: white;
  color: black;
}

/* line 22, ../../lib/assets/age_check/age_check.css.scss */
.blockUI h1, .blockUI h2, .blockUI h3, .blockUI input {
  font-family: "Arial Black", Arial, sans-serif;
}

/* line 27, ../../lib/assets/age_check/age_check.css.scss */
body.age-check-block > :not(.blockUI) {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -ms-filter: blur(20px);
  -o-filter: blur(20px);
  filter: url("/assets_dev/age-check-blur.svg#blur");
  filter: progid:DXImageTransform.Microsoft.blur(MakeShadow='false', PixelRadius='20');
}

/* line 31, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockOverlay {
  background: #333333 url(./age-check-blurred-background.jpg);
  background-size: cover;
}

/* line 36, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg {
  min-height: 20vh !important;
  top: 25vh !important;
  width: 50vw !important;
  left: 25vw !important;
  right: 25vw !important;
  margin-bottom: 3em;
  background: url(./age-check-logo.png) bottom right no-repeat white;
  background-size: 150px auto;
  padding: 10px !important;
  padding-bottom: 70px !important;
  box-sizing: border-box !important;
  background-color: white;
  color: black;
  text-transform: uppercase;
}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
  /* line 36, ../../lib/assets/age_check/age_check.css.scss */
  .blockUI.blockMsg {
    width: 70vw !important;
    left: 15vw !important;
    right: 15vw !important;
  }
}
@media only screen and (max-width: 599px) {
  /* line 36, ../../lib/assets/age_check/age_check.css.scss */
  .blockUI.blockMsg {
    position: absolute !important;
    height: auto !important;
    width: auto !important;
    top: 1em !important;
    left: 1em !important;
    right: 1em !important;
    overflow: auto !important;
  }
}
/* line 81, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg h1 {
  font-weight: bold;
  font-size: 3em;
  line-height: 1.8em;
  padding-top: 1em;
  margin: 0;
}
/* line 89, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg p {
  margin: 1em;
  font-weight: normal;
}
/* line 94, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg p, .blockUI.blockMsg footer {
  font-size: 0.8rem;
}
/* line 98, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input, .blockUI.blockMsg label > span {
  box-sizing: border-box;
  margin: 30px 5px;
  outline: 0;
  display: inline-block;
  padding: 0px 0em;
  text-align: center;
  font-weight: bold;
  border: solid 2px black;
  font-size: 31px;
  line-height: 1.54em;
  height: 1.54em;
  background-color: transparent;
  color: black;
}
/* line 8, ../../../../../.rvm/rubies/ruby-2.1.5/lib/ruby/gems/2.1.0/gems/bourbon-3.1.8/app/assets/stylesheets/css3/_placeholder.scss */
.blockUI.blockMsg input::-webkit-input-placeholder, .blockUI.blockMsg label > span::-webkit-input-placeholder {
  color: black;
}
/* line 14, ../../../../../.rvm/rubies/ruby-2.1.5/lib/ruby/gems/2.1.0/gems/bourbon-3.1.8/app/assets/stylesheets/css3/_placeholder.scss */
.blockUI.blockMsg input:-moz-placeholder, .blockUI.blockMsg label > span:-moz-placeholder {
  color: black;
}
/* line 19, ../../../../../.rvm/rubies/ruby-2.1.5/lib/ruby/gems/2.1.0/gems/bourbon-3.1.8/app/assets/stylesheets/css3/_placeholder.scss */
.blockUI.blockMsg input::-moz-placeholder, .blockUI.blockMsg label > span::-moz-placeholder {
  color: black;
}
/* line 24, ../../../../../.rvm/rubies/ruby-2.1.5/lib/ruby/gems/2.1.0/gems/bourbon-3.1.8/app/assets/stylesheets/css3/_placeholder.scss */
.blockUI.blockMsg input:-ms-input-placeholder, .blockUI.blockMsg label > span:-ms-input-placeholder {
  color: black;
}
/* line 119, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.year, .blockUI.blockMsg label > span.year {
  width: 5em;
}
/* line 120, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.month, .blockUI.blockMsg label > span.month {
  width: 3em;
}
/* line 121, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.day, .blockUI.blockMsg label > span.day {
  width: 3em;
}
/* line 122, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.ok, .blockUI.blockMsg label > span.ok {
  width: 3em;
}
/* line 124, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.ok, .blockUI.blockMsg label > span.ok {
  vertical-align: top;
}
/* line 126, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.ok:hover, .blockUI.blockMsg input.ok:focus, .blockUI.blockMsg label > span.ok:hover, .blockUI.blockMsg label > span.ok:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 129, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg input.ok:active, .blockUI.blockMsg label > span.ok:active {
  background-color: rgba(0, 0, 0, 0.3);
}
/* line 135, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg label > span {
  text-align: center;
  border: none;
  color: black;
  display: inline-block;
  position: absolute;
  z-index: -1;
}
/* line 141, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg label > span.year-label {
  width: 5em;
}
/* line 142, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg label > span.month-label {
  width: 3em;
}
/* line 143, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg label > span.day-label {
  width: 3em;
}
/* line 147, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg footer {
  text-align: center;
  padding-bottom: 1em;
}
@media only screen and (min-width: 1025px) {
  /* line 147, ../../lib/assets/age_check/age_check.css.scss */
  .blockUI.blockMsg footer {
    text-shadow: 0px 0px 10px black;
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* line 159, ../../lib/assets/age_check/age_check.css.scss */
.blockUI.blockMsg footer a {
  color: inherit;
  text-decoration: underline;
}