/*
 Theme Name:     Sage Headspa
 Description:    Custom theme created for Sage Headspa.
 Author:         XDC Marketing & Branding
 Author URI:     https://xdcmb.com/
 Template:       Divi
 Version: 1.0.0
*/

:root {
	--primary-color: #a89782;
	--secondary-color: #8b867b;
	--tertiary-color: #f7f7f7;
	--light-color: #ffffff;
    --translucent-bg-color: #fffaf5b0;
    --translucent-bg-color-2: #fffaf5e1;
	--dark-color: #000000;
}

::-webkit-scrollbar {
	height: 12px;
	width: 6px;
	background: var(--tertiary-color);
}

::-webkit-scrollbar-thumb {
	background: var(--primary-color);
	-webkit-border-radius: 0;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page button.button.alt,
.woocommerce-page button.button.alt.disabled,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover {
	color: var(--dark-color);
}

:root :where(#page-container a:where(:not(.wp-element-button))) {
	text-decoration: none;
}

#et-main-area {
	position: relative !important;
	z-index: 0 !important;
}

.signed-in #et-main-area {
	margin-top: 32px !important;
}

.image-4-3 img {
	aspect-ratio: 4/3;
	object-fit: cover;
}

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

.signed-in {
	margin-top: 32px;
}

.media-features-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

blockquote {
	border-left: 6px solid var(--primary-color);
	padding: 10px 20px;
	font-style: italic;
}

.text-no-padding {
    padding: 0;
}

.custom-footer-links p {
  padding: 0;
  border-left: 10px solid var(--dark-color);
  padding-left: 15px;
  transition: .35s border-left ease;
  cursor: pointer;
}

.custom-footer-links p:hover {
  border-left: 15px solid var(--dark-color);
  text-decoration: underline;
}

.service-pricing-separator {
    border-color: var(--light-color);
    border-width: 1px;
    margin: 5px auto;
    width: 100%;
}

#main-content .entry-content .service-pricing-table table {
    border: 0;
    border-color: transparent;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}

.service-pricing-table img {
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 1/1;
}

.service-pricing-table tr,
.service-pricing-table th,
.service-pricing-table td {
    border-color: transparent;
    border-width: 0;
    font-size: 1rem !important;
    padding: 10px 5px !important;
}

.service-detail-page .service-pricing-table {
    border-color: var(--dark-color);
}

.service-detail-page tr td, 
.service-add-on-options tr td {
    border-color: var(--dark-color);
}

.service-detail-page .et_pb_button,
.service-add-on-options .et_pb_button {
    cursor: pointer;
}

.service-pricing-table th:first-of-type,
.service-pricing-table td:first-of-type {
    text-align: left !important;
}

.service-pricing-table th:last-of-type,
.service-pricing-table td:last-of-type {
    text-align: right !important;
}

.service-pricing-table .service-button-row {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.service-pricing-table .service-button-row .et_pb_button {
    margin: 0 auto;
    display: block;
    width: 07%;
    text-align: center;
}

.service-features video {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

#in-person-form {
  scroll-margin-top: 250px !important;
}

#main-content .gform_wrapper input[type="submit"].gform_button {
    background: var(--primary-color) !important;
    color: var(--dark-color) !important;
    border: none !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: center !important;
}

#main-content .gform_wrapper input[type="submit"].gform_button:hover {
    background: var(--secondary-color) !important;
    color: var(--dark-color) !important;
}

@media (max-width: 980px) {
    .custom-search-header {
        padding: 50px 20px;
    }

    .page-title {
        font-size: 2rem;
    }
}

.custom-search-results {
    padding: 50px;
}

/*** Change Mobile Columns By VictorDuse.com.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
    html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

    html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By VictorDuse.com.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

    .two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

    html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

    .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

@media (max-width: 980px) {
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}

    .service-features video {
        height: auto;
    }
}

@media (max-width: 600px) {
	.signed-in {
		margin-top: 0;
	}

	.signed-in #et-main-area {
		margin-top: 0 !important;
	}

	#wpadminbar {
		position: fixed;
	}
}