/* ----------------------------------------- */ /* View slug: rsi-main-video - start */ /* ----------------------------------------- */ /* #################################### SITON STYLES ####################################### */ iframe#vid_frame { width: 100%; height:450px; } span.vid-thumb { margin: 10px 20px 10px 0px !important; } .swiper-slide:hover p.desc { padding: 10px; } .swiper-container-videos .swiper-slide a .desc:hover { padding: 10px; } .swiper-pagination { margin-top: 10px; } .vid-container { width: 100%; margin-left: auto; margin-right: auto; } p.desc { padding: 10px; } .swiper-custom-next.swiper-button-disabled, .swiper-custom-prev.swiper-button-disabled { opacity: 0.2; } /* Zoom In on hover */ .vid-thumb { overflow: hidden; display: block; width: auto; } .vid-thumb img{ display: block; } .swiper-slide:hover .desc{ margin: 0px; padding: 0px; text-decoration: underline; } .vid-thumb img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .vid-thumb:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } /* ##################### SWIPER STYLES #######################*/ .swiper-container-videos .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: relative; top: 0px; } .swiper-container-videos .swiper-slide a { text-decoration: none; font-size: 14px; color: #1f2f3c; } @media only screen and (max-width: 800px) { .swiper-container-videos .swiper-slide a { font-size: 11px; line-height: 14px; } } .swiper-container-videos .selected.swiper-slide a .desc { color: #d7322d; font-weight: bold; } .swiper-container-videos .selected { border-bottom: 1px solid #c4c4c4; } /* slidesPerView: "auto" so the width of each slide set by CSS */ .swiper-container-videos .swiper-slide { max-width: auto; width: 36%; text-align: center; font-size: 18px; background: #fff; } .swiper-container-videos .swiper-slide a .desc { margin-top: 3px; margin-bottom: 3px; line-height:1.3em } .swiper-container-videos .swiper-slide img { height: auto; width: 100%; } .swiper-pagination-bullet-active { background: #d7322d; } .swiper-pagination-bullet { width: 12px; height: 12px; } .swiper-container-videos .swiper-slide { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .swiper-container-videos .selected { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } /* ----------------------------------------- */ /* View slug: rsi-main-video - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: rsi-additional-video - start */ /* ----------------------------------------- */ span.vid-thumb { margin: 10px; } /* ----------------------------------------- */ /* View slug: rsi-additional-video - end */ /* ----------------------------------------- */