/* =========================
   FONTS
========================= */

@font-face {
  font-family: 'Montserrat';
  src: url('/media/templates/site/cassiopeia_vnp/css/font/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/media/templates/site/cassiopeia_vnp/css/font/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/media/templates/site/cassiopeia_vnp/css/font/Montserrat-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff2?v=175925") format("woff2"), url("../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.ttf?v=175925") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2?v=175925") format("woff2"), url("../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.ttf?v=175925") format("truetype");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.woff2?v=175925") format("woff2"), url("../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.ttf?v=175925") format("truetype");
}


/* =========================
   ROOT VARIABLES
========================= */

:root {

	--font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", OpenSans, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--cassiopeia-font-family-body: 'Montserrat', sans-serif;
	--cassiopeia-font-family-headings: 'Montserrat', sans-serif;
	--cassiopeia-font-weight-headings: 600;
	--cassiopeia-font-weight-normal: 400;
	--body-font-size: 14px;
	

	/* Typography */
	--body-font-family: 'Montserrat', sans-serif;
	--body-font-size: 14px;
	--heading-font-weight: 700;

	/* Colors */
	--primary: #fec500;
	--primary-rgb: 254,197,0;

	--cassiopeia-color-primary: #fec500;
	--cassiopeia-color-hover: #000;
	--cassiopeia-color-link: #000;

	--red: #d60000;
	--success: #23c050;

	

	/* Buttons */
	--btn-hover-color: #000;
	--btn-hover-bg: #eab100;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	--btn-border-width: 0;

}

.container-header {
	background-color: #fff;
	background-image: unset;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	z-index: 99;
}

@media (max-width: 992px) {
	.container-header {
		position: sticky!important;
		top: 0;
	}
}
.btn.btn-no-hover {
	background-color: transparent;
}

.footer {
    color: #fff;
    background-color: black;
    background-image: none;
    margin-top: 1em;
}


a,
a:hover,
.btn, 
.btn-link {
	color: #000;
}

a,
a:hover,
button,
button:hover {
	text-decoration: none !important;
}


.btn-success {
	--btn-color: #fff;
	--btn-bg: #23c050;
	--btn-border-color: #3eac64;
	--btn-hover-color: #fff;
	--btn-hover-bg: #3eac64;
	--btn-hover-border-color: #3eac64;
	--btn-focus-shadow-rgb: 96, 150, 96;
	--btn-active-color: #fff;
	--btn-active-bg: #3eac64;
	--btn-active-border-color: #3eac64;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #3eac64;
	--btn-disabled-border-color: #3eac64;
}

.btn-outline-danger {
	--btn-color: #cb410b;
	--btn-border-color: #cb410b;
	--btn-hover-color: #fff;
	--btn-hover-bg: #cb410b;
	--btn-hover-border-color: #cb410b;
	--btn-focus-shadow-rgb: 165, 31, 24;
	--btn-active-color: #fff;
	--btn-active-bg: #a51f18;
	--btn-active-border-color: #a51f18;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	--btn-disabled-color: #a51f18;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #a51f18;
	--gradient: none;
}


.btn-outline-primary {
	--btn-color: #fec500;
	--btn-border-color: #eab100;
	--btn-hover-color: #fff;
	--btn-hover-bg: #eab100;
	
	--btn-hover-border-color: #eab100;
	--btn-focus-shadow-rgb: none;
	--btn-active-color: #fff;
	--btn-active-bg: #eab100;
	
	--btn-active-border-color: #eab100;
	--btn-active-shadow: none;
	--btn-disabled-color: #eee;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #ccc;
	--gradient: none;
}


.btn {
	--btn-border-width: 0;
}

.btn-outline-primary {
	--btn-border-width: 1 !important;
}

.btn-outline-secondary {
	--btn-border-width: 1 !important;
}

.btn-primary {
	--btn-color: #fff;
	--btn-bg: #fec500;
	--btn-border-color: #eab100;
	--btn-hover-color: #000;
	--btn-hover-bg: #eab100;

	--btn-hover-border-color: #eab100;
	--btn-focus-shadow-rgb: none;
	--btn-active-color: #000;
	--btn-active-bg: #eab100;
	--btn-active-border-color: #eab100;
	--btn-active-shadow: none;
	--btn-disabled-color: #444;
	--btn-disabled-bg: #ccc;
	--btn-disabled-border-color: #eab100;
}

.btn-primary:focus,
.btn-primary:hover {
	background-color: #eab100;
	border-color: #eab100;
}


.btn-blue {
	color: #fff;
	--btn-color: #fff;
	--btn-bg: #007aff;
	--btn-border-color: #003aff;
	--btn-hover-color: #fff;
	--btn-hover-bg: #003aff;;

	--btn-hover-border-color: #003aff;
	--btn-focus-shadow-rgb: none;
	--btn-active-color: #fff;
	--btn-active-bg: #003aff;;
	--btn-active-border-color: #003aff;
	--btn-active-shadow: none;
	--btn-disabled-color: #444;
	--btn-disabled-bg: #ccc;
	--btn-disabled-border-color: #003aff;

	--btn-border-radius: 0;
}

.bg-blue {	
	background-color: #007aff;	
	color: #fff;
	border-color: #003aff;;	
}

.pagination {
	--pagination-active-color: #000;
	--pagination-active-bg: #fec500;
	--pagination-active-border-color: #eab100;

}



.btn:focus-visible {
	background-color: #eab100;
	border-color: #eab100;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--btn-hover-color);
	outline: 0;
}

.btn-close:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	outline: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
	text-decoration: none;
	/* border: none; */
}

a:-webkit-any-link:focus-visible {
	outline-offset: 0;
}

:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

.link-primary {
	color: #fec500 !important;
}

.link-primary:hover,
.link-primary:focus {
	color: #000 !important;
}

.text-primary {
	color: var(--cassiopeia-color-primary) !important;
}

.text-red {
	color: var(--red) !important;
}

.text-warning {
	color: var(--red) !important;
}

.text-gray-300 {
	color: var(--gray-300) !important;
}

.bg-gray-300 {
	background-color: var(--gray-300);
}

.bg-gray-200 {
	background-color: var(--gray-200);
}

.bg-gray-100 {
	background-color: var(--gray-100);
}

.bg-none {
	background-color: transparent !important;
}


.w-10 {
	width: 10% !important;
	min-width: 10% !important;
}

.w-15 {
	width: 15% !important;
	min-width: 15% !important;
}

.w-20 {
	width: 20% !important;
	min-width: 20% !important;
}

.w-25 {
	width: 25% !important;
	min-width: 25% !important;
}

.w-23 {
	width: 23% !important;
	min-width: 23% !important;
}

.w-30 {
	width: 30% !important;
	min-width: 30% !important;
}

.w-40 {
	width: 40% !important;
	min-width: 40% !important;
}

.w-50 {
	width: 50% !important;
	min-width: 50% !important;
}
.w-60 {
	width: 60% !important;
	min-width: 60% !important;
}

.w-80 {
	width: 80% !important;
	min-width: 80% !important;
}


.w-300 {
	width: 300px !important;
	min-width: 300px !important;
}

.w-320 {
	width: 320px !important;
	min-width: 320px !important;
}

.w-350 {
	width: 350px !important;
}

.w-400 {
	width: 400px !important;
}

.w-450 {
	width: 450px !important;
}

.w-500 {
	width: 500px !important;
}


@media screen and (min-width: 992px) {
	
	.w-md-50 {
		width: 50% !important;
		min-width: 50% !important;
	}
	
	.w-md-55 {
		width: 55% !important;
		min-width: 55% !important;
	}
	
	.w-md-60 {
		width: 60% !important;
		min-width: 60% !important;
	}
	
	.w-md-65 {
		width: 65% !important;
		min-width: 65% !important;
	}
	
	.w-md-70 {
		width: 70% !important;
		min-width: 70% !important;
	}

	.w-md-75 {
		width: 75% !important;
		min-width: 75% !important;
	}
	
	.w-md-80 {
		width: 80% !important;
		min-width: 80% !important;
	}

	.w-md-85 {
		width: 85% !important;
		min-width: 85% !important;
	}

	
}






.mh-48 {
	height: 54px;
	min-height: 48px;
}

.mh-64 {
	max-height: 64px;
	min-height: 64px;
}

.lh-36 {
	line-height: 36px;
}


._hidden {
	display: none !important;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: var(--breadcrumb-divider, " | ");
}


.badge {
	--badge-font-size: .85em;
}

.modal-lg,
.modal-xl {
	--modal-width: 660px;
}





.accordion-button:focus {
	border-color: transparent;
	-webkit-box-shadow: transparent;
	box-shadow: none;
	outline: 0;
	z-index: 3;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;

}

.shadow {
	-webkit-box-shadow: 0 0 8px 0 #ccc !important;
	box-shadow: 0 0 8px 0 #ccc !important;
}

.collapsing {
	transition: height 0.75s;
}


.page-header[data-context="rent"] {
    display: block;
}

.page-header[data-context="sale"] {
    display: none;
}

body._sale-page .page-header[data-context="rent"] {
    display: none;
}

body._sale-page .page-header[data-context="sale"] {
    display: block;
}