/* /Users/robertpickles/pyprojects/tag/TAG/main/static/main/css/styles.css */

/* homehero fade transition */
/* /Users/robertpickles/pyprojects/tag/TAG/main/static/main/css/styles.css */
body {
    background-color: #e7f3f9; /* Light gray background */
}

.navbar-dark-cyan {
    background-color: #005f73;
}

.navbar-dark-cyan .nav-link, .navbar-dark-cyan .navbar-brand {
    color: #ffffff;
}

.navbar-dark-cyan .nav-link:hover, .navbar-dark-cyan .navbar-brand:hover {
    color: #cce4e5;
}

.navbar-dark-cyan .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.privacy-policy-content {
    font-size: x-small; /* Adjust font size as needed */
    margin-top: 20px; /* Add some top margin for spacing */
}

.terms-of-service-content {
    font-size: x-small; /* Adjust font size as needed */
    margin-top: 20px; /* Add some top margin for spacing */
}

.contact-list li {
    margin-bottom: 10px;
}

.cta-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

footer {
    font-size: x-small;
    line-height: .75;
}

footer h5 {
    font-size: x-small;
}

footer .contact-list li a {
    font-size: x-small;
    line-height: .75;

}

footer .contact-list li i {
    font-size: x-small;
    /*margin-right: 0.3rem;*/
}

footer .legal-links a {
    line-height: 1.4;
}

.homehero-container {
    position: relative;
    margin-bottom: 30px;
}

.homehero-container img {
    border-radius: 20px; /* Adjust as needed for rounded corners */
    border: 2px solid #ddd; /* Optional: Add a light border for better visibility */
}

.homehero-container .homehero-logo img {
    border-radius: 0; /* No rounding for logo */
    border: none; /* No border for logo */
}

.homehero-logo-link {
    text-decoration: none; /* Remove underline from link */
    display: block; /* Make the link a block element */
    color: inherit; /* Inherit color to ensure text inside is styled correctly */
}

.homehero-logo {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    text-align: center;
}

.homehero-logo img {
    width: 100%; /* Scale the image to fit the container */
    max-width: 3500px; /* Do not exceed 400px in width */
    height: auto; /* Maintain aspect ratio */
    border-radius: 40px !important; /* Add rounded corners */
}

.homehero-logo-text {
    color: white; /* Set text color to white */
    font-size: 2.5vw; /* Set responsive font size */
    margin-top: 10px; /* Add some space above the text */
}

/* Ensure font size is not too small or too large */
@media (min-width: 768px) {
    .homehero-logo-text {
        font-size: 1.5rem; /* Set font size for medium and larger screens */
    }
}

@media (max-width: 480px) {
    .homehero-logo-text {
        font-size: 3.5vw; /* Adjust font size for smaller screens */
    }
}


/*icon styles*/
.list-unstyled li {
    display: flex;
    align-items: center;
}

.list-unstyled li img {
    margin-right: 8px;
}

.content-with-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 30px; /* Adjust the value as needed */

}

.small-hero-container {
    position: relative;
    width: 100%;
    max-width: 350px;
    background: url("/static/images/evh-search.jpg") no-repeat center center;
    background-size: cover;
    padding: 20px;
    text-align: center;
    color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-left: 20px; /* Space between text and box */
    float: right; /* Float to the right */
    cursor: pointer; /* Change cursor to pointer */
}

.small-hero-content {
    position: relative;
    z-index: 1;
    pointer-events: none; /* Prevent pointer events inside the content */
}

.small-hero-content h2,
.small-hero-content p,
.small-hero-content input,
.small-hero-content button {
    pointer-events: auto; /* Allow pointer events on these elements */
}

.small-hero-content h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

.small-hero-content p {
    font-size: 1rem;
}

.small-search-box {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}

.small-search-box input.form-control {
    margin: 5px 0;
    width: 100%;
}

.small-search-box .small-price-range {
    display: flex;
    justify-content: space-between;
}

.small-search-box .small-price-range input.form-control {
    margin: 5px 2px;
    width: 48%;
}

.small-search-box button.btn {
    margin: 10px 0 0;
    width: 100%;
}

@media (max-width: 768px) {
    .content-with-box {
        flex-direction: column;
    }

    .small-hero-container {
        max-width: 100%;
        margin-top: 20px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}