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

:root {
	--primary-color: silver;
	--secondary-color: lightgray;
	--tertiary-color: darkgray;
    --dark-gray-color: #2d2d2d;
	--light-color: #ffffff;
	--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);
}

.tmd_front_search_main {
	padding: 20px !important;
}

.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);
}

#main-content .et_pb_button {
    padding: 10px 20px !important;
}

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

#et-main-area {
	position: relative !important;
	z-index: 0 !important;
	margin-top: calc(96px + 42px) !important;
}

.signed-in #et-main-area {
	margin-top: calc(96px + 42px + 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;
}

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

.custom-page-header {
	background-color: var(--dark-gray-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 75px 20px 75px 20px;
	transition: all 0.2s ease-in-out;
}

.custom-page-header .custom-page-header-content {
	max-width: 800px;
}

.custom-page-header h1,
.custom-page-header h2 {
	text-align: center;
	color: var(--light-color);
}

.custom-page-header h1 {
	font-size: 3rem;
	font-weight: 1000;
}

.custom-page-header h2 {
	font-size: 2rem;
	font-weight: 600;
}

.pum-theme-9744, .pum-theme-default-theme {
	background-color: transparent !important;
	backdrop-filter: blur(5px) !important;
}

.pum-theme-9744 .pum-container, .pum-theme-default-theme .pum-container {
	background-color: transparent !important;
	backdrop-filter: blur(5px) !important;
	border: 6px double var(--primary-color) !important;
	padding: 0 !important;
}

.pum-theme-9744 .pum-title, .pum-theme-default-theme .pum-title {
	display: none !important;
}

.pum-theme-9744 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	background-color: var(--dark-color) !important;
	padding: 10px 30px !important;
}

#popmake-9753 > div.pum-content.popmake-content > div {
	background-color: var(--secondary-color) !important;
}

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

form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: var(--primary-color) !important;
    color: var(--dark-color) !important;
    border: 2px solid var(--dark-color) !important;
    padding: 10px 20px !important;
}

.custom-footer-link:hover a {
    text-decoration: underline;
}

.tmd_search_box select {
    padding: 15px 20px;
    font-size: 1rem;
}

.tmd_search_submit {
    padding: 15px 20px;
    font-size: 1rem;
    background-color: var(--primary-color);
    color: var(--dark-color);
    border: none;
    border-radius: 7px;
}

.tmd_front_search_main {
    border: none;
    background: var(--tertiary-color);
    border-radius: 7px;
}

.custom-search-header {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--dark-color);
    padding: 100px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .page-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 10px;
    }
}

.custom-contact-form.dark-background span,
.custom-contact-form.dark-background div,
.custom-contact-form.dark-background p,
.custom-contact-form.dark-background label,
.custom-contact-form.dark-background legend {
  color: white !important;
}

.custom-contact-form .fluentform .ff-el-input--label {
  display: block !important;
}

.custom-contact-form .ff-default .ff_btn_style {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  background-color: var(--primary-color) !important;
  border: none !important;
  transition: 0.3s ease-in-out;
  color: var(--dark-color) !important;
}

.custom-contact-form .ff-default .ff_btn_style:hover {
  background-color: var(--secondary-color) !important;
  color: var(--dark-color) !important;
}

.custom-contact-form.form-on-page .ff-message-success {
  text-align: center !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;
	}
	.custom-page-header h1 {
		font-size: 2rem;
	}
	.custom-page-header h2 {
		font-size: 1.5rem;
	}
	.custom-row-gold-border {
		gap: 5px !important;
	}
	.custom-row-gold-border .et_pb_column {
		display: block !important;
	}
}

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

	.signed-in #et-main-area {
		margin-top: calc(84px + 42px  + 46px) !important;
	}

	#wpadminbar {
		position: fixed;
	}
}