/*******************************************************************
 * Hebu Music - Blasorchestershop                                  *
 *-----------------------------------------------------------------*
 * 02.03.2016 | Michael Hack Software | www.michaelhacksoftware.de *
 *******************************************************************/

@import "style.css";

/* === Allgemein === */
a, h1, h2, h3, h4, h5 { color: #0058A0; }
a:hover, a:active, a:focus { color: #008BF0; }
hr { border-color: #0058A0; }

/* === Hintergrund === */
@media (max-width:  800px) { body{ background-image: url("../img/back/back-3-800.jpg");  } }
@media (min-width:  801px) { body{ background-image: url("../img/back/back-3-1024.jpg"); } }
@media (min-width: 1025px) { body{ background-image: url("../img/back/back-3-1440.jpg"); } }
@media (min-width: 1441px) { body{ background-image: url("../img/back/back-3-1920.jpg"); } }
@media (min-width: 1921px) { body{ background-image: url("../img/back/back-3-2048.jpg"); } }
@media (min-width: 2049px) { body{ background-image: url("../img/back/back-3-3200.jpg"); } }
@media (min-width: 3201px) { body{ background-image: url("../img/back/back-3-4096.jpg"); } }

/* === Farbselektoren === */
.bg-color       { background-color: #0058A0 !important; }
.bg-color-light { background-color: #008BF0 !important; }
.fg-color       { color: #0058A0 !important; }
.fg-color-light { color: #008BF0 !important; }
.border-color   { border-color: #0058A0 !important; }

/* === Menü === */
.navbar-nav .shop_kind.active, .navbar-nav .shop_kind:hover { background-color: #0058A0 !important; }
#small-menu .shop_kind .sub-menu li { border-color: #0058A0 !important; }

/* === Formulare === */
.form-control:focus {
    border-color: #008BF0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* === Player === */
#jp-player .clef                { background-color: #0058A0; }
#jp-player .jp-play-bar         { background-color: #0058A0; }
#jp-player .jp-volume-bar-value { background-color: #0058A0; }
#jp-player .jp-playlist-current { color: #008BF0 !important; }

#jp-player .jp-play-knob {
    background-color: #0058A0;
    background-image: -webkit-linear-gradient(top,#008BF0 0,#0058A0 100%);
    background-image: -o-linear-gradient(top,#008BF0 0,#0058A0 100%);
    background-image: linear-gradient(to bottom,#008BF0 0,#0058A0 100%);
}

.player-btn:hover { background-color: #0058A0; }
.ps-theme-playlist > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #0058A0 !important; }

/* === Slider === */
.slider-handle {
    background-color: #0058A0;
    background-image: -webkit-linear-gradient(top,#008BF0 0,#0058A0 100%);
    background-image: -o-linear-gradient(top,#008BF0 0,#0058A0 100%);
    background-image: linear-gradient(to bottom,#008BF0 0,#0058A0 100%);
}

/* === Breadcrump === */
.breadcrump .title { color: #008BF0; }

/* === Pagination === */
.pagination > li > a,
.pagination > li > span {
  color: #0058A0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #008BF0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #008BF0;
  border-color: #008BF0;
}

/* === Footer === */
footer .title { color: #0058A0; }