/* override c7 styles */
body {
	background: #F5F2E6 !important;	
    --c7-field-border-radius: 0px; 
    --c7-button-border-radius: 0px; 
    --c7-primary-button-bg: transparent;
    --c7-primary-button-bg-hover:#2D3033;
    --c7-primary-button-text-color: #2D3033;
    --c7-heading-font-family: inherit;
    --c7-heading-font-weight: 500;
    --c7-font-family: inherit;
    --c7-body-text-color: #000;
    --c7-link-color:#2D3033 !important;
	--c7-heading-font-family: "clarendon";
	--c7-bg: #f5f2e6;
	--c7-bg-alt:#f7f4e8;
	
}
body, button, input, select, optgroup, textarea {
    font-family: "clarendon" !important;
}

a { color: #2D3033;}
.hide, .c7-product-collection .c7-product__teaser, span.btn.cream { display: none !important}
#c7-cart > a:hover, #c7-cart > a:focus, #c7-cart > a:active { color: #000000 !important; }

/* account header */
#account-header {
    display: inline-flex;
    width: 100%;
    justify-content: end;
    align-items: flex-end;
    margin-top: -10px;
}

/* Squarespace */
/* in staging mode 
#account-header {
    display: inline-flex;
    width: 100%;
    justify-content: end;
} */
/* position absolute option
#account-header {
   display: inline-flex;
position: absolute;
top: 10px;
right: 10px;
z-index: 999;
}
*/

#account-header #c7-account {
    padding-right: 10px;
    display:inline-block;
}
#account-header #c7-cart .c7-user-nav__cart {
   display:flex;
}
#account-header > #c7-cart {
  	display:inline-flex;
	text-wrap-mode: nowrap;	
}
.c7-user-nav__account .c7-user-nav__account__login {
    text-wrap-mode: nowrap;
}
.main-navigation ul li a {
     text-wrap: auto;
}
#c7-account, #c7-cart {
    display:inline-block;
    margin-left: 5px;

}
#c7-account .c7-user-nav__account a {
    color:#fff;
    text-transform: uppercase;
    padding:0px;
}
#c7-account .c7-user-nav__account__dropdown a {
    color: var(--c7-body-text-color);
    }
#c7-cart .c7-user-nav__cart .c7-link:first-child {
    background-color: transparent;
    border:none;
} 
body .c7-reservation-widget .c7-date-picker-dropdown button {
    padding: 0px;
}
#c7-cart .c7-user-nav__cart .c7-user-nav__cart__title svg {
    stroke:#fff;
}
#c7-cart .c7-user-nav__cart__count {
    background-color: #000;
}
#c7-cart .c7-user-nav__cart button.c7-link {
  padding: 0px !important;
}
#c7-cart .c7-order-item__description {
    margin-top: 10px;
    font-size: 10px;
}

.c7-order-items ul {
    display: grid !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
	align-items: normal !important;
	justify-content: normal !important;
}
.c7-order-item {
    display: flex !important;
    align-items: flex-start !important;
    padding: 10px 0 !important;
    list-style-type: none !important;
    margin: 0 !important;
}
/* Overall styling */

/* button styles */
body .c7-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2D3033;
    transition: all .3s ease;
    color: #2D3033;
}
body .c7-btn:hover, body .c7-btn span:hover, body .c7-cart__buttons .c7-btn:hover, body .c7-btn:active, .c7-btn:focus {
  color: #FFFFFF !important;
}


/* slide out cart */
body .c7-side-cart__header button {
    background-color: transparent;
    color:#000;
}
/* shrink checkout buttons */
body .c7-order-summary__buttons a {

/*font-size: 12px;*/
}
body .c7-order-summary__buttons a:hover {
	background-color:var(--c7-primary-button-bg-hover) !important;
}

/* make link buttons look like links */
body button.c7-link {
    background-color:transparent;
    border: 0px;
    color: var(--c7-body-text-color);
}
body button.c7-link:hover {
    opacity: 0.6;
}


/* dashboard tweaks */
.c7-account__dashboard__message {
    margin-bottom: 20px;
}
.c7-account-row {
    max-width: 100% !important;
    justify-content: space-between !important;
}
body .c7-account-login__password-options {
  
}
body .c7-account-login__options {
  
}
.c7-side-cart__header h1.c7-h1 {
	font-size: 24px;
}
/* cart styling */
.cart-row h1 {
    display:none;
}
.c7-cart__wrapper, .c7-account__dashboard {
    max-width: 100% !important;
    margin:0px auto !important;
    justify-content: space-between !important;
}

/* fix lightboxes that go behind sticky header */
body .c7-modal-container {
  top: 14%;
}

/* hide club cancelation 
.c7-account-club .c7-account-blocks--status .c7-account-block__actions {
display:none !important;
}
.c7-callout--club .c7-callout__details li:nth-child(2), .c7-callout--club .c7-callout__details li:nth-child(3) {
display:none !important;
}*/

/* hide club skip
.c7-account-club__shipment__footer .c7-btn--skip {
display:none !important;
}*/


/* hide delete account 
.c7-account-details .c7-account-details__delete-account {
display:none !important;
}*/

.c7-club-join-button a.c7-btn.c7-btn--primary {
    border-color: white;
    color: white;
    position: absolute;
    left: 25px;
    bottom: 25px;
}

/* collection styling */
.c7-product-collection .c7-product {
    display:block !important;
    text-align: center !important;
}
.c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr 1fr !important;
}
.c7-product-collection .c7-product img {
  width: auto;
  object-fit:cover;
}
.c7-product-collection .c7-product .c7-product__add-to-cart__form {
  justify-content: center !important;
  align-items: center !important;
}

/* calendar styling ADA fix */
.c7-reservation-widget .c7-date-picker-input button {
	background-color: transparent !important;
	border-radius: 0px !important;
}
.c7-reservation-widget .c7-date-picker-dropdown button {
	color:inherit;
	background-color: inherit;
}

/* mobile overrides */
@media screen and (max-width: 1024px){
   /* two column on tablet */ 
  .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr !important;
    } 
}

@media screen and (max-width: 767px){

   /* mobile header position */
   #account-header {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        max-width: 92%;
        margin: 0 15px;
    }
	
	header#masthead .nav-row {
 		margin-top: 20px;
	}
	
	
	.c7-club-join-button a.c7-btn.c7-btn--primary {
		left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
	}

    /* one column on mobile */
    .c7-product-collection__product-list {
    grid-template-columns: 1fr !important;
    } 
    
    .c7-product-specs {
        text-align: left !important;
        margin: 0px !important;
    }
    .c7-product-specs h2 {
        text-align: left !important;
    }
}