/*
Theme Name: Matchplay Builder
Theme URI: https://builder.matchplaygolfmarketing.com
Author: Justin Benner
Author URI: https://justinbenner.com
Description: Matchplay Builder v2.0 is the latest evolution of our builder theme. It features advanced new features, such as inner blocks, automatic field sync, and more.
Version: 2.0
Text Domain: builderv2

Matchplay Builder v2.0 © Justin Benner
Distribution or use of any kind without expressed contractual or written permission of Matchplay Golf Marketing or Justin Benner is strictly prohibited.
*/

/*RESET*/

    * {
        box-sizing: border-box;
        padding: 0px;
        margin: 0px;
    }

	body {
		overflow-x: hidden;
	}

	main {
		overflow-x: hidden;
	}

    a:not(.theme-primary-button), .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
        display: inline-block;
        text-decoration: none;
		color: var(--link-colour);
		transition: .25s ease-out;
    }

	a:not(.theme-primary-button):hover, .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label:hover {
		color: var(--link-hover-colour);
		transition: .25s ease-in;
	}

	button, input[type="submit"] {
		cursor: pointer;
	}

/*FIX VARIOUS ACF PROBLEMS*/

	.acf-fc-popup a {
		display: block !important;
	}

/*SCROLLBAR*/

	body::-webkit-scrollbar {
		width: var(--scroll-bar-width);
	}

	body::-webkit-scrollbar-track {
		background-color: var(--scroll-bar-track-bg);
		border-radius: 0px
	}

	body::-webkit-scrollbar-thumb {
		background-color: var(--scroll-bar-thumb-bg);
	}

/*BODY*/

	body {
		background-color: var(--body-bg);
	}

	/*PREVENT OVERFLOW ON BODY OF WOOCOMMERCE ACCOUNT PAGE*/

		body.woocommerce-account {
			overflow-x: hidden;
		}

/*UTILITY CLASSES*/

    /*WIDTHS*/

        .full {
            width: 100%;
        }

        .center {
            width: 75%;
            margin: 0 auto;
        }

		.center-alt {
			width: 60%;
			margin: 0 auto;
		}

    /*FLEX*/

        /*ROWS*/

            .flex-row-start-start {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
            }

			.flex-row-end-end {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-end;
            }

			.flex-row-between-start {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
            }

            .flex-row-between-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

			.flex-rowreverse-between-center {
                display: flex;
                flex-direction: row-reverse;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

            .flex-row-between-stretch {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
            }

			.flex-rowreverse-between-stretch {
                display: flex;
                flex-direction: row-reverse;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
            }

			.flex-row-nowrap-between-stretch {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: stretch;
			}

        /*COLUMNS*/

			.flex-col-between-center {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: center;
			}

            .flex-col-center-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }

/*FONTS*/

	/*TITLE*/

		.title, h1 {
			font-family: var(--title-family);
			font-size: var(--title-size);
			font-weight: var(--title-weight);
			line-height: var(--title-leading);
		}

	/*SUBTITLE*/

		.subtitle, h2, .comment-reply-title, .google-map-text {
			font-family: var(--subtitle-family);
			font-size: var(--subtitle-size);
			font-weight: var(--subtitle-weight);
			line-height: var(--subtitle-leading);
		}

	/*SUBHEAD*/

		.subhead, summary.subhead, h3, h4 {
			font-family: var(--subhead-family);
			font-size: var(--subhead-size);
			font-weight: var(--subhead-weight);
			line-height: var(--subhead-leading);
		}

	/*COPY*/

		.copy, h5 {
			font-family: var(--copy-family);
			font-size: var(--copy-size);
			font-weight: var(--copy-weight);
			line-height: var(--copy-leading);
		}

	/*FONT EFFECTS*/

		/*FADES*/

			/*UP*/

				.fade-up {
					opacity: 0;
					transform: translateY(25px);
					transition: .25s ease-out;
				}

				.fade-up.fade-up-enabled {
					opacity: 1;
					transform: translateY(0px);
					transition: .25s ease-in;
				}

			/*DOWN*/

				.fade-down {
					opacity: 0;
					transform: translateY(-25px);
					transition: .25s ease-out;
				}

				.fade-down.fade-down-enabled {
					opacity: 1;
					transform: translateY(0px);
					transition: .25s ease-in;
				}

			/*LEFT*/

				.fade-left {
					opacity: 0;
					transform: translateX(25px);
					transition: .25s ease-out;
				}

				.fade-left.fade-left-enabled {
					opacity: 1;
					transform: translateX(0px);
					transition: .25s ease-in;
				}

			/*RIGHT*/

				.fade-right {
					opacity: 0;
					transform: translateX(-25px);
					transition: .25s ease-out;
				}

				.fade-right.fade-right-enabled {
					opacity: 1;
					transform: translateX(0px);
					transition: .25s ease-in;
				}

		/*SKEWS*/

			/*LEFT*/

				.skew-left {
					transform: rotate(-5deg);
				}

			/*RIGHT*/

				.skew-right {
					transform: rotate(4deg);
				}

/*BUTTONS*/

	/*COOKIE NOTICE*/

		.branda-cn-column a {
			font-family: var(--copy-family);
			font-size: var(--copy-size);
			font-weight: var(--copy-weight);
		}

	/*WOOCOMMERCE AND PRIMARY BUTTONS*/

		.theme-primary-button, .woocommerce button, .woocommerce a.button, input[type="submit"] {
			display: inline-block;
			font-family: var(--copy-family);
			font-size: var(--copy-size);
			font-weight: var(--copy-weight);
			background-color: var(--button-bg);
			color: var(--button-text-colour);
			border: none;
			border-radius: var(--button-radius);
			padding: var(--button-padding);
			text-transform: uppercase;
			text-decoration: none;
			transition: .25s ease-out;
		}

		/*HOVER*/

			.theme-primary-button:hover, .woocommerce button:hover, .woocommerce a.button:hover, input[type="submit"]:hover {
				color: var(--button-text-hover-colour);
				background-color: var(--button-bg-hover);
				transition: .25s ease-in;
			}

/*MODALS*/

	/*TRIGGER*/

		.modal-trigger {
			color: var(--link-colour);
			cursor: pointer;
			transition: .25 ease-out;
		}

		.modal-trigger:hover {
			color: var(--link-hover-colour);
			transition: .25s ease-in;
		}

	/*HOLDER*/

		.modal-holder {
			display: none;
			position: fixed;
			z-index: 9998;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0,0,0);
			background-color: rgba(0,0,0,0.75); 
		}

		/*CONTENT*/
	
			.modal-content {
				background-color: #fefefe;
				margin: 15% auto;
				padding: 25px;
				box-shadow: 2px 2px 15px 5px rgba(0,0,0,0.25);
			}

			/*CLOSE BUTTON*/

				.modal-content .close {
					font-family: var(--subtitle-family);
					color: #aaa;
					font-size: 28px;
					font-weight: bold;
					transition: .25s ease-out;
					cursor: pointer;
				}
	
				.modal-content .close:hover, .modal-content .close:focus {
					color: var(--link-hover-colour);
					transition: .25s ease-in;
				}

/*404 PAGE*/

	.fourohfour-page {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	/*ADD MARGIN TO TITLE*/

		.fourohfour-page .title {
			margin-bottom: 25px;
		}

/*HEADER STYLES*/

	/*HIDE MOBILE MENU*/

		.mobile-menu {
			display: none;
		}

	/*ADD PADDING LEFT AND RIGHT TO THE HEADER*/

		header {
			position: fixed;
			top: 0px;
			left: 0px;
			background-color: rgba(255,255,255,0.75);
			height: 90.5px;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 25px;
			padding-right: 25px;
			overflow: visible;
			z-index: 9999;
		}

	/*RESIZE LOGO*/

		header .header-logo {
			width: 200px;
		}

	/*STYLE BUTTON*/

		.header-desktop-login {
			font-family: "CopyFont", sans-serif;
			font-size: 14pt;
			text-transform: uppercase;
			padding: 10px;
			background-color: #075534;
			color: #FFFFFF !important;
		}

		.header-desktop-login:hover {
			background-color: #2f2f2f;
			color: #FFF !important;
		}

	/*HIDE MOBILE*/

		.header-mobile-login {
			display: none !important;
		}

/*FOOTER*/

	footer {
		background-color: #222222;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	footer .center {
		width: 85%;
	}

	footer .footer-holder {
		width: 33.333%;
		padding: 25px;
	}

	footer .subtitle {
		font-size: 22pt !important;
	}

	footer .footer-logo {
		width: 200px;
		max-width: 90%;
		margin-bottom: 50px;
	}

	footer .footer-contact {
		margin-right: 50px;
	}

	footer .footer-contact .copy, footer .footer-contact a {
		color: #FFF;
	}

	footer .footer-contact a:hover {
		color: #FFF !important;
		text-decoration: underline;
		text-underline-offset: 2.5px;
	}

	footer .footer-social {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	footer .footer-social div {
		background-color: #FFF;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		margin-right: 15px;
	}

	footer .footer-social i {
		color: #0B2145;
	}

	footer .footer-nav {
		columns: 2;
		column-gap: 50px;
	}

	footer .footer-nav ul {
		list-style-type: none;
	}

	footer .footer-nav ul li {
		margin-bottom: 15px;
	}

	footer .footer-nav ul li:last-of-type {
		margin-bottom: 0px;
	}

	footer .footer-nav ul li a {
		font-family: var(--copy-family);
		font-size: var(--copy-size);
		color: #FFF;
	}

	footer .footer-nav ul li a:hover {
		color: #FFF !important;
		text-decoration: underline;
		text-underline-offset: 2.5px;
	}

/*MAKE ALL ACCORDION STYLES THE SAME*/

	.accordion details {
		background-color: #f0ead8;
		color: #000;
	}

	.accordion summary {
		background-color: #075534;
		color: #FFF;
	}

/*WOOCOMMERCE STYLING*/

	/*ADD PADDING TO MAIN ON WOOCOMMERCE PAGES*/

		.woocommerce-page main, .woocommerce-page #store-wrapper {
			padding-top: 100px;
			padding-bottom: 100px;
		}

	/*PAD OUT BREADCRUMB*/

		.woocommerce-breadcrumb {
			background-color: #F4F4F4;
			padding: 15px;
			margin-bottom: 25px;
		}

	/*STYLE PASSWORD RESET PAGE*/

		/*ADD MARGIN TO FORM*/

			.woocommerce .woocommerce-ResetPassword .woocommerce-form-row {
				margin-top: 25px;
				margin-bottom: 25px;
			}

		/*MAKE INPUT FULL WIDTH*/

			.woocommerce .woocommerce-ResetPassword #user_login {
				width: 100%;
			}

	/*CUSTOMIZE INFO AND NOTICES*/

		.woocommerce-info, .woocommerce-message {
			width: 100%;
			background-color: #F4F4F4;
			padding: 15px;
			margin-bottom: 25px;
		}

		/*ADD MARGIN TO ADD COUPON NOTICE WHEN EXPANDED*/

			.checkout_coupon .form-row-first {
				margin-top: 25px;
				margin-bottom: 25px;
			}

	/*HIDE ORDERING AND RESULT COUNT*/

		.woocommerce-ordering, .woocommerce-result-count {
			display: none;
		}

	/*ADD PADDING TO RELATED PRODUCTS*/

		section.related {
			width: 100%;
			margin-bottom: 50px;
		}

	/*STYLE PRODUCT LISTINGS*/

		ul.products {
			margin-top: 50px;
			margin-bottom: 50px;
			display: grid;
			grid-gap: 50px;
			grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
			justify-content: start;
			list-style-type: none;
		}

		/*LISTING*/

			/*IMAGE*/

				ul.products li img {
					max-width: 100%;
					height: auto;
					margin-bottom: 25px;
				}

			/*BUTTON*/

				ul.products li .button {
					margin-top: 25px;
				}

			/*ADD MARGIN TO VIEW CART NOTICE*/

				ul.products li .added_to_cart {
					margin-left: 15px;
				}

			/*REMOVE UGLY YELLOW HIGHTLIGHT IN CATEGORY LISTS*/

				ul.products li mark {
					background-color: inherit;
				}

	/*CUSTOMIZE PRICE*/

		/*REMOVE UNDERLINE FROM PRICE*/

			ul.products li.product ins, .single-product .product ins {
				text-decoration: none;
			}

	/*CUSTOMIZE SALE ICON*/

		/*REMOVE IT FROM THE INDIVIDUAL PRODUCT PAGE*/

			.single-product .onsale {
				display: none;
			}

		/*MAKE PRODUCT LINK RELATIVE*/

			.woocommerce-loop-product__link {
				position: relative;
			}

		/*STYLE SALES ICON*/

			.woocommerce-loop-product__link .onsale {
				position: absolute;
				top: 0xp;
				right: 0px;
				padding: 15px;
				background-color: var(--button-bg);
				color: var(--button-text-colour);
			}

	/*ALL THE WOOCOMMERCE FONTS THAT SHOULD REFLECT THE COPY FONT*/

		.woocommerce p:not(.title, .subtitle, .subhead), address, a.edit, .woocommerce-cart .cart-totals .totals-table, .my-account-holder .woocommerce-MyAccount-navigation ul li, .woocommerce-cart .cart-collaterals .totals-table ul li, .totals-table-row label, tr, td, thead, tbody, th, .woocommerce-remove-coupon, .woocommerce-Price-amount, input, textarea, select, option, .woocommerce-notice, .woocommerce-info, .woocommerce-message, .woocommerce-breadcrumb, .posted_in, .onsale, ins, bdi, ul.tabs li, .comment-respond, .woocommerce-Tabs-panel, .select2-results__option, ::placeholder, .added_to_cart, .woocommerce-error li {
			font-family: var(--copy-family);
			font-size: var(--copy-size);
			font-weight: var(--copy-weight);
			line-height: var(--copy-leading);
		}

		/*ADD RED COLOUR BACK TO ERRORS*/

			.woocommerce-error li {
				color: red !important;
			}

	/*WHEN THERE IS A SECOND WOOCOMMERCE DIV INSIDE OF THE MAIN WOOCOMMERCE DIV, MAKE IT FULL WIDTH*/

		.woocommerce .woocommerce {
			width: 100% !important;
		}

	/*ADD PADDING TO INPUTS, TEXTAREAS, SELECTS, ETC.*/

		.woocommerce input:not([type="submit"]), .woocommerce textarea, .woocommerce select {
			padding: 15px;
			max-width: 100%;
		}

	/*SINGLE PRODUCT LISTING*/

		.single-product .product {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
		}

		/*PRODUCT GALLERY*/

			.single-product .product .woocommerce-product-gallery {
				width: calc(40% - 50px);
				margin-right: 50px;
			}

			/*THUMBNAILS*/

				.single-product .product .woocommerce-product-gallery ol {
					display: flex;
					list-style-type: none;
				}

		/*ENTRY*/

			.single-product .product .entry-summary {
				width: 60%;
			}

			/*TITLE*/

				.single-product .product .entry-summary h1 {
					margin-bottom: 50px;
				}

			/*PRICE*/

				.single-product .product .entry-summary p.price {
					font-weight: bold !important;
					margin-bottom: 50px;
				}

			/*FORM*/

				.single-product .product .entry-summary form.cart {
					margin-top: 50px;
				}

				/*ADD TO CART BUTTON*/

					.single-product .product .entry-summary .single_add_to_cart_button {
						margin-top: 25px;
						margin-bottom: 25px;
					}

            /*ADD TO CART NOTICE*/

                .single-product #store-wrapper .woocommerce-notices-wrapper {
                    margin-bottom: 25px;
                }

		/*TAB NAVIGATION*/

			ul.wc-tabs {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: flex-start;
				margin-top: 25px;
				margin-bottom: 25px;
				list-style-type: none;
			}

			/*TABS*/

				ul.wc-tabs li a {
					cursor: pointer;
					border: 1px solid #444;
					padding: 25px;
				}

				/*NOT FIRST OF TYPE*/

					ul.wc-tabs li:not(:first-of-type) a {
						border-left: none !important;
					}

				/*ACTIVE TAB*/

					ul.wc-tabs li.active {
						background-color: #F4F4F4;
					}

				/*CONTENTS*/

					.woocommerce-Tabs-panel {
						margin-bottom: 50px;
					}

					/*TITLE*/

						.woocommerce-Tabs-panel h2 {
							display: none;
						}

		/*DESCRIPTION TAB*/

			#tab-description ul {
				list-style-position: inside;
			}

		/*REVIEWS TAB*/

			/*COMMENT LIST*/

				#tab-reviews .commentlist {
					list-style-type: none;
				}

			/*COMMENT CONTAINER*/

				#tab-reviews .comment_container {
					margin-bottom: 25px;
				}

			/*COMMENT FORM*/

				/*FIX OVERFLOWING TEXTAREA AND ADD MARGIN BOTTOM*/

					#tab-reviews .comment-form textarea {
						width: 100%;
						margin-bottom: 25px;
					}

				/*MAKE REVIEW FULL WIDTH*/

					#tab-reviews .comment-form label {
						display: block;
						font-weight: bold;
						width: 100%;
						margin-top: 25px;
						margin-bottom: 25px;
					}

            /*ADD MARGIN TO NO REVIEWS*/

                #tab-reviews .woocommerce-noreviews {
                    margin-bottom: 25px;
                }

	/*CUSTOMIZE CHECKOUT PAGE*/

		/*HIDE FIRST SHIPPING TAG UNDER REVIEW*/

			.woocommerce-checkout .woocommerce-checkout-review-order .totals-shipping:first-of-type {
				display: none;
			}

		/*HIDE ODD OVERFLOW*/

			.woocommerce-checkout {
				overflow-x: hidden;
			}

		/*GENERAL CUSTOMIZATIONS*/

			/*ADD MARGIN BENEATH FIELDS*/

				.woocommerce-checkout .woocommerce-billing-fields .form-row, .woocommerce-checkout .woocommerce-shipping-fields .form-row {
					margin-bottom: 25px;
				}

			/*MAKE FIELDS FULL WIDTH*/

				.woocommerce-checkout input:not([type="checkbox"]), .woocommerce-checkout input:not([type="radio"]), .woocommerce-checkout textarea, .woocommerce-checkout select {
					width: 100%;
				}

		/*CUSTOMIZE LOGIN FORM*/

			/*ADD MARGIN TO TOP OF ROWS*/
		
				.woocommerce-checkout .woocommerce-form-login .form-row {
					margin-top: 25px;
				}

			/*MAKE REMEMBER ME CHECKBOX FLEX AND ADD MARGIN*/

				.woocommerce-checkout .woocommerce-form__label-for-checkbox {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin-bottom: 25px;
				}

				/*ADD MARGIN TO THE CHECKBOX*/

					.woocommerce-checkout #rememberme {
						margin-right: 15px;
					}

			/*ADD MARGIN TO LOST PASSWORD*/

				.woocommerce-checkout .woocommerce-form-login .lost_password {
					margin-top: 25px;
					margin-bottom: 25px;
				}

		/*CUSTOMIZE BILLING DETAILS*/

			/*MAKE WHOLE THING A FLEX CONTAINER AND ADD MARGIN*/

				.woocommerce-checkout #customer_details {
					width: 100%;
					margin-top: 50px;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: flex-start;
				}

				/*MAKE CUSTOMER DETAILS FULL WIDTH*/

					.woocommerce-checkout form.checkout #customer_details {
						width: 100%;
					}

				/*MAKE BILLING ADDRESS AND SHIPPING ADDRESS COLUMNS HALF WIDTH*/

					.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 {
						width: calc(50% - 25px);
					}

				/*ADD MARGIN TO TITLE*/

					.woocommerce-checkout .woocommerce-billing-fields h3 {
						margin-bottom: 50px;
					}

				/*MAKE LABELS FULL WIDTH AND ADD MARGIN*/

					.woocommerce-checkout .woocommerce-billing-fields label {
						display: block;
						width: 100%;
					}

		/*CUSTOMIZE SHIPPING FIELDS*/

			/*ADD MARGIN TO TITLE*/

				.woocommerce-checkout .woocommerce-shipping-fields h3 {
					margin-bottom: 25px;
				}

			/*MAKE LABELS FULL WIDTH AND ADD MARGIN*/

				.woocommerce-checkout .woocommerce-shipping-fields label {
					display: block;
					width: 100%;
				}

			/*MAKE SHIP TO DIFFERENT ADDRESS LABEL A FLEX CONTAINER AND HIDE INPUT*/

				.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
					cursor: pointer;
					transition: .25s ease-out;
				}

				.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label input {
					display: none;
				}

		/*ORDER REVIEW*/

			.woocommerce-checkout #order_review_heading {
				margin-top: 25px;
				margin-bottom: 25px;
				padding: 15px;
				background: #F4F4F4;
			}

			/*CUSTOMIZE TABLE*/

				/*ADD MARGIN TO SEPARATE FROM PRIVACY AND TERMS AND CONDITIONS, ALIGN TEXT AND BLOW OUT TABLE TO FULL WIDTH*/

					.woocommerce-checkout table {
						display: table;
						width: 100%;
						border-spacing: 0px 25px;
					}

					.woocommerce-checkout table thead th:first-of-type {
						text-align: left;
					}

					.woocommerce-checkout table thead th:last-of-type {
						text-align: right;
					}

					.woocommerce-checkout table tfoot tr {
						text-align: left;
					}

					.woocommerce-checkout table td:last-of-type {
						text-align: right;
					}

		/*CUSTOMIZE PAYMENT METHODS AND SHIPPING METHODS*/

			/*REMOVE LIST STYLE FROM METHODS LIST*/

				.woocommerce-checkout .woocommerce-checkout-payment .methods, .woocommerce-checkout .woocommerce-shipping-methods {
					list-style-type: none;
				}

				/*MAKE RADIO BUTTONS NOT FULL-WIDTH, AND ADD A SMALL MARGIN*/

					.woocommerce-checkout .woocommerce-shipping-methods li input {
						width: auto !important;
						margin-right: 5px;
					}

		/*CUSTOMIZE WOOCOMMERCE TERMS AND CONDITIONS AND PRIVACY WRAPPER*/

			.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
				margin-bottom: 50px;
			}

    /*CUSTOMIZE CART PAGE*/

		/*MAIN TITLE*/

			.woocommerce-cart .cart-main-title {
				margin-bottom: 25px;
			}

		/*SHOP TABLE*/

			.woocommerce-cart .woocommerce-cart-form .table {
				display: grid;
				grid-gap: 50px;
				grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
				justify-content: start;
			}

			/*ITEM*/

				.woocommerce-cart .woocommerce-cart-form .table .content-item {
					position: relative;
					background: #F4F4F4;
					padding: 25px;
				}

				/*PRODUCT REMOVE*/

					.woocommerce-cart .woocommerce-cart-form .table .content-item .product-remove {
						position: absolute;
						top: 25px;
						left: 25px;
						width: 25px;
						height: 25px;
						background-color: #000;
						font-size: 14pt;
						z-index: 10;
					}

					.woocommerce-cart .woocommerce-cart-form .table .content-item .product-remove a {
						color: #FFF !important;
					}

				/*FEATURED THUMBNAIL*/

					.woocommerce-cart .woocommerce-cart-form .table .product-thumbnail img {
						position: relative;
						width: 100%;
						height: auto;
					}

				/*TITLE*/

					.woocommerce-cart .woocommerce-cart-form .table .content-item .product-name a {
						font-family: var(--subtitle-family) !important;
						font-size: var(--subtitle-size) !important;
						font-weight: var(--subtitle-weight) !important;
						line-height: var(--subtitle-leading) !important;
						margin-top: 25px;
						margin-bottom: 25px;
					}

				/*PRICE*/

					.woocommerce-cart .woocommerce-cart-form .table .content-item .product-price {
						margin-bottom: 25px;
					}

				/*INPUT*/

					.woocommerce-cart .woocommerce-cart-form .table .content-item .product-quantity input {
						width: 100%;
					}

		/*COUPON*/

			.woocommerce-cart .coupons {
				margin-top: 50px;
				margin-bottom: 50px;
				padding: 25px;
				background-color: #F4F4F4;
			}

			/*TITLE*/

				.woocommerce-cart .coupons .main-coupon-title {
					margin-bottom: 25px;
				}

			/*BUTTON*/

				.woocommerce-cart .coupons .apply-coupon-button {
					margin-top: 25px;
				}

		/*UPDATE CART*/

			.woocommerce-cart .update-cart {
				margin-bottom: 50px;
			}

			/*BUTTON*/

				.woocommerce-cart .update-cart .update-cart-button {
					text-align: left;
				}

		/*CART TOTALS*/

			.woocommerce-cart .cart-totals {
				padding: 25px;
				background-color: #F4F4F4;
			}

			/*TITLE*/

				.woocommerce-cart .cart-totals .main-totals-title {
					margin-bottom: 25px;
				}

			/*TABLE*/

				/*ROW*/

					.woocommerce-cart .cart-totals .totals-table .totals-table-row div:first-of-type .copy {
						font-weight: bold !important;
					}

				/*HIDE SHIPPING CALCULATOR*/

					.woocommerce-cart .woocommerce-shipping-calculator {
						display: none;
					}

			/*FIX SHIPPING METHOD LIST*/

				.woocommerce-cart .cart-collaterals .totals-table ul {
					list-style-type: none;
				}

				/*ADD MARGIN TO LABEL FOR SHIPPING METHOD*/

					.woocommerce-cart .cart-collaterals .totals-table ul li label {
						margin-left: 5px;
					}

		/*CHECKOUT BUTTON*/

			.woocommerce-cart .wc-proceed-to-checkout {
				margin-top: 50px;
			}

			.woocommerce-cart .wc-proceed-to-checkout .button {
				width: 100%;
			}

	/*CUSTOMIZE ACCOUNT PAGE*/

		/*NAVIGATION*/

			.my-account-holder .woocommerce-MyAccount-navigation {
				width: 20%;
				background: #F4F4F4;
				padding: 25px;
			}

			/*REMOVE LIST STYLE*/

				.my-account-holder .woocommerce-MyAccount-navigation ul {
					list-style-type: none;
				}

		/*CONTENT*/

			.my-account-holder .woocommerce-MyAccount-content {
				width: calc(80% - 50px);
			}

			/*ADDRESS TAB*/

				/*ADD MARGIN TO TOP OF ADDRESS AREAS, ADD PADDING AND BACKGROUND*/

					.my-account-holder .woocommerce-Address {
						padding: 25px;
						background: #F4F4F4;
						margin-top: 25px;
					}

				/*EDIT ADDRESSES*/

					/*ADD MARGIN BOTTOM TO H3*/

						.my-account-holder .woocommerce-MyAccount-content form h3 {
							margin-bottom: 25px;
						}

					/*ADD MARGIN TO EDIT*/

						.my-account-holder .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
							margin-top: 15px;
							margin-bottom: 15px;
						}

					/*MAKE INPUTS AND LABELS 100%, ADD MARGIN BOTTOM TO INPUT AND SELECT FIELDS*/

						.my-account-holder .woocommerce-address-fields label {
							width: 100%;
						}

						.my-account-holder .woocommerce-address-fields input {
							width: 100%;
							margin-bottom: 25px;
						}

						.my-account-holder .woocommerce-address-fields .select2 {
							width: 100%;
							margin-bottom: 25px;
						}

			/*ACCOUNT DETAILS*/

				/*MAKE INPUTS AND LABELS 100%, ADD MARGIN BOTTOM TO INPUT*/

					.my-account-holder .woocommerce-EditAccountForm label {
						width: 100%;
					}

					.my-account-holder .woocommerce-EditAccountForm input {
						width: 100%;
						margin-bottom: 25px;
					}

				/*ADD MARGIN TO EM*/

					.my-account-holder .woocommerce-EditAccountForm em {
						display: block;
						margin-bottom: 25px;
					}

				/*STYLE PASSWORD CHANGE AREA, ADD MARGIN BOTTOM TO IT, AND HIDE LEGEND*/

					.my-account-holder .woocommerce-EditAccountForm legend {
						display: none;
					}

					.my-account-holder .woocommerce-EditAccountForm fieldset {
						border: none;
						background: #F4F4F4;
						padding: 25px;
						margin-bottom: 25px;
					}

	/*ORDER TRACKING*/

		/*ADD PADDING TOP AND BOTTOM TO THE TRACK ORDER FORM*/

			.woocommerce-form-track-order {
				padding-top: 100px;
				padding-bottom: 100px;
			}

			/*MAKE LABELS AND INPUTS 100%*/

				.woocommerce-form-track-order label {
					width: 100%;
				}

				.woocommerce-form-track-order input {
					width: 100%;
					margin-bottom: 25px;
				}

			/*ADD MARGIN TO FIRST P*/

				.woocommerce-form-track-order p:first-of-type {
					margin-bottom: 25px;
				}

/*BLOG STYLING*/

    /*INDEX.PHP - THIS IS THE MAIN ARCHIVE TEMPLATE*/

		/*ADD PADDING TOP AND BOTTOM TO THE FILTER HOLDER AND THE CATEGORY TEMPLATE PAGE*/

			.category-template, .archive-template {
				padding-top: 100px;
				padding-bottom: 100px;
			}

		/*ADD MARGIN BOTTOM TO TITLE ON BLOG ARCHIVE PAGE*/

			.archive-template .blog-archive-title {
				margin-bottom: 50px;
			}

		/*ADD MARGIN BOTTOM TO TITLE ON CATEGORY PAGE*/

			.category-template .center p.category-title {
				margin-bottom: 50px;
			}

		/*STYLE THE FILTER*/

			.filter-holder {
				margin-bottom: 50px;
			}

			/*SUBHOLDER*/

				.filter-holder .filter-subholder {
					width: calc(50% - 25px);
					margin-right: 50px;
				}

				.filter-holder .filter-subholder:last-of-type {
					margin-right: 0px;
				}

				/*TITLE*/

				.filter-holder .filter-subholder p.copy {
						color: #444;
					}

				/*DROPDOWNS*/

				.filter-holder .filter-subholder select {
						width: 100%;
						padding: 15px;
						border: 1px solid #F5F1EE;
					}

    /*ENTRY.PHP STYLING - THIS IS WHAT APPEARS ON INDEX.PHP WHEN LISTING POSTS*/

        /*ADD SPACING EXCEPT ON LAST ENTRY*/

            .entry-summary {
                margin-bottom: 50px;
            }

            .entry-summary:last-of-type {
                margin-bottom: 0px;
            }

        /*ALTERNATE DIRECTION*/

            .entry-summary:nth-of-type(odd) {
                flex-direction: row;
            }

            .entry-summary:nth-of-type(even) {
                flex-direction: row-reverse;
            }

        /*FEATURED IMAGE*/

            .entry-summary .entry-summary-featured-image {
                width: 40%;
            }

        /*CONTENT*/

            .entry-summary .entry-summary-content {
                width: calc(60% - 50px);
                padding-top: 50px;
                padding-bottom: 50px;
            }

            /*TITLE*/

                .entry-summary .entry-summary-content .subtitle {
                    display: inline-block;
                    margin-bottom: 25px;
                }

            /*COPY*/

				.entry-summary .entry-summary-content .copy {
					font-family: var(--copy-family);
					font-size: var(--copy-size);
					font-weight: var(--copy-weight);
					line-height: var(--copy-leading);
                    margin-bottom: 25px;
                }

/*MEDIA QUERIES*/

    @media (max-width: 1400px) {

        .entry-summary .entry-summary-featured-image {
            width: 30%;
        }

        .entry-summary .entry-summary-content {
            width: calc(70% - 50px);
        }
		
		.single-product .product .woocommerce-product-gallery {
			width: calc(60% - 50px);
			margin-right: 50px;
		}

		.single-product .product .entry-summary {
			width: 40%;
		}

		.my-account-holder .woocommerce-MyAccount-navigation {
			width: 30%;
			background: #F4F4F4;
			padding: 25px;
		}

		.my-account-holder .woocommerce-MyAccount-content {
			width: calc(70% - 50px);
		}

    }

	@media (max-width: 1250px) {

		.header-desktop-login {
			display: none !important;
		}

		.header-mobile-login {
			display: block !important;
		}

	}

    @media (max-width: 1200px) {

		.title {
			font-size: 36pt;
		}

        .center, .woocommerce, .fourohfour-page .center {
            width: 85%;
        }

		.center-alt {
			width: 85%;
		}

        .filter-holder .filter-subholder {
            width: 100%;
            margin-bottom: 15px;
            margin-right: 0px;
        }

        .filter-holder .filter-subholder:last-of-type {
            margin-bottom: 0px;
        }
		
        .entry-summary .entry-summary-featured-image {
            width: 100%;
            height: 350px;
        }

        .entry-summary .entry-summary-content {
            width: 100%;
            padding-top: 25px;
            padding-bottom: 25px;
        }
		
		.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 {
			width: 100%;
		}

		footer .center {
			width: 85%;
		}

    }

    @media (max-width: 800px) {

        .center, .woocommerce, .fourohfour-page .center {
            width: calc(100% - 50px)
        }

		.center-alt {
			width: calc(100% - 50px);
		}
		
		.woocommerce-page main, .woocommerce-page #store-wrapper {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		ul.products li {
			width: 100% !important;
			margin-right: 0px;
		}

		.single-product .product .woocommerce-product-gallery {
			width: 100%;
			margin-right: 0px;
		}

		.single-product .product .entry-summary {
			width: 100%;
		}
		
		.single-product .product .entry-summary h1 {
			margin-top: 25px;
			margin-bottom: 25px;
		}
		
		.single-product .product .entry-summary p.price {
			margin-bottom: 25px;
		}
		
		.woocommerce-form-track-order, .archive-template, .category-template {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.my-account-holder .woocommerce-MyAccount-navigation {
			width: 100%;
			background: #F4F4F4;
			padding: 25px;
			margin-bottom: 50px;
		}

		.my-account-holder .woocommerce-MyAccount-content {
			width: 100%;
		}


		footer .center {
			width: calc(100% - 50px);
		}
		
		footer .footer-holder {
			width: 100%;
		}

    }