/*
Theme Name: Circle Curriculum
Theme URI: https://olliewp.com
Description: A child theme for Ollie.
Author: Mike McAlister
Author URI: https://olliewp.com
Template:     ollie
Version: 1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/

/* Button */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  text-decoration: none;
}

.is-style-term-button a {
  border-radius: 100px;
}

/* Content
---------------------------------------------------------------------------- */
/* main.site-content {
  padding-top: 107px;
} */

/* Link
---------------------------------------------------------------------------- */
a[disabled="disabled"] {
  pointer-events: none;
}

/* Header
---------------------------------------------------------------------------- */
.site-header {
  background: white;
  /* min-height: 107px; */
  position: fixed;
  /* top: 0; */
  /* left: 0; */
  /* right: 0; */
  scroll-padding-top: var(--wp-admin--admin-bar--height);
  transition: top 0.2s ease-in-out;
  width: 100%;
  z-index: 1000;
}

/* Footer
---------------------------------------------------------------------------- */
.contact-card a {
  text-decoration: none;
}

.contact-card a:hover {
  text-decoration: underline;
}

/* Image
---------------------------------------------------------------------------- */
figure.is-style-rounded-full {
  border-radius: 100%;
}

/* Quote
---------------------------------------------------------------------------- */
.wp-block-quote.is-style-plain {
    border: 0;
    color: var(--wp--preset--color--secondary) !important;
    font-size: inherit;
    font-weight: normal;
    padding: 0;
}

.wp-block-quote.is-style-plain cite {
  font-style: normal;
  margin-block-start: var(--wp--preset--spacing--small);
}

/* Details
---------------------------------------------------------------------------- */
details.wp-block-details {
  border-radius: 20px;
}

/* details.wp-block-details summary {
  margin-left: calc(var(--wp--preset--spacing--small) * -1);
} */

details.wp-block-details > summary {
  display: flex;
  align-items: center;
  list-style-type: none;
}

details.wp-block-details > summary::-webkit-details-marker {
  display: none;
}

details.wp-block-details > summary::before,
details.wp-block-details[open] > summary::before {
  color: var(--wp--preset--color--secondary);
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" aria-hidden="true" focusable="false"><path style="fill:%236d3b3b" d="M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6zM10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"></path></svg>');
  height: 1.5rem;
  margin-right: var(--wp--preset--spacing--small);
  transition: 0.2s ease-in-out;
  width: 1.5rem;
}

details.wp-block-details[open] > summary::before {
  transform: rotate(45deg);
}

details.wp-block-details::details-content {
  color: var(--wp--preset--color--main) !important;
  padding-left: var(--wp--preset--spacing--medium) !important;
  padding-right: var(--wp--preset--spacing--medium) !important;
}

/* Hero
---------------------------------------------------------------------------- */
@media (max-width: 781px) {
  .wp-block-cover:not(.has-aspect-ratio) {
    min-height: auto !important;
  }
}

/* Scroll nav
---------------------------------------------------------------------------- */
.scroll-nav a.active,
.wp-block-button.is-style-outline .wp-block-button__link.active:hover {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--base) !important;
  outline: none !important;
}

/* Adjust for scroll headers */
.scroll-section::before {
  content: '';
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
}

/* Product Collection
---------------------------------------------------------------------------- */
/* List: Stacked */
.is-product-collection-layout-list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--medium);
}

ul.is-product-collection-layout-list > li {
  background-color: var(--wp--preset--color--tertiary);
  border-radius: 20px;
  padding: var(--wp--preset--spacing--medium);
}

/* Cart
---------------------------------------------------------------------------- */
body.woocommerce-cart .wp-block-post-title {
  max-width: var(--wp--style--global--wide-size) !important;
}

body.woocommerce-cart .wc-block-components-radio-control__input {
  padding: 0;
}

.wc-block-components-totals-shipping__collaterals {
  display: none;
}

/* Checkout
---------------------------------------------------------------------------- */
form.woocommerce-checkout {
  /* display: flex; */
  /* flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: var(--wp--preset--spacing--medium);
}

#customer_details {
  grid-column: span 2 / span 2;
}

#customer_details > div {
  float: none;
  width: auto;
}

#order_review_heading {
  display: none;
}

#order_review {
  grid-column-start: 3;
  position: sticky;
  top: var(--wp--preset--spacing--small);
  align-self: start;
}

.woocommerce-page table.shop_table {
  width: 100%;
}

.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.woocommerce-page #payment #place_order {
  float: none;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  grid-column: span 3;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul li:last-child {
  padding-bottom: 0;
}

.wc-block-components-notice-banner__summary {
  margin-bottom: var(--wp--preset--spacing--small) !important;
}

/* Tax exemption */
#tefw_fields {
  background-color: var(--wp--preset--color--tertiary);
  border-radius: 20px;
  padding: var(--wp--preset--spacing--medium);
}

#tefw_fields br {
  display: none;
}

#tefw_fields p {
  margin-bottom: 0;
}

.woocommerce-exemption-details {
  text-align: left;
}

.woocommerce-exemption-details table tr:nth-child(2) {
  display: none;
}

/* Empty Cart */
.wp-block-woocommerce-empty-cart-block {
  padding-bottom: var(--wp--preset--spacing--x-large);
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid,
.wp-block-woocommerce-empty-cart-block .wp-block-separator,
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title) {
  display: none;
}

/* Order Confirmation
---------------------------------------------------------------------------- */
table.woocommerce-table--custom-fields {
  margin-top: var(--wp--preset--spacing--medium);
}

table.woocommerce-table--custom-fields th {
  font-weight: bold;
  /* width: 115px; */
}

.wc-block-order-confirmation-summary-list li:first-child {
  display: none;
}

/* Catalog
---------------------------------------------------------------------------- */

/* Product List: Grid */
/* ul.wp-block-woocommerce-product-template { */
.wp-block-column.product-collection {
  margin-block-start: var(--wp--preset--spacing--small);
}

.wc-block-product-template__responsive.columns-3 {
  grid-template-columns: repeat(auto-fill, minmax(max(210px, calc(33.33333% - .83333em)), 1fr));
}

/* Product Template */
/* .entry-content :not(.wp-block-group) > li.type-product:first-child {
	padding-top: var(--wp--preset--spacing--small);
}

.entry-content :not(.wp-block-group) li:last-child {
  padding-bottom: var(--wp--preset--spacing--small);
} */

.wc-block-product-template__responsive > li {
  border: 1px solid var(--wp--preset--color--border-light);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: var(--wp--preset--spacing--small);
}

.entry-content :not(.wp-block-group)>li.type-product {
  margin-bottom: 0;
}

.wc-block-product-template__responsive > li > .wp-block-group:last-child {
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
}

.wc-block-components-product-button {
  margin-block-start: var(--wp--preset--spacing--small);
}

/* Filters */
.search-filter-label {
  font-weight: 600;
}

.search-filter-input-checkbox__label {
  font-size: var(--wp--preset--font-size--x-small) !important;
}

/* Single Product
---------------------------------------------------------------------------- */
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
  border: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  gap: var(--wp--preset--spacing--small);
  margin-top: var(--wp--preset--spacing--small);
}

.wp-block-woocommerce-product-image-gallery img,
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img, 
.wc-block-components-product-image img {
  border-radius: 20px;
}

.wp-block-woocommerce-product-image-gallery img:hover {
  cursor: zoom-in;
}

.woocommerce div.product .woocommerce-tabs .panel {
  max-width: var(--wp--style--global--content-size);
}

/* .woocommerce div.product .wc-tabs {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-end;
} */

/* Contact Form */
body:not(.wp-admin) .wp-block-jetpack-contact-form .type-option {
  display: none;
}

.wp-block-jetpack-field-name {
  margin-top: 0;
}

.wp-block-jetpack-contact-form .field-note {
  font-size: var(--wp--preset--font-size--small);
  margin-top: var(--wp--preset--spacing--x-small);
}

.wp-block-jetpack-options {
  gap: var(--wp--preset--spacing--small) !important;
}

.contact-form .grunion-field-wrap input.checkbox-multiple:checked:before {
  font-weight: bold;
}

.contact-form__error.show-errors{
  background-color: var(--wp--preset--color--secondary);
}

.contact-form__error.show-errors ul {
  margin: var(--wp--preset--spacing--small);
}

.contact-form-submission {
  border: 0;
  padding-top: 100px;
  /* background-color: var(--wp--preset--color--tertiary);
  border-radius: 20px;
  padding: var(--wp--preset--spacing--medium); */
}

.contact-form-submission .go-back-message {
  display: none;
}

.contact-form-submission h4 {
  color: var(--wp--preset--color--secondary);
  font-weight: bold;
  margin-top: 0;
}