/* Tempering Foods Brand Colors */

:root{
  --primary-blue: #1E4FA1;
  --primary-green: #2D8C3F;
  --accent-green: #6BBF46;
}

/* Scroll button */
.scroll-top{
  background: var(--primary-green);
}

/* Dropdown menus */
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
	background: var(--primary-blue);
}

/* Hover links */
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover,
.main-menu .navigation > li > ul > li > ul > li > a:hover{
	color: var(--primary-green) !important;
}

/* Preloader */
.preloader-close{
  background: var(--primary-green);
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid var(--primary-green);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading,
.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: var(--primary-green);
}

/* Sticky header */
.sticky-header{
  background: linear-gradient(90deg,var(--primary-blue),var(--primary-green));
}

/* Primary button */
.theme-btn-one{
  background: var(--primary-blue);
}

.theme-btn-one:hover{
  color: var(--primary-green);
}

/* Secondary button */
.theme-btn-two:hover{
  border-color: var(--primary-green);
}

/* Shop hover */
.shop-block-one .inner-box .lower-content h3 a:hover{
  color: var(--primary-green);
}

/* Sidebar title underline */
.product-sidebar .sidebar-content .single-box .title-box:after{
  background: var(--primary-green);
}

/* Sidebar buttons */
.product-sidebar .sidebar-content .single-box .item-name .bye-btn a:hover,
.product-sidebar .sidebar-content .single-box .item-name h6 a:hover{
  color: var(--primary-green);
}

/* Services hover */
.service-block-one .inner-box .lower-content h3 a:hover{
  color: var(--primary-green);
}

.service-block-one .inner-box:hover .lower-content .btn-box a{
  background: var(--primary-green);
}

/* Gallery zoom button */
.project-block-one .inner-box .lower-content .view-btn a{
  background: var(--primary-green);
}

.project-block-one .inner-box .lower-content .view-btn a:hover{
  color: var(--primary-green);
}

/* Tabs */
.project-section .project-tab-btns li.active-btn,
.project-section .project-tab-btns li:hover{
  color: var(--primary-green);
}

/* Testimonials nav */
.testimonial-section .nav-style-one .owl-nav .owl-prev:hover,
.testimonial-section .nav-style-one .owl-nav .owl-next:hover{
  background: var(--primary-green);
}

/* News category badge */
.news-block-one .inner-box .image-box .category{
  background: var(--accent-green);
}

/* Contact links */
.contact-section .contact-info-inner .single-box .list li a:hover{
  color: var(--primary-green);
}

.contact-section .contact-info-inner .single-box .social-links li a:hover{
  border-color: var(--primary-green);
  background: var(--primary-green);
}

/* Form focus */
.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: var(--primary-green) !important;
}

/* Footer hover */
.footer-top .contact-widget .widget-content .info-list li a:hover,
.footer-top .links-widget .links-list li a:hover,
.footer-bottom .footer-nav li a:hover{
  color: var(--primary-green);
}

.footer-top .contact-widget .widget-content .social-links li a:hover{
  background: var(--primary-green);
}

/* Pagination */
.pagination li a:hover,
.pagination li a.active{
  background: var(--primary-green);
}

/* Background helpers */
.bg-color-1{
  background: #eef6ff;
}

.bg-color-3{
  background: #eefaf2;
}

.bg-color-4{
  background: #f4fbf6;
}