﻿.featuredSearchWrapper {
    margin-top: 25px;
}

#featuredSearchContainer {
    padding: 0 0 30px 0;
    list-style: none;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

   
/*
#featuredSearchContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;    
    padding: 12px 0px 20px 0px;
}*/

.featuredSearchItem {
    margin: 10px 10px;
    display: flex; 
    border-radius: 2px;
    box-shadow: -1px 1px 6px rgb(0 0 0 / 28%);
    cursor: pointer;
    transform: scale(1);
    transition: transform .5s ease;
}

.featuredSearchItem:hover {
    transform: scale(1.03);
}

    .featuredSearchItem h3 {
        font-size: 12px;
        line-height: 24px;
        text-transform: capitalize;
        margin-top: 18px;
        margin-bottom: 10px;
        color: #222222;
        font-weight: bold !important;
        letter-spacing: .5px;
    }

.featuredSearchItem h2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 0px;    
    font-weight: 600 !important;
    color: #0077B2 !important;
}

.featuredSearchItem p {
    margin-top: 10px;
    font-size: 0.75em;
    line-height: 20px;
    color: #515151;
}

.featuredSearchItem .left {
    flex-basis: 83%;
    padding-left: 13px;
    padding-right: 13px;
}

.featuredSearchItem .right {
    position: relative;
    border-top-left-radius: 35px 50%;
    border-bottom-left-radius: 35px 50%;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    flex-basis: 17%;
    /*margin-left: 10px;*/
    text-align: right;
    padding-right: 16px;
    flex-direction: column;
    justify-content: center;
    background: #05396B;
    color: white;
    background-size: cover;
}

/*.featuredSearchItem .right {    
    padding-left: 2px;
    padding-right: 12px;
}*/

.featuredSearchItem .right div:nth-child(1) {
    position:relative;
    top: 5px;
}

.featuredSearchItem .right div:nth-child(2) {
    font-size: .7em;       
}

.featuredSearchItem .right .fa-chevron-right {
    position: relative;
    font-size: .7em;  
    top: -32px;
    left: 12px;
}

@media (max-width: 992px) {
    #featuredSearchContainer {
        grid-template-columns: repeat(2, 1fr);       
    }
}


@media (max-width: 767px) {
    #featuredSearchContainer {
        grid-template-columns: repeat(1, 1fr);
    }
}

