@import url("https://use.typekit.net/svn8cij.css");

header {
	position: relative;
	z-index: 1000;
}

.wpcf7-quiz-label {
	color: #e03f3f;
}
.woocommerce-cart #footer,
.woocommerce-checkout #footer {
	display: none;
}


#main .page-wrapper, 
#main .woocommerce {
	max-width: 1460px;
	margin-left: auto;
	margin-right: auto;
}
#main .page-wrapper {
	padding-top: 0;
}


/*--------------------------------------------------------------
# New Styling - Cart
--------------------------------------------------------------*/
	
body.woocommerce-cart,
body.woocommerce-checkout {
	background-color: #fff;
	overflow: hidden;
	justify-content: flex-start;
}
body.woocommerce-cart .elementor-location-footer,
body.woocommerce-checkout .elementor-location-footer {
	display: none;
}

#main {
	max-width: 100%;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}
#main .woocommerce {
	max-width: 1460px;
	align-items: stretch;
}
#main .woocommerce.row {
	gap: 3.5%;
}
#main .woocommerce.row .col.large-7,
#main form.checkout .col.large-7 {
	flex-basis: calc(96.5% - 400px);
	max-width: calc(96.5% - 400px);
	padding: 0;
}
#main .woocommerce-notices-wrapper,
#main .woocommerce-form-coupon-toggle,
#main form.checkout_coupon {
	position: relative;
	z-index: 1;
	width: calc(100% - 450px);
}
#main .woocommerce-notices-wrapper .woocommerce-message,
#main .woocommerce-form-coupon-toggle .woocommerce-info {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
}
#main .woocommerce-info,
#main .woocommerce-error,
#main .woocommerce-message {
	border: 1.5px solid #000;
}


#main .woocommerce.row form .shop_table thead {
	display: none;
}
#main .woocommerce.row form .shop_table tbody tr td {
	padding-top: 15px;
	vertical-align: middle;
}
#main .woocommerce.row form .shop_table tbody tr td:first-of-type {
	border-left: 1.5px solid #000;
    padding-left: 15px;
}
#main .woocommerce.row form .shop_table tbody tr td:last-of-type {
	border-right: 1.5px solid #000;
	padding-right: 15px;
}
#main .woocommerce.row form .shop_table tbody tr:first-of-type td {
	border-top: 1.5px solid #000;
}
#main .woocommerce.row form .shop_table tbody tr:nth-last-of-type(2) td {
	border-bottom: 1.5px solid #000;
}
#main .woocommerce.row form .shop_table tbody tr:last-of-type td {
	border: none;
}
#main .woocommerce.row form .quantity input {
	line-height: 1em;
    min-height: 2.26em;
	border: 1.5px solid #000;
}
#main .woocommerce.row form .quantity input.minus {
	border-right: 0;
	background-color: #fff;
}
#main .woocommerce.row form .quantity input.qty {
	border-left: 0;
	border-right: 0;
}
#main .woocommerce.row form .quantity input.plus {
	border-left: 0;
	background-color: #fff;
}
#main .woocommerce.row form .quantity input.minus:hover,
#main .woocommerce.row form .quantity input.plus:hover {
	background-color: #EAEAEA;
}

#main .woocommerce.row form .cross-sells {
	margin-top: 50px;
}
#main .woocommerce.row form .cross-sells h2 {
	padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

#main .cart-collaterals,
#main form.checkout .large-5.col {
	position: relative;
	width: 400px;
	flex-basis: 400px;
	margin-bottom: 0;
	background-color: #EAEAEA;
}
#main .cart-collaterals:before,
#main form.checkout .large-5.col:before {
	content: "";
	background-color: #EAEAEA;
	position: absolute;
	top: -200px;
	left: 0;
	width: 50vw;
	height: calc(100vh + 200px);
}
#main .cart_totals {
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	color: #000;
}
#main .cart_totals small {
	color: #ffffffab;
}
#main .cart-collaterals a {
	color: #000;
}
#main .cart-collaterals input[type="text"] {
	border: 1px solid #000;
}

/*--------------------------------------------------------------
# New Styling - checkout
--------------------------------------------------------------*/

#main form.checkout_coupon {
	border: none;
    padding: 0;
}
#main form.checkout_coupon .flex-row {
	max-width: 420px;
	gap: 10px;
}
#main form.checkout_coupon #coupon_code {
	height: 44px;
}

#main form.checkout > div {
	width: 100%;
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
	gap: 3.5%;
}
#main form.checkout .woocommerce-billing-fields {
	border-top: none;
}
#main .woocommerce-billing-fields__field-wrapper,
#main .woocommerce-additional-fields__field-wrapper {
	max-width: 760px;
}
#main form.checkout h3 {
	padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
	font-size: 36px;
	color: #000;
}
#main form.checkout .large-5.col > div {
	border: none;
	padding-top: 25px;
}
#main form.checkout #order_review_heading {
	padding-top: 0;
}


#main form.checkout_coupon input[type="text"],
#main form.checkout input[type="text"],
#main form.checkout input[type="email"],
#main form.checkout input[type="tel"],
#main form.checkout select,
#main form.checkout .select2-selection,
#main form.checkout textarea {
	border: 1.5px solid #000;
	box-shadow: none;
}

#billing_country_field {
	display: none;
}

#main form.checkout .form-row {
    position: relative;
}
#main form.checkout .form-row label {
    position: absolute;
    top: 9px;
    left: 6.5px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
    transition: 0.3s all ease;
    font-size: 14px;
    background-color: #fff;
    color: #6d6d6d;
}
#main form.checkout .form-row label.woocommerce-form__label-for-checkbox {
	position: relative;
	top: 0;
	padding: 0;
	left: 0;
	background: none;
	color: #000;
}
#main form.checkout .form-row label.is-active,
#main #billing_address_1_field label,
#main #order_comments_field label {
	z-index: 1;
    top: -12px;
}

#main form.checkout .large-5.col {
	padding: 0;
}
#main .woocommerce-checkout-review-order-table thead .product-name,
#main .woocommerce-checkout-review-order-table thead .product-total {
	padding-top: 0;
	color: #000;
}
#main .woocommerce-checkout-review-order-table tbody tr:last-of-type td {
	padding-bottom: 20px;
}
#main .woocommerce-checkout-review-order-table tbody th,
#main .woocommerce-checkout-review-order-table tbody th,
#main .woocommerce-checkout-review-order-table tfoot th,
#main .woocommerce-checkout-review-order-table tfoot td {
	font-size: 14px;
}
#main .woocommerce-checkout-review-order-table .cart_item td {
	padding-top: 7px;
	padding-bottom: 7px;
}
#main form.checkout .cart-subtotal th,
#main form.checkout .cart-subtotal td {
	border-top: 1px solid #000;
	padding-top: 20px;
}
#main #payment {
	border-top: 1px solid #000;
	padding-top: 20px;
}
#main #payment {
	background-color: #eaeaea;
}
#main #payment ul {
	border-bottom: 0;
	margin-bottom: 0;
}
#main #payment fieldset {
	margin: 0;
}
#main #payment input[type="tel"] {
	font-size: 1.1em;
	border:1.5px solid #000;
	background-size: 20px;
	margin-bottom: 5px;
}
#main #payment input[type="tel"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 0; /* Firefox */
}
#main #payment input[type="tel"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
#main #payment input[type="tel"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

#main #payment .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 10px;
}
#main #payment .automatewoo-optin {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Text Formatting
--------------------------------------------------------------*/

#main .page-wrapper > .text,
#main .woocommerce.row form.woocommerce-cart-form:before,
#main .woocommerce.row form .product-name,
#main .woocommerce.row form .cross-sells h2:before,
#main .cart_totals thead th:before,
#main .cart-collaterals .coupon h3,
.woocommerce-checkout #main h3,
#main .woocommerce-checkout-review-order-table thead .product-name,
#main .woocommerce-checkout-review-order-table thead .product-total {
	font-family: "Korolev Condensed";
	font-weight: 700;
	text-transform: uppercase;
}
.woocommerce-cart .breadcrumbs,
.woocommerce-checkout .breadcrumbs {
	color: #969495;
	font-family: "Proxima Nova";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: initial;
	justify-content: flex-start;
}
.woocommerce-cart #main .page-title-inner,
.woocommerce-checkout #main .page-title-inner {
	max-width: 2000px;
}
#main .page-wrapper > .text p {
	text-align: left !important;
	margin-bottom: 25px;
}
#main .woocommerce.row form.woocommerce-cart-form:before {
	content: "Shopping Bag";
	display: block;
	margin-top: -8px;
	margin-bottom: 5px;
}
#main .woocommerce.row form .cross-sells h2:before {
	content: "Complete The Look";
}
#main .cart_totals thead th:before {
	content: "Order Summary";
}
#main .cart-collaterals .coupon h3 {
	color: #000;
	padding-bottom: 2px;
	border-bottom: 0;
    margin-bottom: 0;
    font-size: 26px;
}
#main .cart-collaterals .coupon h3 .icon-tag {
	display: none;
}
#main .woocommerce.row form .cross-sells h2,
#main .cart_totals thead th {
	font-size: 0 !important;
}
#main .woocommerce.row form.woocommerce-cart-form:before,
#main .woocommerce.row form .cross-sells h2:before,
#main .cart_totals thead th:before {
	font-size: 36px !important;
	color: #000;
}
#main .woocommerce.row form .product-name {
	font-size: 20px;
}
#main .woocommerce.row form .product-name  a {
	color: #000;
}
  


/*--------------------------------------------------------------
# Product Loop
--------------------------------------------------------------*/

.products .product .col-inner {
	box-shadow: none;
}
.products .product .badge-container {
	margin-top: 0;
}
.products .product .badge-container .badge-inner {
	background: none;
    border: none;
}
.products .product .badge-container .onsale {
	background: none;
    color: #d33;
	font-family: "Korolev Condensed";
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}
.products .product .product-title {
	font-family: "Korolev Condensed";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}
.products .product .product-title a {
	color: #000;
}
.products .product .price {
	font-family: "Proxima Nova";
	font-size: 14px;
	font-style: normal;
}
.products .product .price span.amount {
	font-weight: 400;
}

	  
  
/*--------------------------------------------------------------
# Cart Form
--------------------------------------------------------------*/

#main form.woocommerce-cart-form td {
	padding-top: 12px;
padding-bottom: 16px;
	vertical-align: top;
}
#main form.woocommerce-cart-form .product-name a {
	font-weight: 700;
}
#main form.woocommerce-cart-form .variation {
	margin-top: 5px;
}
#main form.woocommerce-cart-form .variation dt {
	display: block;
	float: none;
	font-weight: 500;
}
#main form.woocommerce-cart-form .product-remove {
	padding-left: 0;
}
#main form.woocommerce-cart-form .product-quantity {
	padding-top: 14px;
	padding-left: 0;
	padding-right: 0;
}
#main form.woocommerce-cart-form .product-subtotal {
	padding-right: 0;
}
	  
/*--------------------------------------------------------------
# Cart Totals
--------------------------------------------------------------*/

.cart_totals .recurring-totals,
.cart_totals .cart-subtotal,
.cart_totals .cart-subtotal.recurring-total {
	display: none;
}
.cart_totals .recurring-total {
	text-transform: capitalize;
}
#main .cart_totals thead th {
	padding-bottom: 16px;
    border-bottom: 1.5px solid #000;
}
.woocommerce-cart #main .cart-collaterals .cart_totals tr td, 
.woocommerce-cart #main .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #00000000;
}
#main .woocommerce.row form .shop_table .button-continue-shopping,
.woocommerce-cart #main button[type="submit"],
.woocommerce-cart #main .cart_totals a.checkout-button {
	display: inline-block;
	width: initial !important;
	min-height: initial;
	border-radius: 0 !important;
	padding: 12px 20px 11px !important;
	font-size: 18px !important;
	font-family: "Korolev Condensed";
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	color: #000;
	text-shadow: none;
}
#page #main button[type="submit"] {
	letter-spacing: 0;
	font-size: 16px !important;
}
#main .woocommerce.row form .shop_table .button-continue-shopping {
	border: 1.5px solid #000;
}
#main .cart_totals a.checkout-button,
#main #place_order {
	background-color: #000;
	color: #fff !important;
}
#main .cart-discount.coupon-alreadyhosted:not(.recurring-total) {
	display: none;
}
  
  
/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media screen and (max-width: 1050px) {
	
	#main .woocommerce-notices-wrapper {
		flex-basis: 100%;
	}
	body.woocommerce-cart #main .woocommerce.row .col.large-7 {
		flex-basis: 100%;
		max-width: 100%;
	}
	#main .cart-collaterals { 
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding-top: 50px;
	}
	#main .cart-collaterals:before {
		top: 0;
		left: -50px;
		width: 110vw;
	}
	#main .cart-collaterals .cart-sidebar {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 30px;
	}
	#main .cart-collaterals .cart-sidebar .cart_totals {
		width: 50%;
		min-width: 300px;
	}
	#main .cart-collaterals .cart-sidebar .ux-cart-coupon {
		min-width: 250px;
	}
	
}

@media screen and (max-width: 999px) { 

	#main .woocommerce-notices-wrapper,
	#main .woocommerce-form-coupon-toggle,
	#main form.checkout_coupon {
		width: 100%;
		max-width: 760px;
	}
	#main form.checkout .col.large-7 {
		flex-basis: 100%;
		max-width: 100%;
	}
	#main form.checkout .large-5.col {
		width: 100%;
		flex-basis: 100%;
		max-width: 540px;
	}
	#main form.checkout .large-5.col:before {
		top: 0;
		left: -50vw;
		width: 200vw;
	}

}
@media screen and (max-width: 849px) {

	#main .shop_table .product-remove a {
		display: none;
	}

}
@media screen and (max-width: 549px) {

	#main .shop_table .product-remove {
		display: none;
	}

}
@media screen and (max-width: 699px) {

	/* #main form.woocommerce-cart-form {
		padding-left: 25px;
		padding-right: 25px;
	}
	#main form.woocommerce-cart-form td {
		padding-left: 0;
		padding-right: 0;
	} */
	/* .woocommerce table.shop_table_responsive tr:nth-child(2n), 
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) {
		position: relative;
	}
	.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):before, 
	.woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):before,
	.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):after, 
	.woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):after {
		content: "";
		display: block;
		position: absolute;
		left: -25px;
		top: 0;
		height: calc(100% + 1px);
		width: 25px;
		background-color: rgba(0,0,0,.025);
		border-top: 1px solid rgba(0, 0, 0, .1);
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):after, 
	.woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item:nth-child(2n):after {
		left: initial;
		right: -25px;
	}
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td.actions, 
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td.actions {
		background-color: #fff;
	} */

}