/*
Theme Name: IE Classic Modern
Theme URI: https://example.com/
Author: Steve Wright + ChatGPT
Description: Modernized IE theme (table-free, fixed stage, classic look).
Version: 1.3
License: GPL-2.0-or-later
Text Domain: ie-classic-modern
*/

/* ===== Base / Stage ===== */
:root { --stage: 765px; }

html { font-size: 15px; }
html, body { margin: 0; padding: 0; }

body {
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

img, video { max-width: 100%; height: auto; }

/* Bordered page wrapper (sides + bottom) */
.site-wrapper {
  max-width: var(--stage);
  margin: 0 auto;
  padding: 0;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

/* generic container inside wrapper (no side padding to avoid inner gutters) */
.container { max-width: var(--stage); margin: 0 auto; padding: 0; }

/* ===== Header / Nav ===== */
.ie-header { 
  background: linear-gradient(#4e2011, #872e04);
}

.ie-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ie-logo img { display: block; height: auto; }

.ie-nav { display: flex; justify-content: flex-end; }
.ie-nav .menu { display: flex; list-style: none; margin: 0 7px 0 0; padding: 0; gap: 0; }
.ie-nav .menu > li { display: inline-flex; align-items: center; font-variant: normal; }
.ie-nav .menu > li > a {
  color: #e7c56f;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .2px;
  line-height: 1;
  padding: 0 4px;       /* tight spacing */
  text-transform: none; /* lowercase as typed */
}
.ie-nav .menu > li + li::before {
  content: ".";
  color: #e7c56f;
  opacity: .95;
  margin: 0 1px;       
  font-size: 12px;
  position: relative;
  top: 1px;             /* keep dot on baseline */
}
.ie-nav .menu a:hover { text-decoration: underline; }

/* ===== Hero (photo strip) ===== */
.ie-hero { 
  box-shadow: inset 0 4px 0 #5a2b19, inset 0 -4px 0 #5a2b19; /* shelf lines */
}
.ie-hero .hero-img { display: block; width: 100%; height: auto; margin: 0; }

/* ===== Content Row (red band background) =====
   Columns: left 410px, gutter 40px, right 200px  → total 650 + padding */
.ie-main .content-grid {
  position: relative;
  display: grid;
  grid-template-columns: 410px 200px;
  column-gap: 40px;
  align-items: start;
  padding: 0 20px 18px;  
  margin: 0;
}
.ie-main .content-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #973101;               
}
.ie-main .col { flex: unset !important; width: auto !important; min-width: 0 !important; }
.ie-main .left .panel, .ie-main .right .panel { position: relative; z-index: 1; }

/* Left card */
.ie-main .left .panel {
  background: #A3481A;
  color: #f4efdf;
  border-top: none;                 /* flat top */
  border-radius: 0 0 18px 18px;     /* rounded bottom only */
  padding: 18px 22px 20px;
  margin-top: 0;
}
.ie-main .left .panel h1,
.ie-main .left .panel h2,
.ie-main .left .panel h3 {
  margin: 0 0 12px;
  color: #ffe9bf;
  font-weight: 700;
  font-size: 16px;
}
.ie-main .left .panel p { margin: 0 0 12px; }

/* Right testimonial */
.ie-main .right .panel {
  background: transparent;          /* show red band */
  color: #f3c716;                   /* current chosen color */
  font-style: italic;
  font-size: 12px;
  line-height: 1.45;
  padding-top: 40px;                /* aligns with card top visually */
  max-width: 200px;
  margin-top: 0;
}
.ie-main .right .panel p:first-child { margin-top: 0; }
.ie-main .right .panel p:first-child::before {
  content: "“ ";
  color: #e7d9c0;
  opacity: .95;
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: -2px; left: -2px;
}

/* Hide legacy bottom “bar” image from old table layout */
#content img[src$="crnrs_b.jpg"] { display: none !important; }

/* ===== Bottom fade graphic ===== */
.ie-fade,
.ie-fade .container { margin: 0; padding: 0; }
.ie-fade { background: #973101; } /* seamless with band above */
.ie-fade img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  width: 100%;
  height: auto;
}

/* ===== Footer ===== */
.ie-footer,
.ie-footer .copy { margin-top: 5px; padding-top: 0; }
.ie-footer .copy { text-align: right; color: #999; }

/* ===== Responsive ===== */
@media (max-width: 820px) {
  .ie-header .container { flex-direction: column; align-items: center; }
  .ie-nav .menu { flex-wrap: wrap; justify-content: center; }
  .ie-main .content-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 22px;
    background: none;
    padding: 0 0 16px;
  }
  .ie-main .right .panel { padding: 20px; max-width: none; }
  .ie-footer .copy { text-align: center; }
}

.ie-hero {
  position: relative;  
  z-index: 10;                   
  box-shadow: 0 8px 14px rgba(0,0,0,0.15); /* heavier shadow downward */
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
	background: #FCEDB8;
	width: 100px;
	height: 30px;
	font-size:16px;
}

.wpcf7-not-valid-tip {
	color:yellow;
}