/*----------------------------------------------
*
* [Theme Light Blue Stylesheet]
*
* Theme    : Leverage
* Version  : 2.1
* Author   : Codings
* Support  : codings.dev
* 
----------------------------------------------*/

/*----------------------------------------------

[ALL CONTENTS]

1. Root
2. Button
3. Feature

----------------------------------------------*/

/*----------------------------------------------
1. Root
----------------------------------------------*/

/* #region Root */

:root {
  --primary-color: #feca04;
  --secondary-color: #f19603;
}

/* #endregion Root */

/*----------------------------------------------
2. Button
----------------------------------------------*/

/* #region Button */

.dark-button:hover,
.dark-button:focus,
.dark-button:hover:after,
.dark-button:focus:after {
  background-color: var(--primary-color) !important;
  background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%) !important;
  background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%) !important;
  color: var(--white-color) !important;
}

.primary-button:hover,
.primary-button:focus {
  background-color: var(--primary-color) !important;
  background-image: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%) !important;
  background-image: linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%) !important;
  color: var(--white-color) !important;
}

/* #endregion Button */

/*----------------------------------------------
3. Feature
----------------------------------------------*/

/* #region Feature */

.card:not(.no-hover):hover {
  background: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%);
  background: linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%);
  transform: translateY(-7.5px);
}

.showcase .card:hover .image-over:before {
  background: -webkit-linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%);
  background: linear-gradient(45deg, var(--primary-color) 15%, var(--primary-color) 65%);
  opacity: 0.9;
}

/* #endregion Feature */