.c-video-modal .thumbnail-container{position:relative;padding-top:15px;padding-left:15px}.c-video-modal .thumbnail-container:before{content:'';position:absolute;top:0;left:0;background:rgba(94,84,147,0.7);width:50px;height:50px;z-index:-2}.c-video-modal .thumbnail-container.with-overlay .overlay-box{background:#746C95;padding:25px}.c-video-modal .thumbnail-container.with-overlay .overlay-box p.overlay-heading{color:var(--white);font-size:18px;font-weight:bold;margin-bottom:15px}.c-video-modal .thumbnail-container.with-overlay .overlay-box p.overlay-content{color:var(--white);margin-bottom:0}.c-video-modal .thumbnail-container button.open-modal{position:relative;background:transparent;padding:0;border:0}.c-video-modal .thumbnail-container button.open-modal:hover .play-triangle,.c-video-modal .thumbnail-container button.open-modal:focus .play-triangle{background:var(--ipro-purple)}.c-video-modal .thumbnail-container button.open-modal:hover .play-triangle:before,.c-video-modal .thumbnail-container button.open-modal:focus .play-triangle:before{border-left-color:var(--white)}.c-video-modal .thumbnail-container button.open-modal .play-triangle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:50%;background:var(--white);width:75px;height:75px;padding:0;border-radius:50%;border:0;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:var(--transition-timing);transition:var(--transition-timing)}.c-video-modal .thumbnail-container button.open-modal .play-triangle:before{content:'';width:0;height:0;border-left:25px solid var(--ipro-purple);border-top:15px solid transparent;border-bottom:15px solid transparent;-webkit-transform:translateX(10%);transform:translateX(10%);-webkit-transition:var(--transition-timing);transition:var(--transition-timing)}@media (min-width: 992px){.c-video-modal .thumbnail-container{padding-top:25px;padding-left:25px}.c-video-modal .thumbnail-container:before{width:100px;height:100px}.c-video-modal .thumbnail-container.with-overlay{padding-right:100px;padding-bottom:50px}.c-video-modal .thumbnail-container.with-overlay .overlay-box{position:absolute;bottom:0;right:25px;width:400px;padding:40px;-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus)}.c-video-modal .thumbnail-container.with-overlay .overlay-box .small-square{content:'';position:absolute;top:-25px;right:-25px;background:rgba(94,84,147,0.6);width:50px;height:50px}.c-video-modal .thumbnail-container.with-overlay .overlay-box p.overlay-heading{font-size:22px}.c-video-modal .thumbnail-container button.open-modal .play-triangle{top:auto;bottom:50px;left:50px;width:100px;height:100px;-webkit-transform:none;transform:none}.c-video-modal .thumbnail-container button.open-modal .play-triangle:before{border-left-width:30px;border-top-width:18px;border-bottom-width:18px}}@media screen and (prefers-reduced-motion: no-preference) and (min-width: 992px){.c-video-modal .thumbnail-container.with-overlay .overlay-box{opacity:0}.c-video-modal .thumbnail-container.with-overlay .overlay-box .small-square{opacity:0}.c-video-modal .thumbnail-container button.open-modal .play-triangle{opacity:0}}.wp-admin .c-video-modal .thumbnail-container:before{z-index:0}.wp-admin .c-video-modal .thumbnail-container.with-overlay .overlay-box{opacity:1}.wp-admin .c-video-modal .thumbnail-container.with-overlay .overlay-box .small-square{opacity:1}.wp-admin .c-video-modal .thumbnail-container button.open-modal img{z-index:0}
