/* =====================================
   TEMPERING FOODS BRAND THEME OVERRIDE
===================================== */

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

h1, h2 {
    font-family: 'League Gothic', sans-serif;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/* =====================================
HEADER
===================================== */

/* subtle shadow */
.main-header.style-one .header-lower{
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}


/* sticky header background */
.sticky-header{
  background:linear-gradient(90deg,#1E4FA1,#2D8C3F);
}


/* normal navbar text */

.main-menu .navigation > li > a, p, ul{
  font-family:'League Gothic', sans-serif;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:1.2px;
}
.main-header.style-one:not(.sticky-header)
.main-menu .navigation > li > a{
  color:var(--primary-blue);
}


/* sticky navbar text */
.sticky-header .main-menu .navigation > li > a{
  color:#fff;
}


/* navbar hover */
.main-menu .navigation > li > a:hover{
  color:var(--accent-green);
}


/* =====================================
DROPDOWN MENU
===================================== */

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

.main-menu .navigation > li > ul > li > a:hover{
  color:var(--accent-green);
}


/* =====================================
HERO SECTION
===================================== */

.banner-section h1,
.sec-title h2,
h1,h2{
  font-family:'Playfair Display', serif;
}
.banner-section .content-box h1{
  color:var(--primary-blue);
}

.banner-section .content-box p{
  color:var(--primary-green);
}


/* hero button */

.banner-section .content-box .btn-box a.banner-btn{
  background:var(--primary-blue);
  color:#fff;
}

.banner-section .content-box .btn-box a.banner-btn:hover{
  background: #2D8C3F;
  color:black;
}


/* =====================================
BUTTONS
===================================== */

.theme-btn-one{
  background:var(--primary-blue);
  color:#fff;
}

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

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


/* =====================================
BREADCRUMB COLORS
===================================== */

.sb-breadcrumbs li a{
  color:var(--primary-blue);
}

.sb-breadcrumbs li:last-child{
  color:var(--primary-green);
}


/* =====================================
GLOBAL HEADING COLORS
===================================== */

h1,h2,h3{
  color:var(--primary-blue);
}


/* =====================================
SUBTITLE SMALL GREEN TEXT
===================================== */

.sec-title p,
.banner-section .content-box span,
.sb-suptitle{
  color:var(--primary-green);
}

/* =====================================
SECTION TITLES
===================================== */

.sec-title h2{
  color:#1E4FA1;
}

.sec-title p{
  color:#2D8C3F;
}


/* =====================================
SERVICE BLOCK HOVER
===================================== */

.service-block-one .inner-box .lower-content h3 a:hover{
  color:#2D8C3F;
}

.service-block-one .inner-box:hover .lower-content .btn-box a{
  background:#2D8C3F;
}


/* =====================================
SHOP / PRODUCT CARDS
===================================== */

.shop-block-one .inner-box .lower-content h3 a:hover{
  color:#2D8C3F;
}


/* =====================================
SIDEBAR TITLES
===================================== */

.product-sidebar .sidebar-content .single-box .title-box:after{
  background:#2D8C3F;
}


/* =====================================
PROJECT / GALLERY BUTTON
===================================== */

.project-block-one .inner-box .lower-content .view-btn a{
  background:#2D8C3F;
}

.project-block-one .inner-box .lower-content .view-btn a:hover{
  color:#2D8C3F;
}


/* =====================================
FILTER TABS
===================================== */

.project-section .project-tab-btns li.active-btn,
.project-section .project-tab-btns li:hover{
  color:#2D8C3F;
}


/* =====================================
TESTIMONIAL NAVIGATION
===================================== */

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
  background:#2D8C3F;
}


/* =====================================
BLOG CATEGORY BADGE
===================================== */

.news-block-one .inner-box .image-box .category{
  background:#6BBF46;
}


/* =====================================
CONTACT SOCIAL ICONS
===================================== */

.contact-section .contact-info-inner .single-box .social-links li a:hover{
  background:#2D8C3F;
  border-color:#2D8C3F;
  box-shadow:0 10px 20px rgba(45,140,63,0.3);
}


/* =====================================
FORM FOCUS STATES
===================================== */

.default-form input:focus,
.default-form textarea:focus{
  border-color:#2D8C3F !important;
}


/* =====================================
ICON BOXES
===================================== */

.service-block-one .icon-box{
  background:transparent !important;
}
.icon-box.alt{
  background:#1E4FA1;
}


/* =====================================
PAGINATION
===================================== */

.pagination li a:hover,
.pagination li a.active{
  background:#2D8C3F;
}


/* =====================================
FOOTER
===================================== */

.footer-bottom{
  background:linear-gradient(90deg,#1E4FA1,#2D8C3F);
}

.footer-top .social-links li a:hover{
  background:#2D8C3F;
}

.footer-top .links-widget li a:hover{
  color:#2D8C3F;
}


/* =====================================
BACKGROUND HELPERS
===================================== */

.bg-color-1{
  background:#eef6ff;
}

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

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


/* =====================================
TRANSPARENT HERO TEXT STROKE FIX
===================================== */

.banner-section.style-three .title-text span.transparent-text{
  -webkit-text-stroke-color:#2D8C3F;
}


/* =====================================
SCROLL TO TOP BUTTON
===================================== */

.scroll-top{
  background:#2D8C3F;
}


/* =====================================
PRELOADER
===================================== */

.handle-preloader .spinner{
  border:3px solid #2D8C3F;
}

.preloader-close{
  background:#2D8C3F;
}

/* registeration Form Css Starts */

.registration-section {
    background: #f9fafb;
    padding: 80px 0;
}

/* CARD */
.form-container {
    max-width: 1000px;
    margin: auto;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* TITLE */
.sec-title {
    margin-bottom: 40px;
}

.sec-title h2 {
    font-size: 32px;
    font-weight: 700;
    color: #222;
}

.sec-title p {
    color: #666;
}

/* SECTION HEADINGS */
.registration-section h4 {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

/* FORM GROUP */
.form-group {
    margin-bottom: 20px;
}

/* LABEL */
.form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #555;
}

/* INPUT */
.form-group input,
.form-group select {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 14px;
    transition: 0.3s;
}

/* FOCUS */
.form-group input:focus,
.form-group select:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,0.1);
    outline: none;
}

/* FILE */
input[type="file"] {
    border: none;
    padding: 5px 0;
}

/* BUTTON */
.submit-btn {
    background: #ff6b00;
    color: #fff;
    border: none;
    padding: 14px 40px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #e65c00;
}

/* ALERT */
.alert {
    padding: 15px;
    border-radius: 6px;
}

.alert-danger {
    background: #ffe5e5;
    color: #c00;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .form-container {
        padding: 20px;
    }
}

/* Registeration form css ends */

/* Dashboard / Sidebar logo */
div .fi-logo {
    height: 5rem !important;
}

/* Login page logo */
.fi-simple-layout .fi-logo {
    height: 5rem !important;
}