/*
Theme Name: Capella Child
description: Client Theme - Capella
Template: capella-parent
Version: 1.0.0
Text Domain: capella-child
Author: BCW
*/
.content-block .flex-display-align{
    gap: 30px;
}
/* --- Wilderness Exclusives brand adjustments --- */

/* Quicklink tiles: cream label on the slate/gold bands (was slate-on-slate) */
.feature-item h2 { color: var(--color-2); }
.feature-item:nth-of-type(2) h2 { color: var(--color-1); }

/* Gold buttons need dark text, not cream */
.btn,
.btn:hover,
input#gform_submit_button_1,
.gform_wrapper .gform_footer input[type="submit"] { color: var(--color-1); font-weight: 600; }
input#gform_submit_button_1:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover { background: var(--color-1); color: var(--color-4); }

/* WooCommerce buttons ship purple (#7f54b3) and grey (#e9e6ed); put them in the
   site's own button language instead: gold face, slate text, inverting on hover. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background-color: var(--color-4);
  color: var(--color-1);
  font-weight: 600;
  transition: all ease .7s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background-color: var(--color-1);
  color: var(--color-4);
}
/* Add to cart is disabled until a variation is picked - keep it readable, not invisible */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  background-color: var(--color-1);
  color: var(--color-2);
  opacity: .5;
}

/* In-copy links: gold is unreadable on the cream page, use the brand slate */
.content-block a:not(.btn),
.sitemap-page a,
.blog-content a:not(.btn) { color: var(--color-3); text-decoration: underline; }
.content-block a:not(.btn):hover,
.sitemap-page a:hover,
.blog-content a:not(.btn):hover { color: var(--color-1); }

/* Footer sits on the dark slate, so its links stay cream */
footer a,
footer .sitemap a,
footer .copyright,
footer .copyright a { color: var(--color-2); }
footer a:hover, footer .copyright a:hover { color: var(--color-4); }

/* Sidebar social icons: lift them off the slate background */
.fixed-sidebar .social-icons .fa-stack-2x,
.fixed-sidebar .social .fa-stack-2x { color: var(--color-4); }
.fixed-sidebar .social a:hover .fa-stack-2x { color: var(--color-2); }

/* Artist bio portrait sits nicely beside the copy */
.content-block img.alignright { max-width: 320px; height: auto; margin: 0 0 1.25rem 1.75rem; }
.woocommerce div.product form.cart .variations label,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
   color: var(--color-1);
}
.fixed-sidebar .social-icons .fa-stack-2x {
    font-size: 2em;
}

.nav-toggler .fa-angle-down {
	right: -6px;
}
.footer-inner,
.sitemap-page a {
    font-family: 'Unica One', cursive;
}
.feature-item img {
    filter: none;
}
@media screen and (min-width: 992px) {
    .flex-container {
        width: calc(970px - 250px);
        margin: 0 auto
    }
  }
@media screen and (min-width: 1201px) {
    .flex-container {
        width: calc(1170px - 250px);
        margin: 0 auto
    }
  }
@media screen and (min-width: 992px) {
  .fixed-sidebar .hours h2
  {
      font-size: 22px;
  }
  .fixed-sidebar {
    right: calc(100% - 250px);
  }
  #banner {
    margin-left: 250px;
    width: calc(100% - 250px);
  }
  #banner img {
      width: calc(100vw - 250px);
  }
  .content-wrapper {
    left: 250px;
  }
}
@media screen and (max-width: 991px) {
	div#header {
		font-family: 'Unica One', cursive;
  }
}
@media (max-width: 767px) {
  .content-block img.alignright { float: none; display: block; margin: 0 auto 1.25rem; }
}

/* WooCommerce archives opt out of flex-container (see page.php) so the product
   grid can use the full content width instead of being capped at 920px. */
.wc-archive-inner { padding: 0 25px; }
@media screen and (min-width: 1700px) {
  .wc-archive-inner { max-width: 1600px; margin: 0 auto; }
}