/*
Theme Name: Neve FW
Template: neve
Version: 1.0
*/

/* ==============================
   Firewatch palette
   ============================== */

:root {
  --firewatch-orange: #FF8C42;
  --firewatch-rust: #D65A31;
  --firewatch-dark: #2B1F1A;
  --firewatch-yellow: #FFB854;
  --firewatch-cream: #FFF4E0;
  --firewatch-brown: #8B4513;
  --firewatch-light-orange: #FFAB6B;
  --firewatch-border: rgba(214, 90, 49, 0.2);
  /* coolors */
  --hunter-green:#355834;
  --maya-blue:#66C3FF;
  --french-blue:#2A4494;
  --ash-grey:#B3CBB9;
}

/* ==============================
   Global
   ============================== */

body {

}

a {
    color: var(--firewatch-rust);
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}

a:hover,
a:focus {
    color: var(--firewatch-orange);
}

#header-grid .nav-ul li a {
    padding:0.5rem;
}

/* ==============================
   Typography
   ============================== */


#header-grid .site-title  {
    color:var(--firewatch-dark);
font-size:1.5rem;
}

#content h1, #content h2, #content h3,#content h4, #content h5, #content h6 {
    color:#2b1f1a;
}

/* ==================================
CONTENT
====================================*/
#content .single-page-container {
    max-width:600px;
}

#content h1 {
}

a.page-numbers {
    background:var(--firewatch-yellow);
}
.blog-entry-title.is-h4  {
    border-radius:5px 5px 0 0;
    padding:0.5rem;
    background:var(--firewatch-dark);
    font-weight:600;font-size:1.15rem;
    line-height:1.6;

}

.blog-entry-title a {
    color:var(--firewatch-yellow);
}

.blog-entry-title a:hover {
    color:var(--ash-grey);

}

.primary-menu-ul .current-menu-item a {
    background:var(--firewatch-orange);
}

.scroll-to-top,
.page-numbers.current,
a.page-numbers:hover {
    background:var(--firewatch-rust);
    color:var(--firewatch-cream);
}


.scroll-to-top:hover {
    background:var(--firewatch-yellow);
    font-size:1rem;
    color:var(--firewatch-dark);
}
.header-menu-sidebar-bg {background:var(--firewatch-rust);
}
#neve_body .btn {background:var(--firewatch-rust);

}

/* ===============================
FORM
==================================*/
.wpcf7.js h5 {
    margin-bottom:0;
}

.wpcf7.js h5.req {color:var(--firewatch-rust);
}

input[type=submit], input.wpcf7-form-control {
    cursor: pointer;
    box-sizing: border-box;
    background: var(--firewatch-rust);
    color: white;
    padding:0.1rem 1rem;
}

input[type=submit]:hover {
    background:var(--firewatch-orange);
    color:var(--firewatch-dark);
}

/* ==============================
   Header Site Title Customization
   ============================== */

/* 1. Target the site title link specifically */
#header-grid .site-title  {
    color: var(--firewatch-dark);
    /*font-family: 'BBH Sans Hegarty', sans-serif; /* Ensuring consistency with your requested font */
    /* text-transform: uppercase; */
    transition: all 0.3s ease;
    /* Create a crisp 1px white outline with no blur */
    text-shadow:
       /*
     -2px -2px 0 var(--firewatch-orange),
         2px -2px 0 var(--firewatch-orange),
        -2px  2px 0 var(--firewatch-orange),
         2px  2px 0 var(--firewatch-orange);*/

}

.site-logo .title-with-logo>:first-child {
    margin-right: 35px;
}

/* 2. Hover state: Switch shadow to Bright Orange */
#header-grid .site-title:hover {
    color: var(--firewatch-dark); /* Keep text black */
    text-shadow:

        -2px -2px 0 var(--firewatch-orange),
         2px -2px 0 var(--firewatch-orange),
        -2px  2px 0 var(--firewatch-orange),
         2px  2px 0 var(--firewatch-orange);
}

/* =================================================
ad hoc
================================================= */
/* Define the speed and smoothness of the spin on the image */
.site-logo img {
    transition: transform 0.9s ease-in-out;
}

/* Define the rotation on hover */
.site-logo img:hover {
    transform: rotate(360deg);
    transform: rotateY(180deg);
}

#site-footer .footer-main {
    padding-top:1rem;
}