/* line 9, static_files/mothersday/scss/style.scss */
.mothersday {
  margin: auto; }
  /* line 12, static_files/mothersday/scss/style.scss */
  .mothersday p {
    font-size: 14px; }
  /* line 16, static_files/mothersday/scss/style.scss */
  .mothersday .content-block {
    background-image: none;
    padding: 0px;
    min-height: 640px; }
  /* line 22, static_files/mothersday/scss/style.scss */
  .mothersday .content-wrapper {
    margin: 40px auto; }
  /* line 26, static_files/mothersday/scss/style.scss */
  .mothersday .background {
    background-image: url("/static/mothersday/img/background.jpg?c94588457378");
    height: 100%;
    background-size: cover; }
  /* line 32, static_files/mothersday/scss/style.scss */
  .mothersday .background-auto {
    background-image: url("/static/mothersday/img/background.jpg?c94588457378");
    height: auto;
    background-size: cover; }
  /* line 38, static_files/mothersday/scss/style.scss */
  .mothersday .logo {
    top: 40px;
    left: 70px;
    position: absolute;
    height: 25px; }
  /* line 45, static_files/mothersday/scss/style.scss */
  .mothersday .main {
    background-image: url("/static/mothersday/img/background.jpg?c94588457378");
    color: #C93647;
    width: 100%;
    background-size: cover; }
    /* line 51, static_files/mothersday/scss/style.scss */
    .mothersday .main span {
      display: block;
      margin: 30px auto;
      background-color: #C93647;
      width: 115px;
      height: 3px;
      margin-top: 20px;
      display: inline-table; }
    /* line 61, static_files/mothersday/scss/style.scss */
    .mothersday .main h1 {
      font-size: 48px;
      font-family: "Libre-Baskerville-Italic";
      font-weight: 500;
      margin-top: 0px;
      margin-bottom: 25px; }
    /* line 69, static_files/mothersday/scss/style.scss */
    .mothersday .main p {
      margin: 5px;
      color: black;
      font-size: 22px; }
    /* line 75, static_files/mothersday/scss/style.scss */
    .mothersday .main .banner-picture {
      margin: auto;
      width: 40%; }
  /* line 81, static_files/mothersday/scss/style.scss */
  .mothersday .featured {
    padding: 40px 0px;
    position: absolute;
    text-align: center;
    min-height: 580px;
    width: 100%; }
    /* line 88, static_files/mothersday/scss/style.scss */
    .mothersday .featured h2 {
      font-weight: 500;
      font-size: 34px; }
  /* line 94, static_files/mothersday/scss/style.scss */
  .mothersday .slider-box {
    position: relative;
    margin: 0px 90px 50px;
    border: 1px solid #A48053;
    box-sizing: border-box; }
  /* line 101, static_files/mothersday/scss/style.scss */
  .mothersday .container {
    margin: auto;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 70px 0px; }
  /* line 113, static_files/mothersday/scss/style.scss */
  .mothersday .submission-display {
    margin: auto;
    text-align: center;
    position: relative; }
    /* line 118, static_files/mothersday/scss/style.scss */
    .mothersday .submission-display h2 {
      margin-top: 0px; }
    /* line 122, static_files/mothersday/scss/style.scss */
    .mothersday .submission-display .block {
      display: flex;
      max-height: 350px; }
  /* line 128, static_files/mothersday/scss/style.scss */
  .mothersday .box-content {
    border: 1px solid #A48053;
    margin-top: 150px;
    padding: 60px;
    max-width: 300px; }
    /* line 134, static_files/mothersday/scss/style.scss */
    .mothersday .box-content h1 {
      margin-bottom: 40px; }
    /* line 137, static_files/mothersday/scss/style.scss */
    .mothersday .box-content p {
      margin-top: 40px;
      margin-bottom: 20px; }
    /* line 142, static_files/mothersday/scss/style.scss */
    .mothersday .box-content .button-wrapper {
      margin-top: 35px; }
    /* line 146, static_files/mothersday/scss/style.scss */
    .mothersday .box-content a {
      color: #A48053; }
  /* line 151, static_files/mothersday/scss/style.scss */
  .mothersday .thank-you {
    padding: 30px 40px 60px; }
    /* line 154, static_files/mothersday/scss/style.scss */
    .mothersday .thank-you h2 {
      font-weight: 500;
      font-size: 28px;
      line-height: 35px; }
    /* line 160, static_files/mothersday/scss/style.scss */
    .mothersday .thank-you p {
      margin-top: 20px;
      margin-bottom: 30px;
      line-height: 22px; }
    /* line 166, static_files/mothersday/scss/style.scss */
    .mothersday .thank-you .button {
      padding: 12px 120px; }
  /* line 171, static_files/mothersday/scss/style.scss */
  .mothersday .container-submission {
    text-align: center;
    margin: 0px 20px;
    padding: 70px; }
    /* line 176, static_files/mothersday/scss/style.scss */
    .mothersday .container-submission h1 {
      font-weight: 400;
      margin-bottom: 25px; }
    /* line 181, static_files/mothersday/scss/style.scss */
    .mothersday .container-submission p {
      font-size: 15px;
      width: 50%;
      margin: 30px auto 0px;
      line-height: 30px; }
  /* line 189, static_files/mothersday/scss/style.scss */
  .mothersday .checkbox-container {
    display: flex;
    justify-content: space-between; }
    /* line 193, static_files/mothersday/scss/style.scss */
    .mothersday .checkbox-container .checkbox-and-text {
      text-align: left; }
    /* line 197, static_files/mothersday/scss/style.scss */
    .mothersday .checkbox-container .checkbox-text {
      display: none; }
    /* line 201, static_files/mothersday/scss/style.scss */
    .mothersday .checkbox-container .checkbox-text-show {
      display: block;
      color: red; }
    /* line 206, static_files/mothersday/scss/style.scss */
    .mothersday .checkbox-container .next_button {
      max-height: 23.55px; }
  /* line 211, static_files/mothersday/scss/style.scss */
  .mothersday .submission-content {
    border: 1px solid #A48053;
    display: flex;
    flex-direction: row;
    background-color: white; }
  /* line 218, static_files/mothersday/scss/style.scss */
  .mothersday .submit {
    padding: 15px 80px;
    background: #A48053;
    color: white;
    margin: auto;
    margin-top: 30px; }
  /* line 226, static_files/mothersday/scss/style.scss */
  .mothersday .picture-upload {
    position: relative;
    width: 35%;
    display: flex;
    align-items: center; }
    /* line 232, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .image_upload_preview {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
      height: 100%; }
    /* line 241, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .image_preview_name {
      display: none;
      position: absolute;
      color: transparent;
      padding: 0px; }
    /* line 248, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .photo {
      width: 100%;
      display: block;
      height: 100%;
      object-fit: cover; }
  /* line 256, static_files/mothersday/scss/style.scss */
  .mothersday .text-area {
    padding: 30px;
    width: 70%; }
    /* line 260, static_files/mothersday/scss/style.scss */
    .mothersday .text-area .title {
      font-size: 28px; }
    /* line 264, static_files/mothersday/scss/style.scss */
    .mothersday .text-area h3, .mothersday .text-area p {
      text-align: left;
      font-size: 22px;
      line-height: 30px; }
    /* line 270, static_files/mothersday/scss/style.scss */
    .mothersday .text-area .submitted-by {
      text-transform: uppercase;
      color: #AAA9A8; }
  /* line 276, static_files/mothersday/scss/style.scss */
  .mothersday .overflow-scroll {
    overflow: auto;
    overflow-x: hidden; }
  /* line 281, static_files/mothersday/scss/style.scss */
  .mothersday .upload-button {
    height: 100%;
    width: 100%;
    display: inline-grid;
    border: 1px solid #A48053;
    z-index: 1;
    display: inline-grid; }
  /* line 290, static_files/mothersday/scss/style.scss */
  .mothersday .remove-photo {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid #A48053;
    border-radius: 50%;
    font-size: 25px;
    padding: 2px 8px;
    line-height: 25px;
    color: #A48053;
    background-color: white;
    z-index: 2;
    display: none; }
  /* line 305, static_files/mothersday/scss/style.scss */
  .mothersday .remove-photo:after {
    content: 'x'; }
  /* line 309, static_files/mothersday/scss/style.scss */
  .mothersday .upload-icon {
    border: 4px dashed rgba(164, 128, 63, 0.5);
    margin: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    /* line 317, static_files/mothersday/scss/style.scss */
    .mothersday .upload-icon p {
      font-size: 16px;
      width: 100%;
      color: #A48053; }
  /* line 324, static_files/mothersday/scss/style.scss */
  .mothersday .solid-border {
    border: 1px solid #A48053; }
  /* line 328, static_files/mothersday/scss/style.scss */
  .mothersday .dashed-border {
    border: 1px solid #A48053; }
  /* line 332, static_files/mothersday/scss/style.scss */
  .mothersday .icon {
    background: url("/static/mothersday/img/add-image2x.png?c94588457378") no-repeat center center;
    background-size: 95px 95px;
    height: 95px;
    width: 95px; }
  /* line 339, static_files/mothersday/scss/style.scss */
  .mothersday #id_title, .mothersday #id_story {
    border: 1px solid #AAA9A8;
    margin-bottom: 10px;
    background-color: transparent;
    padding: 15px;
    font-family: "Gotham-Light";
    font-size: 15px;
    box-shadow: none; }
  /* line 349, static_files/mothersday/scss/style.scss */
  .mothersday #id_story {
    width: 100%;
    box-sizing: border-box;
    max-height: 175px;
    margin-bottom: 0px;
    line-height: 20px; }
  /* line 357, static_files/mothersday/scss/style.scss */
  .mothersday #id_photo {
    display: none; }
  /* line 361, static_files/mothersday/scss/style.scss */
  .mothersday .wordcount {
    display: inline;
    color: gray;
    text-align: left;
    font-size: 12px;
    margin-top: 7px;
    float: left;
    padding-right: 5px; }
  /* line 372, static_files/mothersday/scss/style.scss */
  .mothersday .input-wrapper {
    background-image: linear-gradient(to left, gray 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 45px;
    margin: 0px auto; }
    /* line 380, static_files/mothersday/scss/style.scss */
    .mothersday .input-wrapper #id_otp {
      margin-bottom: 5px;
      border: none;
      letter-spacing: 30px;
      padding: 0px 15px;
      width: 100%;
      font-size: 34px;
      font-weight: 600;
      text-shadow: 0 0 0 black;
      color: transparent;
      font-family: monospace;
      box-sizing: content-box; }

/* line 398, static_files/mothersday/scss/style.scss */
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-flex; }

/* line 402, static_files/mothersday/scss/style.scss */
.tns-ovh {
  overflow: hidden;
  margin: 0px auto; }

/* line 407, static_files/mothersday/scss/style.scss */
.tns-slider {
  display: flex;
  flex-flow: row wrap; }

/* line 412, static_files/mothersday/scss/style.scss */
.tns-visually-hidden {
  display: none; }

/* line 416, static_files/mothersday/scss/style.scss */
.tns-nav {
  position: absolute;
  margin: 10px auto;
  width: 100%; }
  /* line 421, static_files/mothersday/scss/style.scss */
  .tns-nav button {
    margin-left: 5px;
    border: 1px solid #AAA9A8; }
  /* line 426, static_files/mothersday/scss/style.scss */
  .tns-nav .tns-nav-active, .tns-nav button:hover {
    border: 1px solid #A48053; }

/* line 431, static_files/mothersday/scss/style.scss */
.arrow-container {
  padding: 0px 20px;
  margin: auto;
  position: relative; }

/* line 437, static_files/mothersday/scss/style.scss */
.control-box {
  position: absolute;
  top: 45%;
  width: 100%; }

/* line 443, static_files/mothersday/scss/style.scss */
.customized-controls {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin: 0px 30px;
  cursor: pointer; }
  /* line 451, static_files/mothersday/scss/style.scss */
  .customized-controls .prev, .customized-controls .next {
    list-style: none; }
    /* line 454, static_files/mothersday/scss/style.scss */
    .customized-controls .prev img, .customized-controls .next img {
      width: 25px; }

@media only screen and (max-width: 1024px) {
  /* line 462, static_files/mothersday/scss/style.scss */
  .mothersday .content-wrapper {
    width: 100%; }
  /* line 467, static_files/mothersday/scss/style.scss */
  .mothersday .logo {
    top: 25px;
    left: 25px;
    height: 25px; }
  /* line 476, static_files/mothersday/scss/style.scss */
  .mothersday .main h1 {
    font-size: 36px; }
  /* line 482, static_files/mothersday/scss/style.scss */
  .mothersday .text-area h2 {
    font-size: 18px;
    margin: 10px 0px; }
  /* line 487, static_files/mothersday/scss/style.scss */
  .mothersday .text-area p {
    font-size: 14px;
    margin: 10px 0px; }
  /* line 493, static_files/mothersday/scss/style.scss */
  .mothersday .container-submission {
    padding: 70px 20px; } }

@media only screen and (max-width: 840px) {
  /* line 500, static_files/mothersday/scss/style.scss */
  .mothersday .main .banner-picture {
    width: 60%; }
  /* line 505, static_files/mothersday/scss/style.scss */
  .mothersday .picture-upload {
    width: 50%; }
  /* line 510, static_files/mothersday/scss/style.scss */
  .mothersday .submission-display .block {
    max-height: 320px; }
  /* line 515, static_files/mothersday/scss/style.scss */
  .mothersday .text-area {
    width: 50%; }
    /* line 518, static_files/mothersday/scss/style.scss */
    .mothersday .text-area h3 {
      margin: 0px; }
    /* line 522, static_files/mothersday/scss/style.scss */
    .mothersday .text-area #id_story {
      max-height: 150px; } }

@media only screen and (max-width: 600px) {
  /* line 530, static_files/mothersday/scss/style.scss */
  .mothersday .content-wrapper {
    width: 90%; }
  /* line 534, static_files/mothersday/scss/style.scss */
  .mothersday .background {
    background-image: url("/static/mothersday/img/mobile-background.jpg?c94588457378");
    background-size: cover; }
  /* line 539, static_files/mothersday/scss/style.scss */
  .mothersday .logo {
    top: 20px;
    left: 20px;
    height: 20px; }
  /* line 545, static_files/mothersday/scss/style.scss */
  .mothersday .main {
    background-image: url("/static/mothersday/img/mobile-background.jpg?c94588457378");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0px; }
    /* line 551, static_files/mothersday/scss/style.scss */
    .mothersday .main .container {
      height: 100%;
      padding: 10px; }
    /* line 556, static_files/mothersday/scss/style.scss */
    .mothersday .main h1 {
      font-size: 30px;
      margin-top: 30px;
      margin-bottom: 13px; }
    /* line 562, static_files/mothersday/scss/style.scss */
    .mothersday .main p {
      font-size: 14px; }
    /* line 566, static_files/mothersday/scss/style.scss */
    .mothersday .main .banner-picture {
      width: 100%;
      margin-top: 10px; }
  /* line 572, static_files/mothersday/scss/style.scss */
  .mothersday .submission-content {
    flex-direction: column;
    padding: 20px; }
    /* line 576, static_files/mothersday/scss/style.scss */
    .mothersday .submission-content .text-area {
      width: 100%;
      padding: 0px;
      padding-top: 15px; }
    /* line 582, static_files/mothersday/scss/style.scss */
    .mothersday .submission-content .remove-photo {
      border: none;
      font-size: 16px;
      top: unset;
      border-radius: unset;
      background-color: none; }
    /* line 590, static_files/mothersday/scss/style.scss */
    .mothersday .submission-content .remove-photo:after {
      content: 'Remove'; }
  /* line 595, static_files/mothersday/scss/style.scss */
  .mothersday .submit {
    padding: 15px 0px;
    display: block;
    width: 90%; }
  /* line 601, static_files/mothersday/scss/style.scss */
  .mothersday .submission-display {
    padding: 0px;
    margin-top: 0px; }
    /* line 605, static_files/mothersday/scss/style.scss */
    .mothersday .submission-display .block {
      max-height: 640px;
      flex-direction: column; }
    /* line 610, static_files/mothersday/scss/style.scss */
    .mothersday .submission-display h1 {
      font-size: 22px;
      margin: 20px; }
  /* line 616, static_files/mothersday/scss/style.scss */
  .mothersday .content-block {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%; }
    /* line 623, static_files/mothersday/scss/style.scss */
    .mothersday .content-block .box-content {
      margin: 30px;
      margin-top: 100px;
      min-width: 200px; }
  /* line 631, static_files/mothersday/scss/style.scss */
  .mothersday .slider-box {
    margin: 0px 40px 40px; }
  /* line 635, static_files/mothersday/scss/style.scss */
  .mothersday .picture-upload {
    width: auto;
    max-height: 100%; }
    /* line 639, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .image_upload_preview {
      width: auto; }
    /* line 643, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .image_preview_name {
      color: black; }
    /* line 647, static_files/mothersday/scss/style.scss */
    .mothersday .picture-upload .display {
      height: 290px; }
  /* line 652, static_files/mothersday/scss/style.scss */
  .mothersday .featured {
    min-height: 640px; }
  /* line 656, static_files/mothersday/scss/style.scss */
  .mothersday .text-area {
    padding: 20px;
    width: auto; }
  /* line 661, static_files/mothersday/scss/style.scss */
  .mothersday .text-area #id_story {
    max-height: 100%; }
  /* line 665, static_files/mothersday/scss/style.scss */
  .mothersday .upload-button {
    height: 50px;
    border: 1px dashed #A48053; }
  /* line 670, static_files/mothersday/scss/style.scss */
  .mothersday .upload-icon {
    flex-direction: row;
    justify-content: space-evenly;
    height: 50px;
    margin: 0px 15px;
    font-size: 14px;
    border: none; }
    /* line 678, static_files/mothersday/scss/style.scss */
    .mothersday .upload-icon p {
      font-size: 14px;
      color: #A48053;
      margin: auto; }
  /* line 685, static_files/mothersday/scss/style.scss */
  .mothersday .icon {
    background-size: 40px 40px;
    width: 40px; }
  /* line 690, static_files/mothersday/scss/style.scss */
  .mothersday #wordcount {
    margin-bottom: 10px; }
  /* line 695, static_files/mothersday/scss/style.scss */
  .mothersday .input-wrapper {
    max-width: 180px;
    background-size: 30px 1px;
    background-position-x: 52px; }
    /* line 700, static_files/mothersday/scss/style.scss */
    .mothersday .input-wrapper #id_otp {
      padding: 0px 4px;
      font-size: 25px;
      letter-spacing: 15px; }
  /* line 707, static_files/mothersday/scss/style.scss */
  .customized-controls {
    margin: 0px 10px; }
  /* line 711, static_files/mothersday/scss/style.scss */
  .tns-nav {
    margin-top: 0px;
    margin-bottom: 20px; } }

@media only screen and (max-width: 420px) {
  /* line 718, static_files/mothersday/scss/style.scss */
  .mothersday .content-wrapper {
    width: 85%; }
  /* line 721, static_files/mothersday/scss/style.scss */
  .mothersday .thank-you {
    margin: 20px;
    margin-top: 75px;
    padding: 30px; }
    /* line 726, static_files/mothersday/scss/style.scss */
    .mothersday .thank-you .button {
      padding: 10px 80px; }
  /* line 731, static_files/mothersday/scss/style.scss */
  .mothersday .container-submission {
    padding: 70px 10px; }
    /* line 733, static_files/mothersday/scss/style.scss */
    .mothersday .container-submission p {
      width: 90%;
      font-size: 13px;
      line-height: 25px; }
  /* line 740, static_files/mothersday/scss/style.scss */
  .mothersday .text-area .title {
    font-size: 24px; }
  /* line 744, static_files/mothersday/scss/style.scss */
  .mothersday .slider-box {
    max-height: 640px; }
  /* line 749, static_files/mothersday/scss/style.scss */
  .customized-controls .prev img, .customized-controls .next img {
    width: 15px; } }

@media only screen and (max-width: 350px) {
  /* line 757, static_files/mothersday/scss/style.scss */
  .mothersday .text-area {
    padding: 20px 10px; }
  /* line 761, static_files/mothersday/scss/style.scss */
  .mothersday .wordcount {
    margin-top: 5px;
    font-size: 10px;
    line-height: 12px; } }