/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2025 | 06:58:15 */
/* KEY VARIABLES */
img {
	border-radius: var(--border-radius);
}

/* SITEWIDE CSS OPTIONS */
.two-col .evlt-paragraph__text {
	column-count: 2;
}

.two-col .evlt-paragraph__text ul {
	margin-block-start: 0px;
}

.checklist ul {
	list-style: none;
	margin-left: -20px;
}

.checklist li {
	font-family: var(--medium-font-family);
}

.checklist li::before {
	content: url('//listbetter.com.au/wp-content/uploads/2023/09/Bullet-2.svg');
	position: relative;
    left: 0;
	top: 2px;
    margin-right: 10px;
}

/* BTN DEFAULTS */
.btn, .gform_button {
	color: var(--color-p2);
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 15px; 
	letter-spacing: 0.15px;
	text-transform: uppercase;
	border-radius: 0px;
	background: var(--Vanilla-Theme-P1-900, #B99D54);
	width: fit-content;
	font-family: var(--headings-font-family);
	padding: 12px 25px;
	height: unset;
}

.btn::after, .gform_button::after {
	content: url(//listbetter.com.au/wp-content/uploads/2023/12/arrow-long-right-1.svg);
	margin-left: 10px;
}
/*
.btn::before, .gform_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, var(--primary-brand-color) 0%, var(--alt-brand-color) 50%, var(--primary-brand-color) 100%);
    z-index: -1;
    transform: translateX(-50%);
    transition: transform ease-out 0.3s;
}

.btn:hover::before, .gform_button:hover::before {
	transform: translateX(0%);
}
*/

.gform_wrapper input[readonly='readonly'] {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

/* When the section has background-color: var(--color-p2) */
section[style*="background-color: var(--color-p2)"] .gform_confirmation_message {
    color: #ffffff;
}

/* When the section has background-color: var(--Vanilla-Theme-P1-100) */
section[style*="background-color: var(--Vanilla-Theme-P1-100)"] .gform_confirmation_message {
    color: var(--primary-text-color);
}

/* When the section has background-color: var(--color-p2) */
section[style*="background-color: var(--color-p2)"] h2 {
    color: var(--color-p1);
	font-size: 60px;
}

/* When the section has background-color: var(--Vanilla-Theme-P1-100) */
section[style*="background-color: var(--Vanilla-Theme-P1-100)"] h2 {
    color: var(--primary-text-color);
}

/* When the section has background-color: var(--color-p2) */
section[style*="background-color: var(--color-p2)"] p {
    color: #ffffff;
}

/* When the section has background-color: var(--Vanilla-Theme-P1-100) */
section[style*="background-color: var(--Vanilla-Theme-P1-100)"] p {
    color: var(--primary-text-color);
}

/* RESPONSIVE STYLES */
@media (max-width: 1440px) {
	:root {
		--container-max-width: calc(100vw - (2 * var(--padding-width)));
	}
}