@charset "utf-8";

/* Preview only: no data attribute means the existing colors remain intact. */

/* 1: Silver & olive. Source HEX values from the owner’s palette image. */
html[data-oiwai-color="1"] {
  --oiwai-swatch-1: #212018;
  --oiwai-swatch-2: #D9D9DC;
  --oiwai-swatch-3: #C8C9CA;
  --oiwai-swatch-4: #B5B6AD;
  --oiwai-swatch-5: #514F3C;
  --oiwai-swatch-6: #95988C;
  --oiwai-swatch-7: #928B4F;
  --oiwai-background: #D9D9DC;
  --oiwai-surface: #C8C9CA;
  --oiwai-text: #212018;
  --oiwai-muted: #514F3C;
  --oiwai-accent: #514F3C;
  --oiwai-on-accent: #D9D9DC;
  --oiwai-soft: #B5B6AD;
  --oiwai-border: #95988C;
  --oiwai-nav-1: #514F3C;
  --oiwai-on-nav-1: #D9D9DC;
  --oiwai-nav-2: #95988C;
  --oiwai-on-nav-2: #212018;
  --oiwai-nav-3: #928B4F;
  --oiwai-on-nav-3: #212018;
}

/* 2: Botanical vintage. Source HEX values from the owner’s palette image. */
html[data-oiwai-color="2"] {
  --oiwai-swatch-1: #F0EACF;
  --oiwai-swatch-2: #D3CCAB;
  --oiwai-swatch-3: #93ADA8;
  --oiwai-swatch-4: #7C7B50;
  --oiwai-swatch-5: #352E2A;
  --oiwai-swatch-6: #543F2B;
  --oiwai-background: #F0EACF;
  --oiwai-surface: #D3CCAB;
  --oiwai-text: #352E2A;
  --oiwai-muted: #543F2B;
  --oiwai-accent: #543F2B;
  --oiwai-on-accent: #F0EACF;
  --oiwai-soft: #93ADA8;
  --oiwai-border: #7C7B50;
  --oiwai-nav-1: #543F2B;
  --oiwai-on-nav-1: #F0EACF;
  --oiwai-nav-2: #93ADA8;
  --oiwai-on-nav-2: #352E2A;
  --oiwai-nav-3: #D3CCAB;
  --oiwai-on-nav-3: #352E2A;
}

/* 3: Cool floral. Source HEX values from the owner’s palette image. */
html[data-oiwai-color="3"] {
  --oiwai-swatch-1: #A2C4A2;
  --oiwai-swatch-2: #F7FBFF;
  --oiwai-swatch-3: #CEC3D1;
  --oiwai-swatch-4: #486377;
  --oiwai-swatch-5: #353D43;
  --oiwai-background: #F7FBFF;
  --oiwai-surface: #CEC3D1;
  --oiwai-text: #353D43;
  --oiwai-muted: #486377;
  --oiwai-accent: #353D43;
  --oiwai-on-accent: #F7FBFF;
  --oiwai-soft: #A2C4A2;
  --oiwai-border: #486377;
  --oiwai-nav-1: #486377;
  --oiwai-on-nav-1: #F7FBFF;
  --oiwai-nav-2: #CEC3D1;
  --oiwai-on-nav-2: #353D43;
  --oiwai-nav-3: #A2C4A2;
  --oiwai-on-nav-3: #353D43;
}

/* 4: Antique library. Source HEX values from the owner’s palette image. */
html[data-oiwai-color="4"] {
  --oiwai-swatch-1: #AB8C99;
  --oiwai-swatch-2: #5E233C;
  --oiwai-swatch-3: #525844;
  --oiwai-swatch-4: #CDBF98;
  --oiwai-swatch-5: #886945;
  --oiwai-swatch-6: #533B26;
  --oiwai-background: #CDBF98;
  --oiwai-surface: #CDBF98;
  --oiwai-text: #251A11;
  --oiwai-muted: #533B26;
  --oiwai-accent: #5E233C;
  --oiwai-on-accent: #CDBF98;
  --oiwai-soft: #AB8C99;
  --oiwai-border: #525844;
  --oiwai-nav-1: #5E233C;
  --oiwai-on-nav-1: #CDBF98;
  --oiwai-nav-2: #AB8C99;
  --oiwai-on-nav-2: #251A11;
  --oiwai-nav-3: #533B26;
  --oiwai-on-nav-3: #CDBF98;
}

/* 5: Soft celebration. Source HEX values from the owner’s palette image. */
html[data-oiwai-color="5"] {
  --oiwai-swatch-1: #FFF7E6;
  --oiwai-swatch-2: #F7C8D3;
  --oiwai-swatch-3: #B46A72;
  --oiwai-swatch-4: #A8B58A;
  --oiwai-swatch-5: #A9B7C6;
  --oiwai-swatch-6: #2D3A47;
  --oiwai-background: #FFF7E6;
  --oiwai-surface: #F7C8D3;
  --oiwai-text: #2D3A47;
  --oiwai-muted: #2D3A47;
  --oiwai-accent: #2D3A47;
  --oiwai-on-accent: #FFF7E6;
  --oiwai-soft: #A9B7C6;
  --oiwai-border: #B46A72;
  --oiwai-nav-1: #2D3A47;
  --oiwai-on-nav-1: #FFF7E6;
  --oiwai-nav-2: #F7C8D3;
  --oiwai-on-nav-2: #2D3A47;
  --oiwai-nav-3: #A8B58A;
  --oiwai-on-nav-3: #2D3A47;
}

html[data-oiwai-color] body {
  background-color: var(--oiwai-background);
  color: var(--oiwai-text);
}

html[data-oiwai-color] a:link,
html[data-oiwai-color] a:visited {
  color: var(--oiwai-accent);
}

html[data-oiwai-color] a:hover,
html[data-oiwai-color] a:focus,
html[data-oiwai-color] a:active {
  color: var(--oiwai-text);
}

html[data-oiwai-color] a:focus-visible,
html[data-oiwai-color] button:focus-visible,
html[data-oiwai-color] input:focus-visible,
html[data-oiwai-color] select:focus-visible,
html[data-oiwai-color] textarea:focus-visible {
  outline: 2px solid var(--oiwai-accent);
  outline-offset: 3px;
}

html[data-oiwai-color] section h1,
html[data-oiwai-color] section h2,
html[data-oiwai-color] section h3,
html[data-oiwai-color] section h4,
html[data-oiwai-color] section h5,
html[data-oiwai-color] section h6,
html[data-oiwai-color] footer h3 {
  color: var(--oiwai-accent);
  border-color: var(--oiwai-border);
  text-shadow: none;
}

/* The original heading link and card hover rules use !important. */
html[data-oiwai-color] section h1 a,
html[data-oiwai-color] .imgentry:hover .imgentry_title {
  color: var(--oiwai-accent) !important;
}
html[data-oiwai-color] section h2 a:link,
html[data-oiwai-color] section h2 a:visited {
  color: var(--oiwai-accent);
}

html[data-oiwai-color] .boxmenu ul li {
  background-image: none;
}
html[data-oiwai-color] .boxmenu ul li a {
  background-color: var(--oiwai-nav-1);
  color: var(--oiwai-on-nav-1);
  text-shadow: none;
}
html[data-oiwai-color] .boxmenu ul li.menu02 a,
html[data-oiwai-color] .boxmenu ul li.menu04 a {
  background-color: var(--oiwai-nav-2);
  color: var(--oiwai-on-nav-2);
}
html[data-oiwai-color] .boxmenu ul li.menu03 a,
html[data-oiwai-color] .boxmenu ul li.menu05 a {
  background-color: var(--oiwai-nav-3);
  color: var(--oiwai-on-nav-3);
}
html[data-oiwai-color] .boxmenu ul li a:hover,
html[data-oiwai-color] .boxmenu ul li a:focus {
  background-color: var(--oiwai-accent);
  color: var(--oiwai-on-accent);
  text-shadow: none;
  box-shadow: inset 0 0 0 2px currentColor;
}

html[data-oiwai-color] header .contact ul li a.button:link,
html[data-oiwai-color] header .contact ul li a.button:visited,
html[data-oiwai-color] .auxiliary_menu ul li a.button:link,
html[data-oiwai-color] .auxiliary_menu ul li a.button:visited {
  background-color: var(--oiwai-background);
  color: var(--oiwai-accent);
  border-color: var(--oiwai-accent);
}
html[data-oiwai-color] header .contact ul li a.button:hover,
html[data-oiwai-color] header .contact ul li a.button:focus,
html[data-oiwai-color] .auxiliary_menu ul li a.button:hover,
html[data-oiwai-color] .auxiliary_menu ul li a.button:focus,
html[data-oiwai-color] .submit input {
  background-color: var(--oiwai-accent);
  color: var(--oiwai-on-accent);
  border-color: var(--oiwai-accent);
  text-shadow: none;
}
html[data-oiwai-color] .submit input:hover,
html[data-oiwai-color] .submit input:focus {
  background-color: var(--oiwai-text);
  color: var(--oiwai-background);
}

html[data-oiwai-color] .imgentry a,
html[data-oiwai-color] .wp-caption,
html[data-oiwai-color] .form-horizontal,
html[data-oiwai-color] section table td,
html[data-oiwai-color] .contactform table tr:nth-of-type(odd) {
  background-color: var(--oiwai-surface);
  color: var(--oiwai-text);
  border-color: var(--oiwai-border);
}
html[data-oiwai-color] .imgentry a:hover,
html[data-oiwai-color] .imgentry a:focus {
  opacity: 1;
  border-color: var(--oiwai-accent);
  box-shadow: 0 0 0 2px var(--oiwai-accent);
}
html[data-oiwai-color] .imgentry .imgentry_title,
html[data-oiwai-color] .imgentry .imgentry_date {
  color: var(--oiwai-text);
}
html[data-oiwai-color] .meta {
  color: var(--oiwai-muted);
}
html[data-oiwai-color] section table th,
html[data-oiwai-color] section table thead th {
  background-color: var(--oiwai-soft);
  color: var(--oiwai-text);
}
html[data-oiwai-color] section table th.null {
  background-color: transparent;
}
html[data-oiwai-color] .contactform table,
html[data-oiwai-color] .contactform table tr {
  background-color: transparent;
  border-color: var(--oiwai-border);
}
html[data-oiwai-color] .options li,
html[data-oiwai-color] .breadcrumb,
html[data-oiwai-color] .form-horizontal,
html[data-oiwai-color] .form-horizontal img {
  border-color: var(--oiwai-border);
  outline-color: var(--oiwai-border);
}

html[data-oiwai-color] .categories ul li a,
html[data-oiwai-color] .posttags ul li a,
html[data-oiwai-color] .wp-pagenavi a,
html[data-oiwai-color] .wp-pagenavi span {
  background-color: var(--oiwai-surface);
  color: var(--oiwai-accent);
  border-color: var(--oiwai-border);
}
html[data-oiwai-color] .categories ul li a:hover,
html[data-oiwai-color] .categories ul li a:focus,
html[data-oiwai-color] .posttags ul li a:hover,
html[data-oiwai-color] .posttags ul li a:focus,
html[data-oiwai-color] .wp-pagenavi a:hover,
html[data-oiwai-color] .wp-pagenavi a:focus,
html[data-oiwai-color] .wp-pagenavi span.current {
  background-color: var(--oiwai-accent);
  color: var(--oiwai-on-accent);
  border-color: var(--oiwai-accent);
}

html[data-oiwai-color] .footer_wrapper {
  background-color: var(--oiwai-surface);
  color: var(--oiwai-text);
}
html[data-oiwai-color] footer .footer_widget ul li {
  border-color: var(--oiwai-border);
}
html[data-oiwai-color] footer .footer_widget ul li a {
  color: var(--oiwai-accent);
}
html[data-oiwai-color] .socialicon li a {
  background-color: var(--oiwai-accent);
  color: var(--oiwai-on-accent);
  border-color: var(--oiwai-background);
}
html[data-oiwai-color] .socialicon li a:hover,
html[data-oiwai-color] .socialicon li a:focus {
  background-color: var(--oiwai-text);
  color: var(--oiwai-background);
}

html[data-oiwai-color] input,
html[data-oiwai-color] select,
html[data-oiwai-color] textarea {
  background-color: var(--oiwai-background);
  color: var(--oiwai-text);
  border-color: var(--oiwai-accent);
}
html[data-oiwai-color] input:hover,
html[data-oiwai-color] input:focus,
html[data-oiwai-color] select:focus,
html[data-oiwai-color] textarea:focus {
  background-color: var(--oiwai-surface);
  border-color: var(--oiwai-accent);
}
html[data-oiwai-color] .contactform table th em,
html[data-oiwai-color] .wpcf7-not-valid-tip {
  color: #4A101A;
}
html[data-oiwai-color] input.wpcf7-not-valid,
html[data-oiwai-color] textarea.wpcf7-not-valid {
  border-color: #4A101A;
}

/* Photo overlay copy uses a neutral shadow rather than the old orange glow. */
html[data-oiwai-color] .homeslide .catchcopy {
  color: #fff;
  text-shadow: 0 1px 5px #212018, 0 0 12px #212018;
}