/* custom.css - pink accent overrides for HTML5UP "Read Only" (newer stack)
   Goal: remove any green/mint remnants and restore the old pink vibe from your prior main.css.
   Accent: #ffbdfd
*/

/* ---- Accent + link behavior ---- */
a:hover {
  color: #ffbdfd !important;
}

/* Forms: focus ring/border */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: #ffbdfd !important;
}

/* ---- Header (sidebar) palette ---- */
#header {
  background: #ffbdfd !important;
  color: #ffffff !important;
}

#header h1, #header h2, #header h3, #header h4, #header h5, #header h6,
#header h1 a, #header h2 a, #header h3 a, #header h4 a, #header h5 a, #header h6 a {
  color: #ffffff !important;
}

/* Tagline/secondary text + icon row tint (remove mint cast) */
#header header p {
  color: #ffffff !important;
  opacity: 0.55;
}

#header > footer .icons li a {
  color: #ffffff !important;
  opacity: 0.55;
}
#header > footer .icons li a:hover {
  opacity: 1;
}

/* Sidebar nav separators: replace green borders with soft white */
#header > nav ul li {
  border-top-color: rgba(255, 255, 255, 0.35) !important;
}

/* Sidebar links */
#header > nav ul li a {
  color: #ffffff !important;
}

/* Active nav item (white pill + pink text, like the old theme) */
#header > nav ul li a.active {
  background: #ffffff !important;
  color: #ffbdfd !important;
}

/* ---- Mobile title bar / hamburger ---- */
#titleBar {
  background: #ffbdfd !important;
  color: #ffffff !important;
}
#titleBar .title {
  color: #ffffff !important;
}
#titleBar .toggle:before {
  background: #ffbdfd !important;
  color: #ffffff !important;
}

/* ---- Buttons: prevent green hover/active ---- */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
.button.primary {
  background-color: #ffbdfd !important;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
.button.primary:hover {
  background-color: #ffcffd !important; /* lighter pink */
}

input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
.button.primary:active {
  background-color: #ffabfb !important; /* slightly deeper pink */
}

/* Some variants use .special instead of .primary */
input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
  background-color: #ffbdfd !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
  background-color: #ffcffd !important;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
  background-color: #ffabfb !important;
}

/* ---- Feature icon circles: ensure pink ---- */
ul.feature-icons li:before {
  background: #ffbdfd !important;
  color: #ffffff !important;
}

/* If your build uses .icon.major (some HTML5UP themes do), keep it aligned */
.icon.major:before {
  background: #ffbdfd !important;
  color: #ffffff !important;
}

/* ---- Misc ---- */
#header > nav ul li:first-child {
  border-top: 0 !important;
}