.wrapper,
.col-primary {
    background-color:#fff;
}
.ats.catalog{
    --light-blue:#134e6b;
    --light-gray:#f8f8f8;
    --dark-gray:#999;
    font-family:Helvetica, sans-serif;
    background-color:transparent;
    color:#444;

    a{
        color:initial;
    }

    label {
        font-weight:normal;
        &.check-all-subs{
            /* Hide Show All Option in Category */
            display:none!important;
        }
    }

    .product-card{
        display:flex;
        flex-direction:column;
        flex-flow: column nowrap;
        justify-content: space-between;
        border-radius:1rem;
        border:2px solid var(--light-blue);
        overflow:hidden;
        
        .item-top{
            order:1;
        }

        .item-title {
            order:-1;
            background-color:var(--light-blue);
            margin:-5px -10px 0;
            padding:1rem;
            min-height:91px;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            color:#fff;
            font-weight:bold;
            .item-title-link {
                color:#fff;
            }
        }
        .item-image{
            background-color:#444;
            border:1px solid #ccc;
            img {
                max-height:unset;
            }
        }
        .item-attributes {
            /* Maintain white space when not populated */
            min-height:50px;
        }
        .item-author {
            /* Maintain white space when not populated */
            min-height:20px;
        }
        .col-6.item-detail-link{
            padding-left:0;
        }
        .item-links{
            position:relative;
         }

    }

    /* Filter Panel Toggles  */
    .filter-header{
      display:block;
      &.ui-accordion-header {
        border:none;
         padding:1rem;
         margin-bottom:0;
         color:#000;
         background-color:var(--light-gray);
         border-radius:4px;
         font-weight:normal;
            & .ui-accordion-header-icon {
               float:right;
               transition:all .25s ease;
               &:after{
                  font-family:"fontawesome";
                  content:"\f078";
                  color:#000;
               }
            }
            
            &:hover {
               cursor:pointer;
            }
            &.ui-state-hover,
            &.ui-state-active {
               opacity:1;
               background-image:none;
               background-color:var(--dark-gray);
               color:#fff;
               height:auto!important;
            }
         &.ui-state-active{
            &  .ui-accordion-header-icon {
               transform:rotate(180deg);
            }
         }
      }
   }
    .filter-category-wrap {
        padding:0;
        border:none;
    }
   #filters.filters .search-wrap{
       margin-bottom:0;
      &:after {
         display:block;
         content:"Filters";
         font-weight:bold;
         font-size:2rem;
         margin-top:2rem;
      }
   }
    .filter-panel {
      margin-top:1rem;
      padding-left:2rem;

    .view-all-filters {
        display:none;
    }
        
       label {
         font-weight:normal;
         font-size:.9em;
      }
       .filter-label.active {
         background-color:var(--light-blue);
      }
   }
    .modal{
        z-index:99999;
        .modal-content {
            margin:100px auto;
            display:grid;
            grid-template-columns: 1fr 4fr;
            column-gap:1rem;
            span.close{
                grid-column: 2;
                grid-row: 1 ;
                margin-left:auto;
                opacity:1;
                border:1px solid #ccc;
                background-color:#f8f8f8;
                border-radius:100%;
                height:40px;
                width:40px;
                text-align:center;
                line-height:33px;
            }
            
            .detail-item-title {
                font-size:135%;
                font-weight:bold;
                grid-column: 1 / span 2;
                grid-row:1 ;
            }
            .detail-item-image-wrapper {
                grid-column: 1;
                grid-row:2 / span 4;
                img{
                    border:1px solid #ccc;
                }               
            }
            .detail-item-attributes {
                 grid-column: 2;
                /* grid-row:3; */
            }
            .detail-item-content {
                 grid-column: 2;
                /* grid-row:4; */
            }
            .detail-item-author{
                display:block;
                font-weight:bold;
            }
            .detail-item-credit {
                /* Hide because it already shows in Attributes */
                display:none; 
            }
            
            .detail-item-code {
                display:none;
            }
            .detail-item-links {
                grid-column: 1 / span 2;
                /* grid-row:3 / span 4; */
                .close {
                    opacity:1;
                }
            }
        @media(max-width:767px){
            display:block;
                .detail-item-image-wrapper {
                max-width:66%;
                    margin:auto;
            }
        }
        
        }
    }

    
}