/*
Extra Small :: None :: < 576px
Small :: sm :: ≥ 576px
Medium :: md :: ≥ 768px
Large :: lg :: ≥ 992px
Extra Large :: xl :: ≥ 1200px
Extra Extra Large :: xxl :: ≥ 1400px

Max is 1400px

Mobile is < 576px

VW - 390px or 1400px

*/
html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

body {
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
}

#main {
	padding-left: 0;
	padding-right: 0;
}

.blackBox {
	margin: 0 auto;
	background-color: #000000;
}

.blackBoxTable {
	margin: 0 auto;
	width: 875px;
}

.carousel-control-next, .carousel-control-prev {
    align-items: end;
	opacity: .75;
	top: 40px;
	z-index: 99999;
}

.carousel-control-prev {
	/*justify-content: end;*/
}

.carousel-control-next {
	/*justify-content: start;*/
}

.carousel-item {
	text-align: center;
}

.carousel-indicators [data-bs-target] {
    border-bottom: 3px solid transparent;
	background-color: #cccccc;
}

.carousel-controls-contailer {
	width: 100%;
}

.carousel-controls-contailer-inner {
	position: relative;
    /*border: 1px solid red;*/
    width: 100%;
    margin: 0 auto;
    max-width: 1315px;
}

.carousel-inner {
	z-index: -1;
}

.carouselPadding {
	padding: 0px 0px 40px 0px;
}

.propertySlider {
	max-width: 1315px;
	margin: 0 auto;
}


details {
	&[open] summary {
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
	}
}

details {
	user-select: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;

	max-width: 100%;
  
	&[open] summary::after {
		rotate: -180deg;
	}
  
  	summary {
    /* Override default "display: list-item" and position the summary text as well as the custom arrow icon */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    
    /* General styling */
    background-color: #bbbdbf;
    cursor: pointer;
    font-weight: 500;
    /*margin-block-end: 0.5rem;*/
    padding: 0.75rem;
	position: relative;
    
		/* Fallback code to hide standard marker, especially on Safari */
		&::marker,
		&::-webkit-details-marker {
			display: none;
		}
    
    &::after {
      /* CSS for chevron shape from https://css-shape.com/chevron/ */
      --shape-chevron-width: 1rem;
      --s: calc(var(--shape-chevron-width) / 4);

      /* Styling */
      content: "";
	  position: absolute;
	  right: 20px;
      aspect-ratio: 7/5;
      background: currentColor;
      clip-path: polygon(0 0, 0 var(--s), 50% 100%, 100% var(--s), 100% 0, 50% calc(100% - var(--s)));
      flex-shrink: 0;
      width: var(--shape-chevron-width);
      
      /* Animation */
			rotate: 0deg;
			transition: rotate 0.35s ease;
    }
  }
}

/*************/
#bcLogo {
	padding: 7.14vw 0px;
	width: 100%;
	max-width: 39.74vw;
	height: auto;
	margin: 0px auto;
	display: block;
}

.propImage {
	width: 100%;
	height: auto;
	max-width: 28.46vw;
	margin: 4.1vw 2.82vw;
}

.propName {
	font-size: 2.82vw; /*2.31vw is 9px*/
	color: #faaf40;
	text-transform: uppercase;
}
	
.propDesc {
	font-size: 2.31vw; /**/
	color: #bbbdbf;
}
	
.propFinePrint {
	padding-top: 1.75vw;
	font-size: 2.05vw;
	color: #808184;
}

.row {
   	--bs-gutter-x: 0;
}
	
.blackBoxTable {
	margin: 0 auto;
	width: 85vw;
}

summary {
	font-size: 3.2vw;
	text-transform: uppercase;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.desktopOnly {
	display: none;
}
	
.mobileOnly {
	display: block;
}

.cellLeft {
	width: 43%;
}

.cellRight {
	width: 57%;
}

.footer {
	background-color: #0f0708;
	color: #908375;
	text-align: center;
	letter-spacing: 1px;
	font-size: 3vw;
	padding: 11.5vw;
}

.footer a {
	color: #908375;
	text-decoration: none;
}

.footerTitle {
	color: #f6921e;
	text-transform: uppercase;
	font-size: 3vw;
}

.brownBoxM {
	width: 100%;
	text-align: center;
	padding: 10.25vw 7.7vw;
	background-color: #8f8275;
}
/*************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.contain {
		max-width: 100%;
		/*background-color: green;*/
		margin: 0 auto;
	}
	
	#bcLogo {
		padding: 7.14vw 0px;
		width: 100%;
		max-width: 39.74;
		height: auto;
		margin: 0px auto;
		display: block;
	}
	
	.carouselPadding {
		padding: 0px 40px 40px 40px;
	}
	
	.desktopOnly {
		display: none;
	}
	
	.mobileOnly {
		display: block;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#bcLogo {
		padding: 7.14vw 0px;
		width: 100%;
		max-width: 31.71vw;
		height: auto;
		margin: 0px auto;
		display: block;
	}
	
	.cellLeft {
		width: 47%;
	}

	.cellRight {
		width: 53%;
	}
	
	.propImage {
		width: 100%;
		height: auto;
		max-width: 24.65vw;
		margin: 3.6vw 2.15vw;
	}
	
	.propName {
		font-size: 2vw;
		color: #faaf40;
		text-transform: uppercase;
	}
	
	.propDesc {
		font-size: 1.5vw; /**/
		color: #bbbdbf;
	}
	
	.propFinePrint {
		padding-top: 1vw;
		font-size: .85vw;
		color: #808184;
	}
	
	summary {
		font-size: 1.6vw;
		text-transform: uppercase;
	}
	
	.row {
    	--bs-gutter-x: 0;
	}
	
	.blackBoxTable {
		margin: 0 auto;
		width: 62.5vw;
	}
	
	.carouselPadding {
		padding: 0px 40px 40px 40px;
	}
	
	.desktopOnly {
		display: block;
	}
	
	.mobileOnly {
		display: none;
	}
	
	.orangeBarD {
		width: 100%; 
		height: auto; 
		max-width: 989px; 
		margin: 1vw auto 2vw auto;
	}
	
	.brownBoxD {
		width: 100%;
		text-align: center;
		padding: 7.8vw;
		background-color: #8f8275;
	}
	
	.footer {
		padding: 7.86vw 1.79vw;
		font-size: 1.5vw;
	}

	.footerTitle {
		font-size: 1.57vw;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.contain {
		/*max-width: 1400px;*/
		max-width: 100%;
		/*background-color: green;*/
		margin: 0 auto;
	}
	
	#bcLogo {
		padding: 100px 0px;
		width: 100%;
		max-width: 444px;
		height: auto;
		margin: 0px auto;
		display: block;
	}
	
	.propImage {
		width: 100%;
		height: auto;
		max-width: 345px;
		margin: 50px 30px;
	}
	
	.propName {
		font-size: 28px; /*2vw*/
		color: #faaf40;
		text-transform: uppercase;
	}
	
	.propDesc {
		font-size: 21px; /*.85vw*/
		color: #bbbdbf;
	}
	
	.propFinePrint {
		padding-top: 15px;
		font-size: 12px; /*.85vw*/
		color: #808184;
	}
	
	summary {
		font-size: 22px; /*1.6vw*/
		text-transform: uppercase;
	}
	
	.row {
    	--bs-gutter-x: 0;
	}
	
	.blackBoxTable {
		margin: 0 auto;
		width: 875px;
	}
	
	.orangeBarD {
		width: 100%; 
		height: auto; 
		max-width: 989px; 
		margin: 14px auto 28px auto;
	}
	
	.brownBoxD {
		width: 100%;
		text-align: center;
		padding: 110px;
	}
	
	.footer {
		padding: 110px 25px;
		font-size: 21px;
	}

	.footerTitle {
		font-size: 22px;
	}
}