/* PROJECT SHORT VIDEO LOOP WITH PLAY BUTTON */.video-hover-alt-wrapper {position: relative;display: inline-block;width: 100%;border-radius: 12px;overflow: hidden;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}.video-hover-alt-wrapper video {display: block;width: 100%;height: auto;object-fit: cover;border-radius: 6px;}.video-overlay-alt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); /* Default purple */opacity: 1; /* Always visible */transition: background-color 0.3s ease;display: flex;justify-content: center;align-items: center;pointer-events: none;}.video-hover-alt-wrapper:hover .video-overlay-alt {background-color: rgba(0, 0, 0, 0.3); /* Lighter purple */}.video-overlay-alt-content {display: flex;align-items: center;gap: 12px;pointer-events: none;transition: transform 0.2s ease;}.video-hover-alt-wrapper:hover .video-overlay-alt-content {transform: scale(1.1); /* Subtle scale-up */}.custom-play-button-alt {width: 100px;height: 100px;object-fit: contain;}.watch-showreel-text-alt {font-size: 22px;color: #fff;font-weight: 600;pointer-events: none;}@media (max-width: 1180px) {.button-small.btn-optional {display: none !important;}}/* RELATED PROJECTS SECTION */.related-projects {margin-top: 10px;margin-bottom: 80px; /* ensures clear space above footer */}.related-title {font-size: 40px;margin-bottom: 30px;text-align: left;font-weight: 600;}/* Grid layout */.related-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 35px;}/* Thumbnail container (masked zoom) */.related-grid .video-link {position: relative;display: block;border-radius: 6px;overflow: hidden;box-shadow: 0px 5px 15px rgba(0,0,0,0.07);aspect-ratio: 3/2;}/* Thumbnail image */.related-grid .video-makeup {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 6px;transition: transform 0.4s ease;}/* Hover effect */.related-grid .video-link:hover .video-makeup {transform: scale(1.07);}/* Titles under thumbnails */.related-item-title {margin-top: 10px;font-size: 1.25rem;text-align: center;font-weight: 500;}.related-item-title a {color: inherit;text-decoration: none;transition: color 0.2s ease;}.related-item-title a:hover {color: #8565b8;}/* Responsive adjustments */@media (max-width: 1180px) {/* Tablet adjustments */.related-projects {margin-bottom: 60px;}.related-grid {gap: 35px;}.related-item-title {margin-top: 8px;}}@media (max-width: 768px) {/* Mobile adjustments */.related-projects {margin-top: 20px;margin-bottom: 80px;}.related-grid {gap: 65px;}.related-item-title {margin-top: 12px;font-size: 1.3rem;}.related-title {text-align: left;font-size: 1.3rem;}.menu-optional .button-group {display: none;}}/* BLOG POST CONTAINER FIX */@media screen and (min-width: 769px) {.single-post .page-container {--clb-narrow-container-side-spacer: 20px;}.single-post:not(.single-post-sidebar):not(.with-post-type_2) .site-content .page-container {padding-left: 15px;padding-right: 0px;}}/* BLOG - INSIGHTS */.card:hover .-fade-up { opacity: 0; }.blog-item .title a { font-size: 1.3rem; }@media (max-width: 768px) {.blog-item .title a {font-size: 1.7rem;}}.image-holder {box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);}/* GENERAL FIXES AND ADJUSTMENTS */.grecaptcha-badge { visibility: hidden; }.show-project { display: none; } /* Remove description from project thumbnails */.project-gallery { display: none; } /* Hide element */.project.-layout7 { display: none; padding-bottom: 0; } /* Hide tag section on projecs */.single:not(.with-spacer) .-layout7, .single:not(.with-spacer) .-layout8 { padding-top: 0;}.card:not(.-with-overlay):not(.-image-only) .card-details { padding-top: 1rem; }.widget-title { font-weight: 500; font-family: 'Karbon Medium'; font-size: 1.2em; } /* Footer */.site-footer .widgets { padding-bottom: 0; } /* Decrease footer padding */.logo.with-mobile { margin-left: -48px; } /* Logo position adjustment */.menu { padding: 10px 20px; } /* Main menu padding */.custom-subtitle { color: #8565B8; text-transform: uppercase; } /* Subpage subtitles */.header:not(.-mobile) .menu li > ul { padding: 0 } /* Remove padding */.menu-optional { font-size: 1.2em } /* CTA menu button */.img_crsl { border-radius: 25px; } /* Add rounded corners to image carousels */.feather { position: absolute; top: -125px} /* Contact page feather position */.num { display: none; } /* Hide numbers on the porfolio filter */a.tag { font-family: "Karbon Medium", sans-serif; } /* Portfolio filters bolder font */.clb-popup .close-bar { position: absolute; left: auto; right: 0; top: 0; } /* Close Button */label { font-size: 18px; } /* Contact form label size */.portfolio-item .title { font-size: 1.3rem; }.clb-slider-nav-dots { vertical-align: baseline; gap: 5px; } /* Testimonials navigation dots */.clb-slider-nav-dots .clb-slider-dot svg { top: -0.05rem; left: -0.05rem; }.testimonial { gap: 1.2rem; } /* More space in testimonial section *//* MEGA MENU WITH MEDIA + FIX */.sub-menu {display: grid;grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));gap: 0px;}/* Display submenu items nicely with image + text */.menu-item-with-media {display: flex !important;flex-direction: row !important;gap: 12px !important;align-items: center;}/* This wrapper acts as a mask */.media-thumb {width: 87px;height: 65px;border-radius: 8px;overflow: hidden;flex-shrink: 0;}.media-thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.menu-item-with-media:hover .media-thumb img {transform: scale(1.1);}/* Style text next to image */.menu-item-with-media .menu-text {font-size: 14px;line-height: 1.4;}.menu-item-with-media .menu-text strong {font-size: 17px;font-weight: 600;margin-bottom: 2px;}.menu-item-with-media .menu-text small {font-size: 13px;}.menu-item-with-media .menu-text small .fa-solid {color: #C15CA0;}/* Menu fix for the theme update */.header .menu li span {flex-wrap: nowrap;display: block;}.header:not(.-mobile) .menu li > ul {width: 390px !important;}/* VIDEO EMBEDDINGS (mostly on subpages) */.video-loop { display: block; width: 100%; height: 100%; object-fit: cover; }.box-shadow { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 12px;}/* VIDEO THUMBNAILS (mostly for featured projects) */.video-makeup {display: block;width: 100%;height: auto;object-fit: cover;border-radius: 6px;transition: opacity 0.3s ease;pointer-events: auto;}.video-link {position: relative;display: block;width: 100%;height: 100%;overflow: hidden;border-radius: 6px; /* Ensures the zoom effect doesn't break border radius */box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);}.video-badge {position: absolute;top: 10px;right: 10px;background-color: #1C132A;color: #fff;font-size: 13px;font-weight: bold;padding: 2px 10px;border-radius: 999px;text-align: right;white-space: nowrap;box-shadow: 0 2px 6px rgba(0,0,0,0.1);z-index: 2;pointer-events: none;}.video-link video {transition: transform 0.2s ease-in-out;}/* Desktop/Tablet hover effects (768px and above) */@media (min-width: 769px) {.video-link:hover video {transform: scale(1.05);}}/* BLINKING DIGITAL CLOCK */
Skip to content
Tread Athletics – Remote Coaching for Pitchers
UAre App – Motion Graphics
