.bg-gray-300 {
    background-color: transparent;
}

.bg-green-600 {
    background-color: #2d2d2d;
}

.header_text {
    font-size: 53px;
}

.filter-icons {
    width: 85%;
}

.header_dropdown {
    background: transparent;
    border: none;
}

.text-amber-800 {
    color: #6ce49b;
}

.shadeGreen {
    background-color: #038b8b !important;
    box-shadow: none;
    color: white !important;
}

#brand_name {
    font-family: 'Playfair Display', serif;
    color: #078b8b;
}

.dropdown-content {
    /* width: max-content; */
    z-index: 15;
}

#joyBtn {
    background: #078b8b;
    border: none;
    box-shadow: none;
    color: #038b8b;
}
#joyBtn:hover {
    background: #f8f8f8;
    color: #038b8b;
    border: none;
    transition: all 0.5s ease-out allow-discrete;
}

.checkbox {
    &:checked, &[aria-checked=true] {
        background-color: #f7fdef
    }
}

#trafficCity {
    font-weight: 600;
    display: flex;
}

.favorite_btn {
    display: none !important;
}

.ratings {
    display: none !important;
}

.listing_tag {
    display: none !important;
}

.gm-ui-hover-effect {
    display: none !important;
}

.gm-style .gm-style-iw-c {
    background-color: #000000;
}

#alertContainer {
    color: #ababab;
    font-weight: 600;
    display: flex;
}

.filterBtn {
    border: none;
}
.filterBtn:hover {
    background: transparent;
    background-color: transparent;
    box-shadow: none;
}

.filterDropdown{
    /* display: flex; */
    margin-top: 10px;
} 

/* #filterDropdown {
    display: none;
} */

.hidden {
    display: none !important; 
}

.brandColor {
    background-color: #17c85a !important;
}

.detailsBtn {
    display: none;
}

.stopDetails {
    display: none;
}

#userRequestInput {
    /* background-color: #e7e7e7; */
    border: none !important;
    color: #767676;
}

#weathertext {
    font-weight: 600;
}

#mapBtns {
    display: none;
}

#joyResults {
    color: #ababab;
    font-weight: 600;
    font-size: 14px;
}

#joySubtext {
    font-size: 14px;
    font-weight: 600;
    color: #1cca5a;
}

#joyTitle {
    color: #038b8b;
}

.text-base-content {
    color: #1cca5a;
}

.avatar {
    width: 40px;
    border-radius: 50%;
}

.resetBtn {
    color: #ababab;
    border: none;

}





/* Mobile */

@media only screen and (max-width: 768px) {
#brand_name {
    display: none !important;
}
}

@media only screen and (max-width: 768px) {
#mobile-toggle-controls {
    display: none !important;
}
}


@media only screen and (max-width: 768px) {
body > header > div.flex-none.md\:block > div > div > div:nth-child(2) {
    display: none;
}
}

/* @media only screen and (max-width: 768px) {
#trafficCity {
    display: none !important;
}
} */

@media only screen and (max-width: 768px) {
#userRequestInput {
    background-color: #e7e7e7;
    background: #e7e7e7;
   
}
}


@media only screen and (max-width: 768px) {
.listingImg {
    width: 35%;
}
}

@media only screen and (max-width: 768px) {
.dropdown-content {
    width: auto;
}
}

@media only screen and (max-width: 768px) {
#filter-checkbox-container {
    height: 200px;
}
}

@media only screen and (max-width: 768px) {
#action_buttons {
    display: inline-grid;
}
}