/**
 * Custom CSS here.
 *
 * This file will be loaded after all other theme styles.
 */

:root {
  --color-brand: #cfac5f;
  --color-white: whitesmoke;
}
/** helper classes **/
.color-brand {
  color: var(--color-brand);
}

.text-underline {
  text-decoration: underline;
}

.sph-hero h1{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
/** mods **/

/* center copyright info */
.site-info{
	text-align: center;
}

/* coupon input and button on Cart page */
table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend{
  background-color: white;
}

table.cart td.actions .coupon{
  display: grid;
  grid-template-columns: 1fr auto;
  border: 2px dotted #e2401c;
  width: 100%;
}

table.cart td.actions .coupon > input{
  margin: 0;
}

table.cart td.actions .coupon > button{
  background: black;
  color: white;
}

/* thank you page */
.woocommerce-order {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
    flex-grow: 1;
    display: block;
    width: 100%;
    text-align: center;
}
section.woocommerce-customer-details, section.woocommerce-order-details {
    flex-grow: 1;
}

.woocommerce-customer-details{
    text-align: center;
}

header.entry-header{
    padding-bottom: 1rem !important;
}

h2.woocommerce-order-details__title {
    text-align: center;
}



tr.woocommerce-shipping-totals.shipping{
    display: none;
}

.site-main {
  display: flex;
  flex-direction: column;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 0;
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
  max-width: inherit !important;
}

#page .site-header {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.site-header div:first-child {
  max-width: 100%;
  padding: 0;
}

.site-header div.sp-header-row:last-child {
  background-color: var(--color-white);
}

.site-header .site-branding img {
  max-width: 100px;
  padding: 1rem 0;
}

.main-navigation {
  text-align: center;
  text-transform: uppercase;
}

.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
  display: flex;
  justify-content: center;
}

@media (max-width: 568px) {
  .col-full {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 0;
    margin-right: 0;
  }
}