/**
* Theme Name: Darkyn Child
* Description: This is a child theme of Darkyn, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themeguri">ThemeGuri</a>
* Template: darkyn
* Version: 1.0
*/
/**
 * Theme Name: Darkyn Child
 * Description: This is a child theme of Darkyn, generated by Merlin WP.
 * Author: <a href="http://themeforest.net/user/themeguri">ThemeGuri</a>
 * Template: darkyn
 * Version: 1.0
*/

/* =============================================
   ROOT VARIABLE OVERRIDE
   ============================================= */
:root {
  --default: #E0FF00 !important;
}

/* =============================================
   GENERAL / BODY
   ============================================= */
blockquote {
  border-left-color: #E0FF00 !important;
}

/* =============================================
   NAVIGATION
   ============================================= */
.menu-item:hover {
  color: #E0FF00 !important;
}

.menu-item.w--current {
  border-bottom-color: #E0FF00 !important;
}

.menu-item.w--current:hover {
  color: #E0FF00 !important;
}

@media screen and (max-width: 991px) {
  .menu-item.w--current {
    color: #E0FF00 !important;
  }
}

/* =============================================
   HERO SECTION
   ============================================= */
.hero-under-text {
  border-left-color: #E0FF00 !important;
}

/* =============================================
   NUMBERS / STATS CARDS
   ============================================= */
.numbers-item.numbers-item-orange {
  background-color: #063F47 !important;
}

.number-circle.circle-orange {
  background-color: #E0FF00 !important;
}

/* =============================================
   SECTION TITLES
   ============================================= */
.main-title {
  border-bottom-color: #E0FF00 !important;
}

/* =============================================
   MISSION SECTION
   ============================================= */
.mission-orange-box {
  border-color: #E0FF00 !important;
  background-color: #E0FF00 !important;
}

.mission-orange-box.mission-transparent {
  background-color: transparent !important;
  border-color: #E0FF00 !important;
}

/* =============================================
   WORK / PORTFOLIO
   ============================================= */
.work-category {
  background-color: #063F47 !important;
}

/* =============================================
   BLOG
   ============================================= */
.blog-category {
  border-color: #E0FF0070 !important;
}

.blog-category-2.single-category a {
  border-color: #E0FF00 !important;
}

.blog-category-2.single-category a:hover {
  border-color: #E0FF00 !important;
}

/* =============================================
   SHOP
   ============================================= */
.shop-item:hover {
  border-color: #E0FF00 !important;
}

/* =============================================
   BUTTONS
   ============================================= */
.submit-button {
  background-color: #063F47 !important;
  border-color: #063F47 !important;
  color: #E0FF00 !important;
}

.submit-button:hover {
  background-color: #E0FF00 !important;
  color: #063F47 !important;
}

.button {
  border-color: #E0FF00 !important;
  color: #E0FF00 !important;
}

.checkout-button {
  background-color: #063F47 !important;
  border-color: #063F47 !important;
}

/* =============================================
   BACK TO TOP
   ============================================= */
.backtotop:hover {
  background-color: #063F47 !important;
}

/* =============================================
   FOOTER
   ============================================= */
.mail-link:hover,
.phone-link:hover {
  color: #E0FF00 !important;
  text-shadow: 0 0 8px #E0FF00 !important;
}

.social-link:hover {
  background: #063F47 !important;
  color: #E0FF00 !important;
  box-shadow: 0 0 10px #063F47 !important;
}

/* =============================================
   SIDEBAR
   ============================================= */
.aside-title::after {
  background: #E0FF00 !important;
}

.search-button {
  background-color: #063F47 !important;
}

.search-button:hover {
  background-color: #E0FF00 !important;
}

.widget_categories ul li a:hover {
  color: #E0FF00 !important;
}

.widget_categories ul li a::before {
  color: #E0FF00 !important;
}

.widget_archive ul li a:hover {
  color: #E0FF00 !important;
}

.widget_archive ul li a::before {
  color: #E0FF00 !important;
}

.tagcloud a:hover {
  color: #E0FF00 !important;
  box-shadow: 0 0 6px #E0FF00 !important;
}

/* =============================================
   COMMENTS
   ============================================= */
.post-reply {
  background: #063F47 !important;
}

.post-reply:hover {
  background: #E0FF00 !important;
  color: #063F47 !important;
}

.post-comment-item .comment-reply-link {
  background: #063F47 !important;
}

.post:hover {
  box-shadow: 0 0 3px #E0FF00 !important;
}

/* =============================================
   SINGLE TAGS
   ============================================= */
.single-tags:hover {
  color: #E0FF00 !important;
}

/* =============================================
   TEAM
   ============================================= */
.team-job {
  color: #E0FF00 !important;
}

.social-link-2:hover {
  background-color: #063F47 !important;
  box-shadow: 0 0 10px #063F47 !important;
}

/* =============================================
   SERVICES
   ============================================= */
.services-item:hover .service-nunmber {
  background-color: #063F47 !important;
  color: #E0FF00 !important;
}

/* =============================================
   TESTIMONIALS
   ============================================= */
.trstimonials-item:hover {
  box-shadow: 0 0 4px #E0FF00 !important;
}

/* =============================================
   AUTHOR BOX
   ============================================= */
.author-container:hover {
  box-shadow: 0 0 4px #E0FF00 !important;
}

/* =============================================
   PAGINATION
   ============================================= */
.pagination li a:hover,
.pagination li.active a,
.pagination li > span,
.paginate-links a:hover,
.paginate-links > span {
  color: #E0FF00 !important;
}

/* =============================================
   CURSOR
   ============================================= */
.cursor-follower {
  border-color: #E0FF00 !important;
  background: rgba(224, 255, 0, 0.08) !important;
}

.cursor-wrapp {
  box-shadow: 0 0 20px #E0FF00 !important;
}

/* =============================================
   FORM BUTTON
   ============================================= */
.form-button {
  background: #063F47 !important;
}

.form-button:hover {
  background: #E0FF00 !important;
  color: #063F47 !important;
}

/* =============================================
   BLOG ITEM HOVER
   ============================================= */
.blog-item:hover {
  box-shadow: 0 0 5px #E0FF00 !important;
}

/* =============================================
   SHINE / GLOW EFFECTS (orange rgba overrides)
   ============================================= */
.post::after,
.trstimonials-item::after,
.mission-content::after,
.single-img-wrapper::after,
.author-container::after,
.blog-item::after,
.tagcloud a::after {
  background: linear-gradient(120deg, transparent, rgba(6, 63, 71, 0.2), transparent) !important;
}
div.numbers-item.numbers-item-orange {
  background-color: #063F47 !important;
}

div.number-circle.circle-orange {
  background-color: #E0FF00 !important;
}