/* Durango Realty color classes - Updated to match main.css color scheme */
.bg-rust { 
    background-color: #2d3033 !important; 
}

.text-rust { 
    color: gold !important; 
}

.bg-muted { 
    background-color: #2d3033 !important; 
}

.bg-black { 
    background-color: #000 !important; 
}

.bg-left-contact { 
    background-color: #fff !important; 
}

.bg-pink { 
    background-color: #5b1e00 !important; 
}

/* Modal Animation and Layout */
.modal {
    z-index: 10000 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.modal.show {
    opacity: 1;
}

.modal-dialog {
    margin: 50px auto !important;
    max-width: 950px !important;
    width: 950px !important;
    transform: translateY(-100px) scale(0.8) !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.modal.show .modal-dialog {
    transform: translateY(0) scale(1) !important;
}

.modal.fade-out {
    opacity: 0;
}

.modal.fade-out .modal-dialog {
    transform: translateY(100px) scale(0.8) !important;
}

.modal-dialog-centered {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: auto !important;
}

.modal-content {
    background-color: #2d3033 !important;
    border: 1px solid gold !important;
    color: #fff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
}

.modal-header {
    background-color: #2d3033 !important;
    border-bottom: 1px solid gold !important;
}

.modal-header h3 {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: gold !important;
}

.modal-h3 {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: gold !important;
}

.modal-body {
    background-color: #000 !important;
    padding: 1rem !important;
    overflow: visible !important;
    color: #fff !important;
}

/* Contact Image */
img.contact-img {
    max-width: 50%;
}

.contact-link {
    font-size: 1.1rem !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
    color: #000 !important;
}

/* Navigation Links */
.footer-nav {
    text-decoration: none !important;
    color: #000 !important;
}

.footer-nav:hover {
    text-decoration: underline !important;
    color: gold !important;
}

a.footer-nav:hover {
    color: gold;
}

/* Form Controls */
.form-control {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid gold !important;
}

.form-control:focus {
    background-color: #fff !important;
    color: #000 !important;
    border-color: goldenrod !important;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.5) !important;
}

.input-group-text {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid gold !important;
}

.btn-check + .btn {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid gold !important;
}

.btn-check:checked + .btn {
    background-color: gold !important;
    color: #000 !important;
}

/* Buttons */
.close-button {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    background-color: #871912;
    border: none;
    min-height: 10px;
    min-width: 120px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.submit-button {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    background-color: navy;
    border: none;
    min-height: 10px;
    min-width: 120px;
    margin-right: 15px;
}

.submit-button:hover,
.close-button:hover {
    font-weight: 500;
}

/* Utility Classes */
.text-success {
    color: #00FF00 !important;
}

body.modal-open {
    overflow: hidden !important;
}

/* Contact Modal Styles migrated from main.css */
.bg-rust{
	background-color: #5b1e00;
}

.bg-pink{
	background-color: pink;
}

.bg-gold{
	background-color: gold;
}

.text-rust{
	color:#5b1e00;
}

.text-gold{
	color: gold;
}

.text-hotpink{
	color: #FF69B4;
}

.my-links{
	margin: 5px 20px;
	padding: auto;
}

.submit-button{
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    background-color: navy;
    border:none;
    min-height: 10px;
    min-width: 120px;
    margin-right: 15px;
}

.submit-button:hover,
.close-button:hover{
    font-weight: 500;

}

.close-button {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    background-color: #871912;
    border: none;
    min-height: 10px;
    min-width: 120px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Modal Fadein & Fadeout */
@keyframes slideup-fade-in {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

img.contact-img {
    max-width: 50%;
}

@-webkit-keyframes fade-out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fade-out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.contact {
	background-color: #c4b33b29;
}
.contact h3 {
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin-top: 0;
	color: #fff;
}

.font-roboto{
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	font-weight: 400;
	color: #fff;
}
.contact p {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.contact .btn {
	margin-top: 30px;
}