.video-gallery-section{padding:2rem 0}.video-gallery-section .section-header{display:flex;justify-content:center;align-items:center;padding:1rem;margin-bottom:2rem}.video-gallery-section .section-header h1{font-family:var(--heading-font-family);font-weight:400;text-transform:uppercase;text-align:center;margin:0;color:rgb(var(--text-color))}.video-gallery-controls{max-width:var(--page-width, 1320px);padding:0 var(--gutter, 20px);margin:0 auto 2rem;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.video-gallery-controls .search-sort-wrapper{display:flex;gap:15px;flex-grow:1;max-width:600px}.video-gallery-controls .category-filter-wrapper{display:flex;align-items:center}.video-gallery-controls input,.video-gallery-controls select{padding:10px;border:1px solid #ddd;border-radius:4px;font-family:var(--body-font-family);font-size:1.4rem}.video-gallery-controls input{flex-grow:1}.video-gallery-controls .category-filter-wrapper select{min-width:200px}.category-section{max-width:var(--page-width, 1320px);padding:0 var(--gutter, 20px);margin:0 auto 4rem}.category-title{font-family:var(--heading-font-family);font-weight:400;text-transform:uppercase;font-size:calc(var(--font-heading-scale) * 2.4rem);margin-bottom:2rem;color:rgb(var(--text-color));border-bottom:2px solid #FDAF17;padding-bottom:1rem}.video-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;box-sizing:border-box;overflow:hidden;transition:max-height .5s ease}.video-gallery.collapsed{max-height:640px}.video-gallery.expanded{max-height:none}.video-gallery .gallery-item{position:relative;width:100%;height:300px;background:#000;cursor:pointer;overflow:hidden;border-radius:var(--media-radius, 0px)}.video-gallery .gallery-item .thumbnail-wrapper{position:relative;width:100%;height:100%}.video-gallery .gallery-item img{position:relative;display:block;width:100%;height:100%;object-fit:cover;opacity:.5;transition:all .35s ease-in-out}.video-gallery .gallery-item .language-badge{position:absolute;top:15px;right:15px;padding:5px 12px;font-size:1.2rem;font-weight:700;color:#000;border-radius:4px;z-index:3;font-family:var(--body-font-family);text-transform:uppercase;letter-spacing:1px}.video-gallery .gallery-item .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;opacity:0;transition:opacity .35s ease;pointer-events:none}.video-gallery .gallery-item:hover .play-icon{opacity:1}.video-gallery .gallery-item .gallery-item-caption{padding:32px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;color:#fff;text-transform:uppercase;text-align:left}.video-gallery .gallery-item .video-popup{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.video-gallery .gallery-item h3{font-family:var(--heading-font-family);font-weight:300;overflow:hidden;padding:12px 0;position:relative;margin:0;z-index:1;pointer-events:none;color:#fff;font-size:calc(var(--font-heading-scale) * 2rem)}.video-gallery .gallery-item p{position:relative;margin:0;z-index:1;pointer-events:none;letter-spacing:1px;font-size:1.2rem;padding:12px 0;opacity:0;transition:opacity .35s,transform .35s;transform:translate3d(10%,0,0);color:#fff;font-family:var(--body-font-family)}.video-gallery .gallery-item:hover img{opacity:.3}.video-gallery .gallery-item h3:after{content:"";position:absolute;bottom:0;left:0;width:15%;height:1px;background:#fff;transition:transform .3s;transform:translate3d(-100%,0,0)}.video-gallery .gallery-item:hover h3:after{transform:translateZ(0)}.video-gallery .gallery-item:hover p{opacity:1;transform:translateZ(0)}.expand-button{display:block;margin:2rem auto 0;padding:12px 32px;background-color:#fdaf17;color:#000;border:none;border-radius:4px;font-family:var(--body-font-family);font-size:1.4rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.expand-button:hover{background-color:#e59e15;transform:translateY(-2px);box-shadow:0 4px 12px #fdaf174d}.expand-button:not(.expanded) .collapse-text{display:none}.expand-button.expanded .expand-text{display:none}.expand-button.expanded .collapse-text{display:inline}@media screen and (max-width: 768px){.video-gallery-controls{flex-direction:column;align-items:stretch}.video-gallery-controls .search-sort-wrapper{max-width:none;flex-direction:column}.video-gallery-controls .category-filter-wrapper,.video-gallery-controls .category-filter-wrapper select{width:100%}.video-gallery{grid-template-columns:1fr;padding:0}.video-gallery.collapsed{max-height:640px}.video-gallery .gallery-item{width:100%}}.video-gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-gallery-modal.open{opacity:1;pointer-events:all}.video-gallery-modal .modal-content{width:90%;max-width:900px;position:relative;background:#000;border-radius:4px;box-shadow:0 10px 25px #00000080}.video-gallery-modal .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-gallery-modal .video-wrapper iframe,.video-gallery-modal .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-gallery-modal .modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;background:none;border:none;padding:5px}.video-gallery-modal .modal-close:hover{opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/31/assets/video-gallery.css.map */