/*#4D3F38*/
:root {
  --brown: #4D3F38;
  --primary-font: ;
  --red: #e82232;
  --offWhite: #efefef;
}

.default-page p{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7em;
}

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

h1{
	color: #eceff3;
}

h2, h3, h4, h5, h6{
	color: #eb1f31
}

.h2smaller{
	font-size:24px; ;
}

.de-testi-a .d-quote {
    padding: 40px;
    padding-bottom: 90px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-left: 40px;
    border-left: 1px #e82232 solid;
    border-bottom: 1px #e82232 solid;
}

body{
	color: #868686;
}

.iframe{
	position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%; /* For a 16:9 aspect ratio */
}

.btn-line, a.btn-line {
	background: #f7f7f7;
	border: 1px solid #eb1f31;
	color: #666;
}

.de_count h3{
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

.project-info .details {
	background:#0000000d;
}
.project-info, address span a{
	color: #717171;
}


#slideoutMenu {
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100%;
    background: #2f2f2fe8;
    padding-left: 100px;
    padding-top: 50px;
}

#slideoutMenu h3{
	font-size:24px;
  margin-bottom: 10px;
  color:#fff;
}

#slideoutMenu h3 a{
  color:#fff;
}
.subRow{
	margin-bottom:20px;
}
.subRow a{
	margin: 0 3px;
	color:#fff;
}

#slideoutMenu li{width:100%;height:20px;padding:20px 5px;border:1px solid green;}
#menuTrigger:hover{cursor:pointer;}
.menuCloser {
    color: white;
    font-size: 24px;
    position: relative;
    padding-bottom: 50px;
}


.modal-content {
    background-color: #ffffff;
}


.guts p, .guts li{
	color: #838383;
}

a{
	color: var(--red);
}

a:hover {
    color: #9d9d9d;
}

.red{
	color:var(--red);
}

.hundy{
	max-width:100%;
}

.spacer5{
	display: block;
	height:5px;
	close:both;
}
.spacer10{
	display: block;
	height:10px;
	close:both;
}
.spacer15{
	display: block;
	height:15px;
	close:both;
}

.de-testi-a:before {
    color: rgb(241 241 241);
}

.logo{
	width: 150px;
	height: auto;
	padding:10px 0 0;
}
.smaller .logo{
	width: 84px;
	height: auto;
	padding:5px 0 0;
}

#controlBar_bgndVideo{
	display:none !important;
}

.bkgdBrown{
	background: var(--brown);
}

.bkgdRed{
	background: var(--red);
}
.bkgdOffWhite {
    background: var(--offWhite);
}

.btn-line, a.btn-line, .text-light a.btn-line{
	color:#666;
}

a.btn-line:hover{color:#fff;}

.about .de_count h3 {
   font-size: 60px;
}

.dcg-text h2, .dcg-text p{
	color:white;
	font-family: 'Montserrat', sans-serif;
}

.buttonOutline {
    font-size: 26px;
    padding: 20px 20px;
    border: 1px solid #efefef;
    width: 450px;
    margin: 40px auto;
    text-transform: uppercase;
    font-family: 'Montserrat', serif;
    color:#fff;
}

.buttonOutline a{
		color:#fff;
}


.buttonOutline:hover {
	color:#e82232;
    font-size: 26px;
    padding: 20px 20px;
    border: 1px solid #e82232;
    background: #dddddd4a;
    width: 450px;
    margin: 40px auto;
    text-transform: uppercase;
}

.bkgdRed h2{
	color: #efefef;
}

.owl-item .item{
	font-family: 'Montserrat', sans-serif;
}

h1{
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 50px;
}

section.jarallax {
	padding: 200px 0 200px 0;
}

section#section-testimonial{
	background:#efefef;
}

.de_testi blockquote{
	background:#bfbfbf80;
	color: #6f6f6f;
}

.guts .social-icons i {
    text-shadow: none;
    background: #efefef;
    color: #d12c2c;
    padding: 8px;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.team-desc{
	font-family: 'Montserrat', sans-serif;
	color: white;
}


.team-desc a{
	color: white;
}

/*.team-desc p {
	font-size: 16px;
	margin-bottom:0;
}*/

.white{
	color:#fff;
}

section {
    background: #ffffff;
}

footer{
	background: #f7f7f7;
}

footer a, footer a:visited {
	color: #956E5B;
}

footer .menu.secondary li a:hover, footer li a{
	color: var(--red);
}
footer a:hover {
	text-decoration: none;
	color: var(--red);
}
footer .menu {
	margin-bottom: 0;
	padding-left: 0;
}
footer .menu li {
	display: inline-block;
	line-height: 45px;
	margin-left: 15px;
	margin-right: 15px;
}

footer .menu li a {
	font-family: 'Raleway', sans-serif;	
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 200;
	color:var(--red);
}

footer .menu li:hover a {
	color: rgba(255, 255, 255, 0.75);
}
footer hr {
	width: 55%;
	border-color: #956E5B;
}
footer .menu.secondary {
	margin-bottom: 15px;
}
footer .menu.secondary li a,
footer .menu.social li a  {
	color: #956E5B;
}
footer .menu.secondary li:hover a,
footer .menu.social li:hover a {
	color: var(--red);
}

footer .menu.social {
	margin-bottom: 25px;
}
footer .menu.social li {
	font-size: 20px;
	margin-left: 30px;
	margin-right: 30px;
}
footer .address {
	margin: 2em 0;
}
footer .address .name {
	font-size: 14px;
	font-weight: 600;
}
footer .address p {
	font-size: 0.9em;
	font-weight: 200;
	line-height: 1.75em;
	margin-bottom: 0;
}
footer .copyright-statement {
	font-size: 14px;
}

/* ------------------------------------------------*
 |
 | Realtracs Styles
 |
 | ------------------------------------------------*/
.realtracs-data-exchange {
	padding: 15px 0;
}
.realtracs-data-exchange .container {
	display: table;
}
.realtracs-data-exchange p {
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	line-height: 12px;
}
.realtracs-data-exchange p img {
	margin-right: 15px;
}
/*-- Hide Info on commercial page --*/
#page-listings-commercial .realtracs-data-exchange {
	display: none;
}

.listing-image {
    display: block;
    width: 100%;
    height: 200px; /* overwritten by js/ dynamic-image-size.js script */
    background-size: cover !important;
}

#page-404 .fa-exclamation-circle{font-size:100px;}

#section-about-us-2 .image-container {
	background: url(../images/bg-about-2.jpg);
}
.side-bg .image-container {
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	background-size: cover !important;
}

.d-name,.d-quote p{font-size:20px;letter-spacing:1px;}

#new_user input,
#new_user input.form-control {
	width: auto;
	min-width: 348px;
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	padding: 25px 20px;
	margin: 0 auto;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#new_user .input-clear {
	color: #fff;
	background: rgba(255, 255, 255, 0.25);
}
/*#new_user .input-clear::placeholder {
	color: #fff;
}*/

.helpful-links a{color:#dc3545;}
.helpful-links a:hover{color:#fff;}

.helpful-links ul.link-list li{list-style:none;}
.helpful-links ul.link-list li::before {
	content: "-";
	position: absolute;
	font-size: 30px;
	font-weight: 200;
	margin-top: -1px;
	margin-left: -20px;
	color: #dc3545;
}

.email2,.phone2{display:none;}
#contactModal{background-color:#18191b;}
.modal-content{background-color:var(--bg-dark-1);}
.btn-close {
    /*filter: invert(1);*/ /* Turns black → white */
    opacity: 1; /* Optional: Makes it fully visible (default is 0.5) */
}
.btn-listings{
	padding:7px !important;
	color: #fff !important;
    border-color:var(--primary-color-1) !important;
	background-color:var(--primary-color-1) !important;
}

.btn-listings::after{
	color: #fff !important;
	transition: transform 2s ease;
  	transform: translateX(0);
}

.dcg-item:hover .btn-listings::after{
	transform: translateX(15px);
}

.fa-minus-circle,.fa-plus-circle{color: #eb1f31;}
.faq-group{margin-left:30px;margin-right:30px;}
.answer{color:#717171;}

.realtracs-listing-img-container {
	position: relative;
}
.listing-residential-rows .realtracs-listing-img-container img{
	object-fit:cover;
}
.realtracs-home-emblem {
	height: 20px;
	width: 20px;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 185px;
}
/*-- Reposition emblem on the home page --*/
#page-home .realtracs-home-emblem {
	top: 7px;
	left: auto;
	right: 7px;
}

.modal-header{border-bottom:none !important;padding-bottom:0px !important;}
.modal-header h3{font-size:30px;margin-top:10px;}

.news-container {
    padding: 60px 0;
}

.news-header {
    text-align: center;
    margin-bottom: 40px;
}

.news-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

.news-image {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-date {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.news-content {
    padding: 25px;
}

.news-title {
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.news-excerpt {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 16px;
}

.news-meta {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.news-category {
    font-weight: 600;
}

.news-filter {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.news-filter button {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 20px;
    margin: 5px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.news-filter button:hover,
.news-filter button.active {
    background: #e74c3c;
    color: white;
    border-color: #e74c3c;
}

.newsletter-section {
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    margin-top: 50px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.newsletter-form {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
}

.newsletter-form input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
}

.newsletter-form button {
    background: #e74c3c;
    color: white;
    border: none;
    padding: 0 25px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-weight: 600;
}

.image-left {
	float: left;
	margin: 0 20px 15px 0;
	max-width: 40%;
	height: auto;
	border-radius: 8px;
	shape-outside: margin-box;
}

.gallery-wrapper {
  position: relative;
  width: 100%;
}

.gallery-row {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Hide scrollbar Firefox */
}
.gallery-row::-webkit-scrollbar {
  display: none; /* Hide scrollbar Chrome/Safari */
}

.gallery-item {
  flex: 0 0 auto;
  width: 200px; /* adjust for number of visible images */
  margin-right: 10px;
}

.gallery-item img {
  width: 100%;
  height: 150px; /* keep uniform size */
  object-fit: cover;
  border-radius: 8px;
}

.gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
}
.gallery-arrow.left { left: 0; }
.gallery-arrow.right { right: 0; }
#sell-with-us-modal .modal-content,#buy-with-us-modal .modal-content,#owners-and-investors .modal-content,#contact_form .modal-content{background-color:#fff;}
input::placeholder,textarea::placeholder {
  color: #999 !important;
  opacity: 1; /* Firefox reduces opacity by default */
}

/* For most modals with 'X' button */
.modal-close, 
.close-button, 
.close-btn {
    color: #ff0000 !important; /* Red color */
    background-color: #ffffff !important;
    border: 2px solid #ff0000 !important;
}
.dcg-title a:hover,.dcg-text a:hover{color:#fff;}

.testimonial-card {
  border: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  border-radius: 0.75rem;
  padding: 2.5rem;
  background-color: #fff;
  margin-bottom: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.testimonial-card .quote-icon {
  font-size: 3rem;
  color: #6c63ff;
  margin-bottom: 1.5rem;
  line-height: 1;
}

.testimonial-card img.author-photo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 1.5rem;
  border: 3px solid #f0f0f0;
}
.testimonial-section {
  padding: 5rem 0;
  background-color: #f9f9f9;
}
.testimonial-top{text-align:center;}
a.read-more-btn{font-size:15px;}
.testimonial-text-full{display:none;}
.testimonial-text-short,
.testimonial-text-full {
    transition: opacity 0.3s ease;
}

#section-video-bg{background:url("/images/home-page-background.jpg") center center;}
.text-slider .item {
    font-size: clamp(22px, 6vw, 60px);
    line-height: 1.2;
    word-break: break-word;
    text-align: center;
}

.text-slider {
    max-width: 90%;
    margin: 0 auto;
}
.buttonOutline a {
    font-size: clamp(16px, 5vw, 32px);
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    display: inline-block;
}

.buttonOutline {
    max-width: 100%;
    display: inline-block;
}

.rental-listing-mainmenu{display:none !important;}
#slideoutMenu{font-family: 'Poppins',Arial, Helvetica, sans-serif;letter-spacing:2px;}
.exclusive-listing{position:relative;}
.exclusive-listing .bck-image-exclusive{min-height:280px;}
.exclusive-listing .dcg-text{position:absolute;width:100%;opacity: 0;transform: scale(0.8);transition: opacity 0.4s ease, transform 0.4s ease;}
.exclusive-listing:hover .dcg-text{opacity: 1;transform: scale(1);}

@media all and (min-width: 1615px) {
	.logo-alt{
		position:absolute;
		z-index: 10;
		width:87px;
		height:287px;
		left:50px; 
		top:0;
		background: url(/images/logo-alternate.png) no-repeat left top;
	}
}

@media only screen and (max-width: 992px) {
    .rental-listings-slideout{display:none;}
	.rental-listing-mainmenu{display:block !important;}
}
	
@media all and (max-width: 768px) {
	.image-left {
		float: none;
		display: block;
		max-width: 70%;
		margin: 0 auto 20px;
	}
	
	.de_count h3{font-size:30px;}
	 .news-card {
        margin-bottom: 20px;
    }
    
    .news-filter {
        flex-direction: column;
        align-items: center;
    }
    
    .news-filter button {
        width: 200px;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
    
    .newsletter-form input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .newsletter-form button {
        border-radius: 4px;
        padding: 12px;
    }
	#testimonial-container{padding-left:0px;padding-right:0px;}
	.testimonial-card{padding:0.5rem;}
}

@media all and (max-width: 480px) {
	.realtracs-data-exchange p {
		display: block;
		text-align: center;
	}
	.realtracs-data-exchange p img {
		margin-bottom: 10px;
	}
	
	#slideoutMenu{right: -100%;width: 100%;}
	.menuCloser{padding-bottom:10px;}
}

@media all and (max-width: 450px) {
.buttonOutline{width:350px;	}
}