/*
Theme Name: GreenHill Recovery Child
Theme URI: https://greenhillrecovery.com
Description: Child theme for GreenHill Recovery
Author: Your Name or Company
Author URI: https://yourwebsite.com
Template: greenhill-recovery
Version: 1.1.8
Text Domain: greenhill-recovery-child
*/

/* ------------------ General Layout ------------------ */

@font-face {
  font-family: "HankenGrotesk";
  src: url('fonts/hanken-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('fonts/inter-400.woff2') format('woff2'), url('../assets/fonts/EB_Garamond/eb-garamond-v30-latin-700.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

body {background-color: #F7F7F7; font-family: Inter, sans-serif;  font-weight: 400; font-size: 18px;
  font-style: normal;
  line-height: 150%; /* 27px */
color: #52535A;}

.bg-dark-navy {background-color: #0C1B27; color: #f7f7f7; }
.bg-dark-navy a { color: #f7f7f7; }

p {
  color: #52535A;
 font-family: Inter, sans-serif;  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 150%; /* 27px */
}

#main {
  margin-top: 0;
}

#main a, #resources a {color: #015F9B;text-decoration: underline;}

.first-block {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

footer {background-color: #1C4D6B; color:#f7f7f7;}

/* ------------------ Header & Navbar ------------------ */

header {
  background-color: #1D4D6C;
  color: #fff;
}

/* Top bar padding for breathing room */
#top-bar {
  background-color: #FFA212;
  color: #1a1a1a;
  font-size: 0.95rem;
  padding: 0.4rem 0; /* Slightly more padding */
}
.navbar {background: none;}
.navbar li.nav-item a {color: #f7f7f7;}
/* Top-level menu links white */
.navbar-nav > li > a.nav-link {
  color: #f7f7f7 !important;
}

/* Dropdown menu links default color (Bootstrap's default body color) */
.navbar-nav .dropdown-menu .dropdown-item {
  color: #212529; /* Bootstrap 5 body text color */
}

/* Optional: Hover effect for dropdown items */
.navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #000;
}


.hero-section {background-color: #0C1B27;}

form.lead {background-color: #ECEFF1;}

h1 {
  font-family: "HankenGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; /* Match the font-weight you defined in @font-face */
}

.recovery-box {
  background-color: #e9f0f6; /* Light bluish-gray tone similar to the image */
  color: #1e2a38; /* Dark text for readability */
}

/* Orange button like the image */
.btn-orange {
  background-color: #ffa500; /* Bright orange */
  color: #000;               /* Black text */
  border: none;
}

.btn-orange:hover {
  background-color: #e69500; /* Slightly darker on hover */
  color: #000;
}

/* Optional: rounded corners and spacing tweaks */
.search-form .form-control,
.search-form .btn {
  border-radius: 0.375rem;
}

/* Remove extra spacing or border if needed */
.input-group .form-control:focus {
  box-shadow: none;
}

h1 {
  color: #F7F7F7;
    font-family: "HankenGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; /* Match the font-weight you defined in @font-face */
  font-size: 56px;
  font-style: normal;
  line-height: 110%; /* 61.6px */
}

h2 {
  color: #1D4D6C;
  font-family: "HankenGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; /* Match the font-weight you defined in @font-face */
  font-size: 36px;
  font-style: normal;

  line-height: 100%; /* 36px */
 margin-bottom: 0.5em;
  line-height: 1.2;
}

h3 {
  color: #1D4D6C;
  font-family: "HankenGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; /* Match the font-weight you defined in @font-face */
  font-size: 20px;
  font-style: normal;
 
  line-height: normal;
  letter-spacing: -0.2px;
	margin-top: 1.4em;
 margin-bottom: 0.5em;
  line-height: 1.2;
}



.form-title {
  color: #0C1B27;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

form label {
  color: #1D4D6C;
  font-size: 16px;
  font-style: normal;
  font-family: Inter, sans-serif;  font-weight: 400;
  line-height: normal;
}

.left p {color:white;}
.left .callout p { color: #52535A;}
.left h2, .left h3, .left h4 {color:#BDCCD4;}


.btn-dark {background-color: #2A3B5A; /* Dark navy */
  color: #fff;}
#main .btn-block-dark {
  display: block;
  width: 100%;
  background-color: #2A3B5A; /* Dark navy */
  color: #fff;

  text-align: center;
  padding: 1.25rem;
  text-decoration: none;
  border: none;
  border-radius: 0;
  font-size: 1.125rem; /* 18px */
 background-image: none;
}

 #main a.btn-block-dark {
   color: #fff;
text-decoration: none;
}

#main .btn-block-dark:hover {
  background-color: #162a45;
  color: #fff;
  text-decoration: none;
}

.btn-call {
  background-color: #1A5C29;
  color: #f7f7f7 !important;          /* Make text white */
  border: none;
  text-decoration: none !important;
	background-image: none;
}

.btn-call:hover,
.btn-call:focus {
  background-color: #256429;
  color: #f7f7f7 !important;
  text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {background: none;}


p.lead {color:#9B9DA3;}

h2.wp-block-heading {
  margin-top: 46px;
}

.navy {color: #0c1b27}

form.lead { font-family: Inter, sans-serif;  font-weight: 400;}

button, .btn {background-image:none;}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

.callout h2 {color: #1D4D6C;}

@media (min-width: 768px) {
  h2.wp-block-heading {
    margin-top: 34px; /* slightly less on larger screens if desired */
  }
}

.page-id-328  p {color:white;}
.page-id-328 a {color: white;}

.btn-orange {background-color: #FFA212;}

#footer {background-color: #0C1B27;}
#footer .nav-link:focus, #footer .nav-link:hover,  a.verify:hover {color: #1C4D6B;}

 #main a.verify {color: #0B1D2D;}