/* Content Type Listing Page*/
    /*Content-Type Layout*/
        /*Condenses sublists too long to display*/
        li.expanded.active ul{
            display: none;
        }
        /*Remove list styles from results*/
        li{
            list-style: none;
        }
 search {
     container: search-layout / inline-size;
}
 .content-type-landing__search{
     margin-block-start: 1rem;
     border: 2px solid #000;
     border-radius: 20px;
     padding: 0px 25px 40px 25px;
     position: relative;
     .gradient-sphere{
         position: absolute;
         &.blue-magenta{
             top: -17.5px;
             left: 75%;
             width: 35px;
        }
         &.magenta-gold{
             bottom: -21px;
             right: 5%;
             width: 42px;
        }
         &.blue-turq{
             top: 25%;
             left: -24.5px;
             width: 48px;
        }
    }
}
.content-type-landing__card-list{padding:0;}
 @container search-layout ( width <= 545px){
     .search-bar--select{
         flex-direction: column;
         border: none;
         border-radius: 0;
         & input{
             padding-block: 1.12rem;
             border-radius: 15px;
             border: black 1px solid;
        }
    }
     .bttn--search{
         position: absolute;
         right: 1rem;
         border: black 1px solid;
         border-left: none;
         border-start-end-radius: 15px;
         border-end-end-radius: 15px;
         padding-inline: 2rem;
    }
     .search-bar--select .select-container{
         order: 3;
         margin-block-start: 2rem;
         margin-inline: auto;
         padding: 1rem;
         border-radius: 0;
         width: 90%;
         #select-label{
             max-width: fit-content;
             text-overflow: revert;
             overflow: revert;
             white-space: revert;
        }
    }
}
 @container search-layout (width <= 400px){
     .gradient-sphere{
         display: none;
    }
     .content-type-landing__search{
         border: none;
         padding: 0px 0px 70px 0px;
    }
     .bttn--search{
         right:0 
    }
    /* .search-bar--select select{
         bottom: 0;
    }
     */
}
 .content-type-landing__featured{
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 1rem;
     list-style: none;
     padding-inline-start: 0;
}
.card.card--featured {
    & .card--featured__body {
        height: 100%;
    img{
        width: 100%;
        max-height: 100%;
        object-fit: initial;
    }
    }
}