@import 'types/fullscreen-search';
@import 'types/search-covers-header';
@import 'types/search-dropdown';
@import 'types/slide-from-window-top';

/* ==========================================================================
# Search style - begin
========================================================================== */

.search .mkd-container {
  background: #fff;
}

.mkd-search-opener {
  @include mkdTransition(all 0.15s ease-out);

  .mkd-search-icon-text {
    @include mkdTransition(all 0.15s ease-out);
  }
}

.mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-search-opener,
.mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-search-opener,
.mkd-top-bar-light .mkd-top-bar .mkd-search-opener {
  color: $header-light-color !important; //Color can be set inline from widget opener
}

.mkd-light-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-search-opener:hover,
.mkd-light-header.mkd-header-style-on-scroll .mkd-page-header .mkd-search-opener:hover,
.mkd-top-bar-light .mkd-top-bar .mkd-search-opener:hover {
  color: rgba($header-light-color, 0.7) !important; //Color can be set inline from widget opener
}

.mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-search-opener,
.mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-search-opener,
.mkd-top-bar-dark .mkd-top-bar .mkd-search-opener {
  color: $header-dark-color !important; //Color can be set inline from widget opener
}

.mkd-dark-header .mkd-page-header > div:not(.mkd-sticky-header) .mkd-search-opener:hover,
.mkd-dark-header.mkd-header-style-on-scroll .mkd-page-header .mkd-search-opener:hover,
.mkd-top-bar-dark .mkd-top-bar .mkd-search-opener:hover {
  color: rgba($header-dark-color, 0.7) !important; //Color can be set inline from widget opener
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #959595;
  margin-top: 10px;
}

.search .format-quote h2.mkd-post-title,
.search .format-link h2.mkd-post-title {
  color: #fff;
}

.search .format-quote h2.mkd-post-title a:hover,
.search .format-link h2.mkd-post-title a:hover {
  color: #fff;
}

/* ==========================================================================
# Search style - end
========================================================================== */