/*--------------------lightbox enhancements---------------*/ /* .mfp-figure - container that holds image and caption .mfp-bg - black overlay .mfp-preloader - "Loading..." incdicator */ .mfp-ready .mfp-figure { opacity: 0; } div .mfp-title{ line-height: 1.4em; font-size: 13px; } .mfp-title a{ text-decoration: underline; color:#fff; } .mfp-title a:hover{ text-decoration: none; opacity: 0.8; } .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 0; transition: all 0.3s ease-out; transform: scale(0.95); } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler{ transform: scale(0.95); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; } div.avia-popup .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/ } div.avia-popup .mfp-zoom-out-cur { cursor: auto; } div.avia-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } div.avia-popup .mfp-close { width: 40px; height: 40px; right: -13px; text-align: center; border-radius: 100px; border: 2px solid transparent; line-height: 38px; padding: 0; top: -5px; transition: all 0.3s ease-out; font-family: Arial, Baskerville, monospace !important; } div.avia-popup .mfp-close:hover{ border: 2px solid #fff; transform: scale(0.8) rotateZ(90deg); } div.avia-popup .mfp-iframe-scaler .mfp-close{ top: -43px; } div.avia-popup .mfp-figure:after{ box-shadow: none; display: none; } div.avia-popup button.mfp-arrow:before, div.avia-popup button.mfp-arrow:after{ border:none; margin:0; display:none; } div.avia-popup button.mfp-arrow:before{ opacity:1; display:block; position: absolute; top:50%; left:0; width:100%; height:80px; line-height:80px; margin-top:-40px; color:#fff; font-size: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; transition: all 0.3s ease-out; transform: scale(1,1); } div.avia-popup button.mfp-arrow:hover:before{ transform: scale(0.8,0.8); } div.avia-popup button.mfp-arrow:before{ content:"\E87d"; font-family: 'entypo-fontello'; } div.avia-popup button.mfp-arrow-left:before{ content:"\E87c"; font-family: 'entypo-fontello'; } /*seems to cause problems on safari and chrome so disabled temp: https://github.com/KriesiMedia/wp-themes/issues/1171 .mfp-img{ animation: avia-fadein 10.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); }*/ .mfp-img { animation: none !important; } @media (max-width: 900px){ .mfp-arrow { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } } div.avia-popup .mfp-s-error .mfp-preloader { background: transparent; width:100%; animation: none; white-space: nowrap; } /* added 6.0 support for videos */ .mfp-wrap.avia-mfp-is-video .mfp-iframe-holder{ padding: 0px; } .mfp-wrap.avia-mfp-is-video .mfp-iframe-holder .mfp-content { max-width: unset; padding: 0 50px } .mfp-wrap.avia-mfp-is-video .mfp-iframe-scaler { position: relative; top: 50%; transform: translateY(-50%) !important; } .mfp-wrap.avia-mfp-video-16-9 .mfp-iframe-holder .mfp-content { height: 50.625vw; /*** the calculated height is then 90 * 9 / 16 ***/ width: 90vw; /*** the wanted width ***/ } .mfp-wrap.avia-mfp-video-16-9 .mfp-iframe-scaler { padding-top: 56.25%; /*** 100 x 9 / 16 = 56.25 ***/ } .mfp-wrap.avia-mfp-video-4-3 .mfp-iframe-holder .mfp-content { height: 67.5vw; width: 90vw; } .mfp-wrap.avia-mfp-video-4-3 .mfp-iframe-scaler { padding-top: 75%; } .mfp-wrap.avia-mfp-video-9-16 .mfp-iframe-holder .mfp-content{ height: 85vh; /*** the wanted height ***/ width: 47.8vh; /*** the calculated width is then 85 * 9 / 16 ***/ } .mfp-wrap.avia-mfp-video-9-16 .mfp-iframe-scaler{ padding-top: 178%; /*** 100 x 16 / 9 = 177.88 ***/ } .mfp-wrap.avia-mfp-video-3-4 .mfp-iframe-holder .mfp-content{ height: 85vh; width: 63.8vh; } .mfp-wrap.avia-mfp-video-3-4 .mfp-iframe-scaler{ padding-top: 134%; }