doughnut-wedding/build/less/doughnut.less

@import "../../vendor/bower/uikit/src/less/uikit.less";
@import "../../vendor/bower/uikit/src/less/components/variables.less";
@import url('https://fonts.googleapis.com/css?family=Sigmar+One');
//@global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
//@global-font-size: 16px;
@global-font-family: 'Raleway', sans-serif;

@base-body-font-family: 'Raleway', sans-serif;
@base-heading-font-family: 'Raleway', sans-serif;
@base-heading-text-transform: uppercase;
@button-text-transform:capitalize;
@base-body-font-weight: 200;
@base-heading-font-weight: 300;
@form-background: #ffffff;
@global-link-color: #5fbabd;
@base-link-color: @global-link-color;
@base-link-hover-color: darken(@base-link-color, 20%);
@button-primary-background: #9dd3d5;
@button-primary-color: #333;
@text-primary-color: @button-primary-background;
@button-primary-hover-color: darken(@button-primary-color, 10%);
@button-primary-hover-background: darken(@button-primary-background, 10%);
@button-danger-background: #fa6581;
@button-danger-color: #333;
@button-danger-hover-color: darken(@button-danger-color, 10%);
@button-danger-hover-background: darken(@button-danger-background, 10%);

blockquote p {

}

blockquote footer:before {
  content: "— ";
}
.uk-404 {
  font-family: 'Sigmar One', cursive;
  line-height:0;
  &.uk-doughnut {
    @media(min-width: @breakpoint-small-max) {
      font-size: 10rem;
    }
    @media(max-width: @breakpoint-small) {
      font-size: 5rem;
    }
    .uk-spin {
      @media(min-width: @breakpoint-small-max) {
        width: 128px;
        height: 128px;
      }
      @media(max-width: @breakpoint-small) {
        width: 64px;
        height:64px;
      }
      background-image:url(https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/doughnut_404.png)
    }
  }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.uk-spin {
  position: relative;
  top: 0%;
  left: 0%;
  margin:0px 12px;
  -webkit-animation:spin 1.5s linear infinite;
  -moz-animation:spin 1.5s linear infinite;
  animation:spin 1.5s linear infinite;

}
.uk-login-container {
  .uk-navbar {
    .uk-navbar-nav {
      li {
        a {
          font-weight:bold !important;
        }
      }
    }
  }
}
label.required:after {
  content: "*";
  text-align:right;
  float:right;
  color: @form-danger-color;
  font-size: @global-large-font-size;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: bold
}

.uk-home {

  .uk-overlay {
    h3 {
      a {
        text-decoration:none;
        border:0;
        letter-spacing:.15rem;
        text-transform: uppercase;
        &:hover {
          text-shadow: #000000;
        }
      }
    }
  }
  .uk-background-fade {
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-property: background-image;
  }

  .uk-our-story-home {
    height:465px !important;
    background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_our_story_1.jpg');
    &:hover {
      background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_our_story_2.jpg')
    }
  }
  // photo
  // location
  .uk-photo-home {
    background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_photo_2.jpg');
    &:hover {
      background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_photo_1.jpg');
    }
  }
  .uk-location-home {
    margin-bottom:15px !important;
    background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_location.jpg');
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-property: filter;
    &:hover {
      filter: hue-rotate(90deg);
      background-blend-mode: darken;

    }
  }
  .uk-doughnut-rsvp {
    margin-bottom:15px !important;
    background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_doughnut_1.jpg');
    &:hover {
      background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_doughnut_2.jpg');
    }
  }
  .uk-doughnut-get-in-touch-home {
    background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_doughnut_2.jpg');
    &:hover {
      background-image: url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_doughnut_1.jpg');
    }
  }

  .uk-background-home {

  }
}
.uk-icon.uk-icon-facebook {
  color: #3b5998;

}
.uk-icon.uk-icon-google {
  color: #d50f25;
}
.uk-icon.uk-icon-twitter {
  color: #1da1f2;
}
.uk-icon.uk-icon-yahoo {
  color: #7b0099;
  /*color: #720e9e;*/
}
.uk-icon.uk-icon-amazon {
  color: #ff9900;
}
.uk-preload {
  background-repeat:  no-repeat;
  background-position-x: -9999px;
  background-position-y: -9999px;
  .our-story {
    background-image:url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_our_story_2.jpg');
  }
  .photo-gallery {
    background-image:url('https://storage.googleapis.com/zgluzzkwodfky2m0ytbhmjhmmzqzntq2ngy3ndjmntyxmzg4/assets/home_photo_1.jpg');
  }

}
.uk-registration-connect a,
.uk-doughnut-main-nav li a {
  font-weight:bold !important;
}
.uk-input,
.uk-select,
.uk-textarea {
  border:1px solid @global-muted-background;
  background: #ffffff;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  background: #f5fbfe;
  border:1px solid #99baca;
  color: #666;
}
.uk-login-form #password {
  border-top:0 !important;
}
.uk-login-form #password:focus {
  border-top: 1px solid #99baca !important;
}