  

.clb_resources_collection-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
     row-gap: 80px;
}

.clb-single-resource-wrapper:first-of-type {
     border-left: none;
}

.clb-single-resource-wrapper {
     display: flex;
     flex-direction: column;
     gap: 30px;
     justify-content: space-between;
     padding-left: 40px;
     border-left: 5px solid var(--lightest-gray);
}

.clb-single-resource-wrapper a {
     text-decoration: none;
}

.clb-single-resource-wrapper .clb-single-resource-date {
     font-size: 14px;
     text-transform: uppercase;
     color: var(--gray);
     margin-bottom: 6px;
}

.clb-single-resource-wrapper h4.clb-single-resource-title {
     margin: 0;
     padding: 0;
     font-size: 18px;
}

.entry-content .clb-single-resource-wrapper h4.clb-single-resource-title a {
     font-weight: 500;
}

.clb-single-resource-download-text-wrapper {
     font-size: 12px;
     text-transform: uppercase;
     color: var(--gray);
     margin-top: -2px;
}


.clb-single-resource-embed-container {
   position: relative;
   overflow: hidden;
   max-width: 100%;
   height: auto;
   border: 5px solid var(--lightest-gray);
}

.clb-single-resource-embed-container iframe,
.clb-single-resource-embed-container object,
.clb-single-resource-embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.clb-single-resource-embed-container img {
     width: 100%;
}

.clb-single-resource-attachment {
     margin-top: 12px;
     display: flex;
     gap: 8px;
     align-items: center;
}

.entry-content .clb-download-icon-wrapper a {
     background-color: #f3ec78 !important;
     background-image: linear-gradient(45deg, #f3ec78, #af4261)  !important;
     background-size: 100%  !important;
     -webkit-background-clip: text !important;
     -moz-background-clip: text !important;
     -webkit-text-fill-color: transparent !important;
     -moz-text-fill-color: transparent !important;
}

/* .clb-resource-divider {
     height: 100%;
     width: 8px;
     background: red;
     border-radius: 8px;
} */





@media screen and (max-width: 1024px) {

     .clb_resources_collection-wrapper {
          grid-template-columns: 1fr 1fr 1fr;
     }

}

@media screen and (max-width: 800px) {

     .clb_resources_collection-wrapper {
          grid-template-columns: 1fr 1fr;
          gap: 20px;
     }

}

@media screen and (max-width: 600px) {

     .clb_resources_collection-wrapper {
          grid-template-columns: 1fr;
          gap: 20px;
     }

     .clb-single-resource-wrapper {
          padding-left: 0;
          border-left: 0;
     }

}
