/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

.green-text {
	color: var(--bricks-color-hwheeb);
}

.radius-8::before {
	border-radius: 8px;
}

.radius-16::before {
	border-radius: 16px;
}

.radius-16-footer::before {
	border-radius: 16px;
}

@media screen and (max-width: 767px) {
	.radius-16-footer::before {
		border-radius: 0px;
	}
}


/* menu */
.brxe-nav-menu .bricks-mobile-menu {
	margin-top: 48px;
}

/* property loop */
.property-loop-main-div {
	overflow: hidden;
	border-radius: 16px;
}

.property-loop-main-div img:hover {
	transform: scale(1.1);
	transition: transform .2s ease-in-out;
}

/* Contact Form */
.ff-default .ff-el-form-control {
	font-family: "FCVision" !important;
}

.contact-form-container .ff_t_c p {
	color: var(--bricks-color-wufpio);
	/* margin-left: 10px !important; */
}

.new-project-big-form .ff-el-form-check.ff-el-tc {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
}

.ff-el-form-check.ff-el-tc a {
	text-decoration: underline;
}

.new-project-big-form .ff_t_c p {
	color: #534B41;
	margin-left: 5px !important;
}

.sticky-contact-form .ff_t_c p {
	color: var(--bricks-color-wufpio);
	font-size: 11px;
	margin-left: 5px !important;
}

.sticky-contact-form .fluentform .ff-el-tc label.ff_tc_label>span {
	padding-top: 0 !important;
}

.sticky-contact-form .fluentform .ff-el-group {
	margin-bottom: 16px;
}

.fluentform .ff-el-form-check-input[type=checkbox] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 18px !important;
	/* Adjust size as needed */
	height: 18px !important;
	position: relative !important;
	cursor: pointer !important;
	padding: 0px !important;
}

.fluentform .ff-el-form-check-input[type=checkbox]:not(:checked) {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: solid 1px #ccc !important;
	background: #fff !important;
	border-radius: 16px !important;
}

.fluentform .ff-el-form-check-input[type=checkbox]:checked {
	border-radius: 16px !important;
	border: solid 1px #5ebd90 !important;
	background-color: #5ebd90 !important;
}

.fluentform .ff-el-form-check-input[type=checkbox]:checked::after {
	content: '✓' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	color: white !important;
	font-size: 12px !important;
}

/* Search */
.properties-archive-search .jet-range__inputs__container {
	display: flex;
	flex-direction: column;
}

.properties-archive-search .jet-range__slider,
.properties-archive-search-home .jet-range__slider {
	display: none;
}

.jet-smart-filters-active {
	margin-bottom: 24px;
}

.home-search .tab-menu .tab-title.brx-open {
	background: rgb(54, 103, 164);
	background: radial-gradient(circle, rgba(54, 103, 164, 1) 0%, rgba(29, 67, 114, 1) 100%);
}

.home-search-pet .jet-checkboxes-list__decorator {
	border-color: transparent !important;
}

.jet-filter-items-dropdown__label:after {
	right: 16px !important;
	border-width: 4px 4px 0 5px !important;
}

.jet-radio-list .jet-radio-list__item .jet-radio-list__button {
	padding: 8px 20px;
	border-radius: 100px;
}

.jet-radio-list__input:checked~.jet-radio-list__button {
	background: rgb(54, 103, 164);
	background: radial-gradient(circle, rgba(54, 103, 164, 1) 0%, rgba(29, 67, 114, 1) 100%);
}

/* single property */
.plan-gallery .swiper-slide {
	border-radius: 12px !important;
	border: solid 1px #DEDEDE;
}

.plan-gallery.brxe-carousel .image {
	border-radius: 12px !important;
}


/* buttons */
.footer-links a:hover {
	opacity: .75;
	transition: .2s;
}

.cta-buttons:hover {
	transition: transform .2s ease-in-out;
	transform: scale(0.95);
}

/* about us */
.mission-list ul {
	margin-top: 0;
    padding-inline-start: 20px;
}

/* line break */
.desktop-br {
	display: block;
}

.mobile-br {
	display: none;
}

@media screen and (max-width: 1200px) {
	.desktop-br {
		display: block;
	}

	.mobile-br {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}