html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'CormorantGaramond', serif;
}

/* Define the Cormorant Garamond font family with different weights */
@font-face {
    font-family: 'CormorantGaramond';
    src: url('/assets/fonts/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('/assets/fonts/CormorantGaramond-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('/assets/fonts/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('/assets/fonts/CormorantGaramond-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Apply the font to all elements with higher specificity */
html, body, h1, h2, h3, h4, h5, h6, p, a, div, span {
    font-family: 'CormorantGaramond', serif !important;
}

/* Optional: Adjust font sizes and weights if needed */
h2 {
    font-weight: bold;
    color: #1e3a8a; /* Dark blue for "Featured Property" */
}

.card-title {
    font-weight: bold;
    font-size: 1.5rem;
}

.card-text {
    font-size: 1rem;
    color: #4b5563; /* Gray for text */
}

.btn-link {
    color: #3b82f6; /* Blue for "Learn more" */
    text-decoration: none;
}

.btn-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}