/*------------------------------------------------------------------
Project:    Mosaic
Author:     Yevgeny S.
URL:        http://simpleqode.com/
            https://twitter.com/YevSim
Version:    1.3.0
Created:        20/01/2014
Last change:    25/02/2015
-------------------------------------------------------------------*/

/* ===== Body Style Toggle ===== */

.style-toggle-body .colors {
  margin: 0;
}
.style-toggle-body .colors > li {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.style-toggle-body .colors > .green {
  background-color: #94BA65;
}
.style-toggle-body .colors > .blue {
  background-color: #2790B0;
}
.style-toggle-body .colors > .orange {
  background-color: #D26C22;
}
.style-toggle-body .colors > .red {
  background-color: #E35E54;
}
.style-toggle-body .colors > .hmv-pink {
  background-color: #e50077;
}

/* ===== Link and Font Colors ===== */

.body-green a,
.body-green .text-color {
  color: #94BA65;
}
.body-blue a,
.body-blue .text-color {
  color: #2790B0;
}
.body-orange a,
.body-orange .text-color {
  color: #D26C22;
}
.body-red a,
.body-red .text-color {
  /*color: #E35E54;*/
  color: #eb090d;
}
.body-hmv-pink a,
.body-hmv-pink .text-color {
  color: #e50077;
}


/* ===== Border Colors ===== */

.body-green .border-color {
  border-color: #94BA65;
}
.body-blue .border-color {
  border-color: #2790B0;
}
.body-orange .border-color {
  border-color: #D26C22;
}
.body-red .border-color {
  /*border-color: #E35E54;*/
  border-color: #ebo90d;
}
.body-hmv-pink .border-color {
  border-color: #e50077;
}
/* ===== Background Colors ===== */

.body-green .bg-color {
  background-color: #94BA65;
}
.body-blue .bg-color {
  background-color: #2790B0;
}
.body-orange .bg-color {
  background-color: #D26C22;
}
.body-red .bg-color {
/*  background-color: #E35E54;*/
background-color: #eb090d;
}
.body-hmv-pink .bg-color {
  background-color: #e50077;
}
.body-green .bg-hover-color:hover,
.body-green .open > .bg-hover-color {
  background-color: #94BA65 !important;
}
.body-blue .bg-hover-color:hover,
.body-blue .open > .bg-hover-color {
  background-color: #2790B0 !important;
}
.body-orange .bg-hover-color:hover,
.body-orange .open > .bg-hover-color {
  background-color: #D26C22 !important;
}
.body-red .bg-hover-color:hover,
.body-red .open > .bg-hover-color {
/*  background-color: #E35E54 !important;*/
background-color: #eb090d !important;
}
.body-hmv-pink .bg-hover-color:hover,
.body-hmv-pink .open > .bg-hover-color {
  background-color: #e50077 !important;
}
.body-green .dropdown-menu > .active > a,
.body-green .dropdown-menu > .active > a:hover,
.body-green .dropdown-menu > .active > a:focus {
  background-color: #94BA65;
}
.body-blue .dropdown-menu > .active > a,
.body-blue .dropdown-menu > .active > a:hover,
.body-blue .dropdown-menu > .active > a:focus {
  background-color: #2790B0;
}
.body-orange .dropdown-menu > .active > a,
.body-orange .dropdown-menu > .active > a:hover,
.body-orange .dropdown-menu > .active > a:focus {
  background-color: #D26C22;
}
.body-red .dropdown-menu > .active > a,
.body-red .dropdown-menu > .active > a:hover,
.body-red .dropdown-menu > .active > a:focus {
/*  background-color: #E35E54;*/
background-color: #Eb090d;

}
.body-hmv-pink .dropdown-menu > .active > a,
.body-hmv-pink .dropdown-menu > .active > a:hover,
.body-hmv-pink .dropdown-menu > .active > a:focus {
  background-color: #e50077;
}

/* ===== Buttons Colors ===== */
.btn-color,
.btn-color:hover,
.btn-green,
.btn-green:hover,
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red:hover,
.btn-hmv-pink,
.btn-hmv-pink:hover{
  color: #fff !important;
  -webkit-transition: background-color 300ms, border-color 300ms;
      transition: background-color 300ms, border-color 300ms;
}

.btn-negative-color,
.btn-negative-color:hover
{
    color: #000 !important;
  -webkit-transition: background-color 300ms, border-color 300ms;
      transition: background-color 300ms, border-color 300ms;
}


/* Button Green */

.body-green .btn-color,
.btn-green {
  background-color: #94BA65;
  border-color: #749B46;
}
.body-green .btn-color:hover,
.body-green .btn-color:focus,
.body-green .btn-color:active,
.btn-green:hover,
.btn-green:focus,
.btn-green:active{
  background-color: #749B46;
  border-color: #5F7F39;
}

.body-green .btn-negative-color
{
  background-color: #fff;
  border-color: #fff;
}
.body-green .btn-negative-color:hover,
.body-green .btn-negative-color:focus,
.body-green .btn-negative-color:active
{
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

/* Button Blue */

.body-blue .btn-color,
.btn-blue {
  background-color: #2790B0;
  border-color: #217B97;
}
.body-blue .btn-color:hover,
.body-blue .btn-color:focus,
.body-blue .btn-color:active,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: #217B97;
  border-color: #1A6075;
}

.body-blue .btn-negative-color
{
  background-color: #fff;
  border-color: #fff;
}
.body-blue .btn-negative-color:hover,
.body-blue .btn-negative-color:focus,
.body-blue .btn-negative-color:active
{
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
/* Button Orange */

.body-orange .btn-color,
.btn-orange {
  background-color: #D26C22;
  border-color: #C1631F;
}
.body-orange .btn-color:hover,
.body-orange .btn-color:focus,
.body-orange .btn-color:active,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  background-color: #C1631F;
  border-color: #9E511A;
}

.body-orange .btn-negative-color
{
  background-color: #fff;
  border-color: #fff;
}
.body-orange .btn-negative-color:hover,
.body-orange .btn-negative-color:focus,
.body-orange .btn-negative-color:active
{
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

/* Button Red */

.body-red .btn-color,
.btn-red {
  /*background-color: #E35E54;
  border-color: #E0493E;*/
  background-color: #eb090d;
  border-color: #ff0005;
}
.body-red .btn-color:hover,
.body-red .btn-color:focus,
.body-red .btn-color:active,
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  /*background-color: #E0493E;
  border-color: #DD382C;*/
   background-color: #ff0005;
  border-color: #ff0005;
}

.body-red .btn-negative-color
{
  background-color: #fff;
  border-color: #fff;
}
.body-red .btn-negative-color:hover,
.body-red .btn-negative-color:focus,
.body-red .btn-negative-color:active
{
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

/* Button hmv-pink */

.body-hmv-pink .btn-color,
.btn-hmv-pink {
  background-color: #e50077;
  border-color: #cd006b;
}
.body-hmv-pink .btn-color:hover,
.body-hmv-pink .btn-color:focus,
.body-hmv-pink .btn-color:active,
.btn-hmv-pink:hover,
.btn-hmv-pink:focus,
.btn-hmv-pink:active {
  background-color: #da0072;
  border-color: #b50260;
}

.body-hmv-pink .btn-negative-color
{
  background-color: #fff;
  border-color: #fff;
}
.body-hmv-pink .btn-negative-color:hover,
.body-hmv-pink .btn-negative-color:focus,
.body-hmv-pink .btn-negative-color:active
{
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

/* ===== Page Not Found ===== */

.body-green .not-found-p,
.body-green .alt-p,
.body-green .color-jumbotron{
  background: #94BA65;
  background-image: radial-gradient(#A6C680, #749B46);
}
.body-blue .not-found-p,
.body-blue .alt-p,
.body-blue .color-jumbotron {
  background: #2790B0;
  background-image: radial-gradient(#79C9E2, #2790B0);
}
.body-orange .not-found-p,
.body-orange .alt-p,
.body-orange .color-jumbotron {
  background: #D26C22;
  background-image: radial-gradient(#E28D50, #D26C22);
}
.body-red .not-found-p,
.body-red .alt-p,
.body-red .color-jumbotron {
  background: #Eb090d;
  background-image: radial-gradient(#ff0005, #Eb090d);
}
.body-hmv-pink .not-found-p,
.body-hmv-pink .alt-p,
.body-hmv-pink .color-jumbotron {
  background: #e50077;
  background-image: radial-gradient(#ec88bc, #e50077);
}