/*
Theme Name: Original Design
Theme URI: https://www.dulwich-plumber.co.uk/
Description: Child theme for the BTU calculator – Original Design.
Author: Dulwich Plumber
Version: 1.0
Template: twentytwentyfour
*/

@import url('../twentytwentyfour/style.css');

/* Custom colour palette for this design */
:root {
  --primary-color: #0f3f6a;
  --accent-color: #f1c232;
}

/* Hero section styling */
.dp-hero {
  background: url('{{ get_stylesheet_directory_uri() }}/assets/images/hero.png') no-repeat center/cover;
  color: #fff;
  padding: 80px 20px;
  text-align: left;
}
.dp-hero h1 { font-size: 2.2rem; margin: 0 0 10px; }
.dp-hero p { font-size: 1.1rem; max-width: 600px; }
.dp-hero .cta-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: var(--accent-color);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}

/* Newsletter form styling */
.dp-newsletter-form {
  margin-top: 20px;
}
.dp-newsletter-form input[type="email"] {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 70%;
  margin-right: 10px;
}
.dp-newsletter-form button {
  padding: 8px 16px;
  background-color: var(--accent-color);
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
.dp-content-section {
  padding: 40px 20px;
}
.dp-content-section h2 {
  color: var(--primary-color);
  margin-top: 40px;
}
.dp-content-section blockquote {
  font-style: italic;
  border-left: 4px solid var(--accent-color);
  padding-left: 12px;
  margin: 20px 0;
}
.dp-content-section dl { margin-top: 20px; }
.dp-content-section dt { font-weight: bold; margin-top: 10px; }
.dp-content-section dd { margin-left: 20px; margin-bottom: 10px; }