@import "legacy_includes/selectize.bootstrap3";

// TODO: import a manifest for assets here.
// import the same manifest in general stylesheet,
// *the html and body elements are different here and on general sheet*

/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "bootstrap/variables";

//
// Overrides
$border-radius: 1px;
$border-radius-lg: 1px;
$border-radius-sm: 1px;

@import "revised/mixins/colors";

//
// More bootstrap
@import "bootstrap/mixins";

// Reset and dependencies
@import "bootstrap/normalize";

// @import "bootstrap/print";

// Core CSS
@import "bootstrap/reboot";

// @import "bootstrap/type";
// @import "bootstrap/images";
// @import "bootstrap/code";
// .code {
//   .code-label {
//     border-radius: $border-radius $border-radius 0 0;
//     width: 100%;
//     background: $gray-lighter;
//     border: 1px solid $gray-lightish;
//     margin-top: 1em;
//     margin-bottom: 0;
//     padding: 7px 9px 5px;
//     font-size: 15px;
//     font-weight: bold;
//   }
//   pre {
//     border-radius: 0 0 $border-radius $border-radius;
//     box-shadow: inset 0 0 1px rgba(black,.2);
//     border: 1px solid $gray-lightish;
//     border-top: 0;
//   }
// }
// @import "bootstrap/grid";
// @import "bootstrap/tables";
@import "bootstrap/forms";

// @import "bootstrap/buttons"; // Override buttons with our own buttons

// Components
// @import "bootstrap/animation";
// @import "bootstrap/dropdown";
// @import "bootstrap/button-group";
@import "bootstrap/input-group";
@import "bootstrap/custom-forms";

// @import "bootstrap/nav";
// @import "bootstrap/navbar";
// @import "bootstrap/card";
// @import "bootstrap/breadcrumb";
// @import "bootstrap/pagination"; // Overriden with our own
// @import "bootstrap/tags";
// @import "bootstrap/jumbotron";
// @import "bootstrap/alert"; // Overriden with our own
// @import "bootstrap/progress";
// @import "bootstrap/media";
// @import "bootstrap/list-group";
@import "bootstrap/responsive-embed";
@import "bootstrap/close";

// // Components w/ JavaScript
// $modal-backdrop-bg: $blue-dark;
// $modal-backdrop-opacity: 0.8;
// @import "bootstrap/modal";
// @import "bootstrap/tooltip";
// @import "bootstrap/popover";
// @import "bootstrap/carousel";

// Utility classes
@import "bootstrap/utilities";

/*!
 * Bike Index styles
 * for revised style in 2016
 */

// Settings
@import "revised/vars";
@import "revised/fonts";

// Bootstrap overrides
@import "revised/mixins/buttons";

// @import "revised/sections/modals";
@import "revised/sections/alerts";
@import "revised/sections/forms";

// Bike Index mixins
// @import "revised/mixins/trash_can_icon";
// @import "revised/mixins/textoverflow";
// @import "revised/mixins/nav_tabs";

// Shared styles
// @import "revised/sections/primary_header_nav";
// @import "revised/sections/primary_footer";
// @import "revised/sections/content_menu";
// @import "revised/sections/form_well";
// @import "revised/sections/pagination";
// @import "revised/sections/edit_bike_menu";
// @import "revised/sections/edit_bike_title";
// @import "revised/sections/horizontal_lines";
// @import "revised/sections/legal";
// @import "revised/sections/sharing";
// @import "revised/sections/attr_list";
// @import "revised/sections/sign_in_up";
// @import "revised/sections/ad_blocks";
// @import "revised/sections/bike_search_form";
// @import "revised/sections/bike_boxes";
// @import "revised/sections/side_boxes";
// Shared organized styles
// @import "revised/pages/organized/forms";
// @import "revised/pages/organized/header";
// @import "revised/sections/organized_menu"; // left hand organized menu

//
// Page styles
//
// Bike form pages
// @import "revised/pages/bikes/new";
// @import "revised/pages/bikes/edit_bike_details";
// @import "revised/pages/bikes/edit_ownership";
// @import "revised/pages/bikes/edit_accessories";
// @import "revised/pages/bikes/edit_photos";
// @import "revised/pages/bikes/edit_publicize";
// @import "revised/pages/bikes/edit_alert";

// // Bike registration page styles
// @import "revised/pages/bikes/choose_registration";

// Bike show & search pages
// @import "revised/pages/bikes/show";
// @import "revised/pages/bikes/show_photo"; // separated because it's a lot

// User pages
// @import "revised/pages/my_accounts/show";
// @import "revised/pages/my_accounts/edit";

// Error pages
// @import "revised/pages/errors";

// // Info pages
// @import "revised/pages/info/where";
// @import "revised/pages/info/about";
// @import "revised/pages/info/protect_your_bike";
// @import "revised/pages/payments/payments";

// // Support pages
// @import "revised/pages/support/faq";

// // News pages
// @import "revised/pages/news/index";
// @import "revised/pages/news/show";

// // Home styles
// @import "legacy_includes/slick.scss"; // legacy carousel, delete when it's gone!
// @import "revised/pages/home/home";
// @import "revised/pages/home/supporters";
// @import "revised/pages/home/testimonials";

// // LEGACY PAGES general styles - replace as soon as all pages have been restyled
// @import "revised/sections/legacy_content"; // general legacy content styles
// @import "revised/pages/legacy_stolen"; // legacy stolen page - including multi-serial search

// html { background: $black-off; }
// .currently-hidden { display: none; }
img {
  max-width: 100%;
}

// don't break random stuff images!
// body { min-height: 400px; }

//
// External overrides
//

// Bike Index selectize overrides
.selectize-dropdown [data-selectable] .highlight {
  background: rgba($blue, 0.2);
}

.selectize-dropdown .active {
  background-color: lighten(#bebebe, 10%);
}

// Make selectize inputs the same size as form inputs
.form-group .selectize-control .selectize-input {
  padding: 0.475rem 0.75rem;
}

// Make placeholder text the same as other placeholders
.registration-widget .selectize-input.not-full > input {
  font-style: italic;
}

.registration-widget .selectize-input.not-full.input-active > input {
  font-style: normal;
}

// // Pickaday overrides
// .pika-button:hover { background: $blue; }

// // Slick - legacy from homepage
// @media (min-width: $grid-breakpoint-md) {
//   .slick-prev,
//   .slick-next { display: none; }
// }

// ------------------------------
//

// cursor classes required for #motorizedWrapper
.cusor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}

//
// REGISTRATION FORM SPECIFIC STYLES
//
#binx_registration_widget {
  margin: 0 auto;
  position: relative;
  border-radius: $border-radius;
  width: 100%;

  // max width set on body element in reg embed
  border: 1px solid $gray-lightish;
  background: $gray-lighter;

  h2 {
    font-size: 30px;
    margin: $vertical-height 0 (1.5 * $vertical-height);
  }

  p,
  h2 {
    text-align: center;
  }

  header {
    border-radius: $border-radius $border-radius 0 0;
    display: block;
    background: $gray-dark;
    position: relative;
    padding: $vertical-height;

    h3 {
      color: #fff;
      margin: 0;
      text-align: center;
      font-size: 21px;
    }
  }

  header.reg-header {
    background: url("revised/spokebg.png");
    background-size: cover;
    background-position: center center;
    padding: $vertical-height 0;

    .reg-header-logo {
      display: block;
      width: 15%;
      height: auto;
      margin: 0 auto;
    }

    h2 {
      color: $reversed-font-color;
      margin: $vertical-height 0;
    }

    p {
      margin: 0;
      color: #fff;

      em {
        color: $blue;
      }
    }
  }

  .registration-widget-body {
    padding: 22px (2 * $vertical-height) 21px;

    p {
      padding: 0 10%;
    }
  }

  .registration-widget-body > form {
    margin: 0 auto;
  }

  input[type="email"],
  select,
  .form-control {
    width: 100%;
  }

  .below-input-help {
    padding: 0 6px;
  }

  .fancy-select .selectize-control {
    width: 100%;
  }

  // Otherwise this overflows the iframe on landing pages
  .short-fancy-select .selectize-dropdown-content {
    max-height: 120px;
  }

  label {
    line-height: 1.2em;
  }

  .submit-wrapper .btn {
    display: block;
    margin: 0;
    width: 100%;
    border: none;
  }

  // Per organization settings
  &.umd .submit-wrapper .btn {
    background: #e03a3e;
  }
  &.uw .submit-wrapper .btn {
    background: #4b2e83;
  }
  &.upitt .submit-wrapper .btn {
    background: #102f59;
  }
  &.psu .submit-wrapper .btn {
    background: #074378;
  }
  &.lapd .submit-wrapper .btn {
    background: #4062a8;
  }
  &.princeton .submit-wrapper .btn {
    background: #ee7f2d;
  }
  &.iu .submit-wrapper .btn {
    background: #990000;
  }
  &.msu .submit-wrapper .btn {
    background: #18453b;
  }
  &.uc-davis .submit-wrapper .btn,
  &.uc-davis-health .submit-wrapper .btn {
    background: #022851;
  }
  // UIowa has waffled on their abbreviation
  &.uiowa .submit-wrapper .btn,
  &.university-of-iowa .submit-wrapper .btn {
    background: #ffcd00;
  }
  //
  // NOTE: Colors should now be passed in params[:button] or params[:button_and_header]
  // NOT assigned in here. see PR#2866
  //
}
