:root {
    --agj-green: #24822a;
    --agj-green-light: #2ea335;
    --agj-green-dark: #2b572c;
    --agj-dark: #20232c;
    --agj-red: #dc1632;
    --agj-red-light: #e73544;
}

* {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif !important;
}

body {
    background-color: #f1f3f5 !important;
}

/*
.main-text-color a:active,
.main-text-color a:focus,
.main-text-color a:visited {
	color: #26772b !important;
}
*/

.main-text-color {
    color: var(--agj-green) !important;
}

.nav-link-container a:hover {
    color: var(--agj-green-light) !important;
}

/* limit the listing display into 1 */
.listing-type a:nth-of-type(n + 2) {
    display: none !important;
}

/* limit the property type display into 1 */
.limit-property-type a:nth-of-type(n + 2) {
    display: none !important;
}

.text-align-left {
	text-align: left;
}

.text-align-justify {
    text-align: justify;
}

.btn,
.btn-link > * {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--agj-green) !important;
    color: white;
    border: 1px solid var(--agj-green);
    transition: background-color 0.2s ease, color 0.2s ease,
        border-color 0.2s ease;
}

.btn-sm {
    padding: 4px 12px !important;
}

.btn-fullwidth {
    width: 100%;
}

.btn:hover {
    background-color: var(--agj-green-light);
}

.btn-outline {
    background-color: white;
    color: var(--agj-green-dark);
    border: 1px solid var(--agj-green-dark);
}

.btn-outline:hover {
    background-color: #ebfbee;
}

input:not(input[type='submit']),
select,
textarea {
    height: 36px;
    font-size: 14px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px;
    background-color: #fff;
    color: var(--agj-dark);
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
    outline: none;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23555" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    padding-right: 36px !important;
    line-height: 22px !important;
}

input::placeholder,
select::placeholder,
textarea::placeholder,
select.placeholder-active,
select option:first-child,
select:has(option[value='']:checked),
select:has(option[value='default']:checked) {
    color: #adb5bd !important;
    opacity: 1;
}

select option {
    color: var(--agj-dark);
}

input:focus,
select:focus,
textarea:focus {
    border-color: #228be6;
    box-shadow: 0 0 0 2px rgba(34, 139, 230, 0.2);
}

textarea {
    min-height: 72px;
    height: auto;
    resize: vertical;
}

@media (max-width: 738px) {
	.listing-type-container {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}