@charset "UTF-8";
/*
 * Mixins for use by ModCloth
 * Created by Jonas Goslow of Lyra Designs
 *
 * To include in your styling, simply use:
 * @import 'mixins';
 * from within your sass stylesheet, and
 * compile using codekit or a sass compiler.
 *
 * Each mixin is described below, please remember
 * to include 'Moderat' font in your HTML, here is
 * a common list of includes you may want to use:
 *
 *    @include page-full-width-no-margins();
 *      – Allows you to have content extend to the edges of the screen
 *
 *    @include mod-btns();
 *      – standard ModCloth Button treatment with color options and hover/click effects (.coral, .)
 *
 *    @include mod-btn(height, font-size, bg-color, border-color, text-color, hover, hBG, hText, click, clBG, clText, arrows:true/false);
 *      – Roll out your own buttons, use within a class you create, example:
 *      – .btn-blue-border {
 *          @include mod-btn(50px, 20px, #fff, #a3d1d8, #a3d1d8, #a3d1d8, #a3d1d8, #fff, #a3d1d8, #a3d1d8, #fff, true);
 *        }
 *
*/
/*
 * includes mixins "hide()" and "show()" to let
 * you easily hide and show elements where you
 * need them.
*/
/* hide-show()
 * is a mix of classes that lets you
 * selectively show or hide an element based on
 * the screen-size breakpoints.  You can use the
 * prefixes:
   * hide
   * gt (greater than)
   * lt (less than)
   * just (as in "only")
* followed by a dash and the breakpoint name:
  * mobile, mobile2, tablet, laptop, desktop).
*/
/* Email Signup End */
/* Clear
 *
 * Example:
 * @include clear();
 *
 * Use to ensure a div extends below floated items inside it
*/
/* Box Sizing
 *
 * Example:
 * @include box-sizing();
 *
 * Use to declare multi-browser box-sizing on an element
*/
/* Transition
 *
 * Example:
 * @include transition(background-color .25s, color .25s);
 *
 * Use to create multi-browser transition animation & timing
*/
/* Transform
 *
 * Example:
 * @include transform(rotate(90deg));
 *
 * Use to create multi-browser transforms
*/
/* Border Radius
 *
 * Example:
 * @include border-radius(5px);
 *
 * Use to create multi-browser border radius declarations
*/
/* Box Shadow
 *
 * Example:
 * @include box-shadow(2px 2px 3px #3d3d3d);
 *
 * Use to create multi-browser box shadows
*/
/* IE reverse compatible Box Shadow
 *
 * Example:
 * @include ms-box-shadow(Strength=4, Direction=135, Color='#444444');
*/
/* CSS Filters
 *
 * Example:
 * @include filter(blur(20px));
 *
 * Use to create multi-browser css filters
*/
/* CSS Columns
 *
 * Example:
 * @include column-count(3);
 *
 * Use to create multi-browser column displays for divs
 * content automatically flows.
*/
/* Set Column Gap amount
 *
 * Example:
 * @include column-gap(15px);
 *
 * Use to create multi-browser column gap columns
*/
/* ModCloth CMS Reset */
/* ModCloth Buttons */
/* Resets & Overrides */
/* Fonts */
/* Fonts */
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f2efea;
  font-size: 16px; }

.maintenance-page {
  font-family: "Moderat";
  color: #47505f;
  padding: 30px 10px;
  background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/bg.mobile.jpg");
  background-position: top 30% center;
  background-repeat: no-repeat;
  background-size: 150% auto;
  /* Include specific mixin styles being used */
  /* Buttons */
  /* Each horizontal slice of the page is wrapped
 * in a div with the class "row". Please try to
 * be consistent.
*/ }
  @media (min-width: 31.3125em) {
    .maintenance-page {
      padding: 50px 25px; } }
  @media (min-width: 48.0625em) {
    .maintenance-page {
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/bg.desktop.jpg");
      background-position: top 65% center; } }
  @media (min-width: 60.0625em) {
    .maintenance-page {
      padding: 90px 50px; } }
  @media (min-width: 1412px) {
    .maintenance-page {
      background-position: top -200px center;
      background-size: 1412px auto; } }
  .maintenance-page *,
  .maintenance-page *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .maintenance-page .h1,
  .maintenance-page .h2,
  .maintenance-page .h3,
  .maintenance-page .h4,
  .maintenance-page h1,
  .maintenance-page h2,
  .maintenance-page h3,
  .maintenance-page h4,
  .maintenance-page p {
    margin: 0 0 1em; }
    .maintenance-page .h1 a,
    .maintenance-page .h2 a,
    .maintenance-page .h3 a,
    .maintenance-page .h4 a,
    .maintenance-page h1 a,
    .maintenance-page h2 a,
    .maintenance-page h3 a,
    .maintenance-page h4 a,
    .maintenance-page p a {
      color: #7a7a7a; }
      .maintenance-page .h1 a:hover,
      .maintenance-page .h2 a:hover,
      .maintenance-page .h3 a:hover,
      .maintenance-page .h4 a:hover,
      .maintenance-page h1 a:hover,
      .maintenance-page h2 a:hover,
      .maintenance-page h3 a:hover,
      .maintenance-page h4 a:hover,
      .maintenance-page p a:hover {
        color: #3d3d3d; }
  .maintenance-page .nowrap {
    white-space: nowrap; }
  .maintenance-page .bronze {
    color: #9e7945; }
  .maintenance-page .btn-bronze {
    background-color: #9e7945;
    border: 4px solid #9e7945;
    color: #fff;
    font-family: 'Moderat';
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    padding: 0 16px;
    margin: 0;
    line-height: 33px;
    height: 40px;
    display: inline-block;
    transition: color .25s, border .25s, background-color .25s; }
    .maintenance-page .btn-bronze:hover {
      background-color: #fff;
      border: 4px solid #9e7945;
      color: #9e7945; }
    .maintenance-page .btn-bronze:active {
      background-color: #fff;
      border: 4px solid #9e7945;
      color: #9e7945; }
    .maintenance-page .btn-bronze.disabled {
      pointer-events: none;
      -webkit-filter: saturate(10%);
      -moz-filter: saturate(10%);
      -o-filter: saturate(10%);
      -ms-filter: saturate(10%);
      opacity: .8; }
    .maintenance-page .btn-bronze.arrow:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 6.66667px solid transparent;
      border-bottom: 6.66667px solid transparent;
      border-left: 6.66667px solid #fff;
      margin-left: 10px;
      display: inline-block;
      transition: transform 0.25s;
      -moz-transition: transform 0.25s;
      -webkit-transition: transform 0.25s; }
    .maintenance-page .btn-bronze.arrow.down:after {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg); }
    .maintenance-page .btn-bronze.arrow.up:after {
      transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg); }
    .maintenance-page .btn-bronze.arrow.left:after {
      transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg); }
    @media (min-width: 768px) {
      .maintenance-page .btn-bronze {
        font-size: 20px; } }
  .maintenance-page .row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 910px;
    text-align: center; }
    .maintenance-page .row:after {
      content: '';
      display: block;
      height: 0;
      clear: both; }
    .maintenance-page .row img {
      max-width: 100%; }
    .maintenance-page .row .squaggle {
      height: 11px;
      width: 200px;
      width: 100%;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/squaggle-white.png");
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: top center;
      margin: 2em 0;
      display: inline-block; }
      @media (min-width: 48.0625em) {
        .maintenance-page .row .squaggle {
          width: 300px; } }
  .maintenance-page .row.logo {
    margin-bottom: 20px; }
    @media (min-width: 31.3125em) {
      .maintenance-page .row.logo {
        margin-bottom: 30px; } }
    @media (min-width: 48.0625em) {
      .maintenance-page .row.logo {
        margin-bottom: 40px; } }
    .maintenance-page .row.logo h1 {
      margin: 0;
      padding: 0; }
  .maintenance-page .row.messaging {
    background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/border-top.png");
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    padding: 50px 20px 40px;
    text-align: center;
    color: #47505f;
    margin-bottom: 10px; }
    @media (min-width: 31.3125em) {
      .maintenance-page .row.messaging {
        margin-bottom: 15px;
        padding: 70px 30px 60px; } }
    @media (min-width: 48.0625em) {
      .maintenance-page .row.messaging {
        margin-bottom: 20px;
        padding: 100px 50px 80px; } }
    .maintenance-page .row.messaging h2.title {
      font-size: 8vw;
      margin: 0; }
      @media (min-width: 48.0625em) {
        .maintenance-page .row.messaging h2.title {
          font-size: 6vw; } }
      @media (min-width: 1000px) {
        .maintenance-page .row.messaging h2.title {
          font-size: 60px; } }
    .maintenance-page .row.messaging p {
      font-size: .8rem;
      margin: 0 0 1rem;
      line-height: 150%; }
      @media (min-width: 31.3125em) {
        .maintenance-page .row.messaging p {
          font-size: .95rem; } }
      @media (min-width: 48.0625em) {
        .maintenance-page .row.messaging p {
          font-size: 1.1rem; } }
      .maintenance-page .row.messaging p.larger-copy {
        font-size: 1rem;
        width: 100%;
        margin-left: 0%; }
        @media (min-width: 31.3125em) {
          .maintenance-page .row.messaging p.larger-copy {
            font-size: 1.2rem;
            width: 84%;
            margin-left: 8%; } }
        @media (min-width: 48.0625em) {
          .maintenance-page .row.messaging p.larger-copy {
            font-size: 1.8rem;
            width: 78%;
            margin-left: 11%; } }
      .maintenance-page .row.messaging p.smaller-copy {
        width: 90%;
        margin-left: 5%;
        margin-top: 8%; }
        @media (min-width: 31.3125em) {
          .maintenance-page .row.messaging p.smaller-copy {
            width: 74%;
            margin-left: 13%; } }
        @media (min-width: 48.0625em) {
          .maintenance-page .row.messaging p.smaller-copy {
            width: 56%;
            margin-left: 22%; } }
      .maintenance-page .row.messaging p a.phone {
        white-space: nowrap; }
      @media (max-width: 849px) {
        .maintenance-page .row.messaging p .no-mobile {
          display: none;
          height: 0 !important; } }
    .maintenance-page .row.messaging .content {
      z-index: 1;
      position: relative; }
    .maintenance-page .row.messaging:after, .maintenance-page .row.messaging:before {
      content: '';
      height: 100%;
      width: 3px;
      top: 0;
      left: 0;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/border-left.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: top left;
      position: absolute; }
    .maintenance-page .row.messaging:after {
      left: auto;
      right: 0;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/border-right.png"); }
    .maintenance-page .row.messaging .border-bottom {
      width: 100%;
      left: 0;
      bottom: 0;
      height: 3px;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/border-bottom.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: top left;
      position: absolute; }
    .maintenance-page .row.messaging .stars-bottom,
    .maintenance-page .row.messaging .stars-left,
    .maintenance-page .row.messaging .stars-right,
    .maintenance-page .row.messaging .stars-top {
      position: absolute;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top left;
      z-index: 0; }
    .maintenance-page .row.messaging .stars-left {
      height: 62.5px;
      width: 50px;
      left: 0;
      top: 3%;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/stars-left.png"); }
      @media (min-width: 48.0625em) {
        .maintenance-page .row.messaging .stars-left {
          height: 125px;
          width: 100px;
          left: 7%;
          top: 12%; } }
    .maintenance-page .row.messaging .stars-top {
      height: 36px;
      width: 31px;
      left: 34.6%;
      top: -.75%;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/stars-top.png"); }
      @media (min-width: 48.0625em) {
        .maintenance-page .row.messaging .stars-top {
          height: 78px;
          width: 63px;
          left: 35%;
          top: -1.5%; } }
    .maintenance-page .row.messaging .stars-right {
      height: 75px;
      width: 53px;
      right: 0%;
      top: 1%;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/stars-right.png"); }
      @media (min-width: 48.0625em) {
        .maintenance-page .row.messaging .stars-right {
          height: 152px;
          width: 107px;
          right: 4%;
          top: 10%; } }
    .maintenance-page .row.messaging .stars-bottom {
      height: 20px;
      width: 20px;
      left: 44%;
      bottom: 15%;
      background-image: url("https://mcprdmarketing.azureedge.net/cms/maintenance/images/stars-bottom.png"); }
    .maintenance-page .row.messaging .social {
      text-align: center;
      padding: 0;
      margin: 2em 0 0; }
      .maintenance-page .row.messaging .social li {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-right: 15px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center; }
        @media (min-width: 768px) and (max-width: 1165px) {
          .maintenance-page .row.messaging .social li {
            width: 11.5%;
            height: 0;
            padding-top: 11.5%;
            margin-right: 1.5%; } }
        .maintenance-page .row.messaging .social li:last-child {
          margin-right: 0; }
        .maintenance-page .row.messaging .social li a {
          display: block;
          height: 100%;
          width: 100%; }
        .maintenance-page .row.messaging .social li:after {
          content: '';
          width: 1px;
          height: 1px;
          visibility: hidden; }
        .maintenance-page .row.messaging .social li.facebook {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_facebook.bronze.svg); }
          .maintenance-page .row.messaging .social li.facebook:hover, .maintenance-page .row.messaging .social li.facebook:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_facebook.slate.svg); }
        .maintenance-page .row.messaging .social li.pinterest {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_pinterest.bronze.svg); }
          .maintenance-page .row.messaging .social li.pinterest:hover, .maintenance-page .row.messaging .social li.pinterest:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_pinterest.slate.svg); }
        .maintenance-page .row.messaging .social li.twitter {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_twitter.bronze.svg); }
          .maintenance-page .row.messaging .social li.twitter:hover, .maintenance-page .row.messaging .social li.twitter:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_twitter.slate.svg); }
        .maintenance-page .row.messaging .social li.googleplus {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_google.bronze.svg); }
          .maintenance-page .row.messaging .social li.googleplus:hover, .maintenance-page .row.messaging .social li.googleplus:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_google.slate.svg); }
        .maintenance-page .row.messaging .social li.instagram {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_instagram.bronze.svg); }
          .maintenance-page .row.messaging .social li.instagram:hover, .maintenance-page .row.messaging .social li.instagram:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_instagram.slate.svg); }
        .maintenance-page .row.messaging .social li.snapchat {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_snapchat.bronze.svg); }
          .maintenance-page .row.messaging .social li.snapchat:hover, .maintenance-page .row.messaging .social li.snapchat:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_snapchat.slate.svg); }
        .maintenance-page .row.messaging .social li.youtube {
          background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_youtube.bronze.svg); }
          .maintenance-page .row.messaging .social li.youtube:hover, .maintenance-page .row.messaging .social li.youtube:after {
            background-image: url(https://mcprdmarketing.azureedge.net/global/images/social/social_icons_youtube.slate.svg); }
  .maintenance-page .row.legal {
    font-size: 0.8em;
    padding: 15px; }

/*# sourceMappingURL=maintenance.css.map */