#stacks_in_246_2 { padding: 10px 0px 0px 0px; } #stacks_in_160 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery6 { display: block; width: 100%; text-align: left; } #mygallery6 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery6 ul#proGalleryThumbsstacks_in_178 { padding: 0; margin: 0; list-style: none; } #mygallery6 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery6 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery6 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery6 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery6 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery6 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery6 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery6 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery6 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery6 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery6.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery6.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery6.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery6.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery6.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery6.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery6.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery6.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery6.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery6.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery6.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery6.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery6 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery6 li .proGalleryItemInner { overflow: hidden; } #mygallery6 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery6 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery6-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery6-icon-play:before { content: '\e800'; } .mygallery6-icon-pause:before { content: '\e801'; } .mygallery6-icon-close:before { content: '\e802'; } .mygallery6-icon-prev:before { content: '\e803'; } .mygallery6-icon-next:before { content: '\e804'; } .mygallery6-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery6-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery6-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery6-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery6-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery6-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery6-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery6-case, html[data-lc-type=ajax] #mygallery6-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery6-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery6-content, html[data-lc-type=video] #mygallery6-content { background-color: #333; } } html[data-lc-type=inline] #mygallery6-content, html[data-lc-type=ajax] #mygallery6-content, html[data-lc-type=error] #mygallery6-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery6-content, html[data-lc-type=ajax] #mygallery6-content, html[data-lc-type=error] #mygallery6-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner > *, html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner > *, html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery6-isMobileDevice[data-lc-type=iframe] #mygallery6-content .mygallery6-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery6-content .mygallery6-contentInner, html[data-lc-type=video] #mygallery6-content .mygallery6-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery6-content .mygallery6-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery6-content .mygallery6-contentInner .mygallery6-inlineWrap, html[data-lc-type=ajax] #mygallery6-content .mygallery6-contentInner .mygallery6-inlineWrap, html[data-lc-type=error] #mygallery6-content .mygallery6-contentInner .mygallery6-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery6-content .mygallery6-contentInner .mygallery6-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery6-content h1, #mygallery6-content h2, #mygallery6-content h3, #mygallery6-content h4, #mygallery6-content h5, #mygallery6-content h6, #mygallery6-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery6-content h1, #mygallery6-content h2, #mygallery6-content h3, #mygallery6-content h4, #mygallery6-content h5, #mygallery6-content h6, #mygallery6-content p { color: #333; } } #mygallery6-case p.mygallery6-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery6-case p.mygallery6-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery6-case p.mygallery6-error { padding: 0; } } .mygallery6-open body { overflow: hidden; } .mygallery6-isMobileDevice .mygallery6-open body { max-width: 100%; max-height: 100%; } #mygallery6-info { position: absolute; padding-top: 15px; } #mygallery6-info #mygallery6-title, #mygallery6-info #mygallery6-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery6-info #mygallery6-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery6-info #mygallery6-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery6-info #mygallery6-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery6-info #mygallery6-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery6-fullScreenMode #mygallery6-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery6-info { position: static; } } #mygallery6-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery6-spin 0.5s infinite linear; -moz-animation: mygallery6-spin 0.5s infinite linear; -o-animation: mygallery6-spin 0.5s infinite linear; animation: mygallery6-spin 0.5s infinite linear; } #mygallery6-loading, #mygallery6-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery6-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery6-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery6-icon-'], a[class*='mygallery6-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery6-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery6-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery6-isMobileDevice a[class*='mygallery6-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery6-icon-'].mygallery6-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery6-icon-'].mygallery6-icon-prev { left: 15px; } a[class*='mygallery6-icon-'].mygallery6-icon-next { right: 15px; } a[class*='mygallery6-icon-'].mygallery6-icon-pause, a[class*='mygallery6-icon-'].mygallery6-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery6-icon-'].mygallery6-icon-pause, a[class*='mygallery6-icon-'].mygallery6-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery6-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery6-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery6-icon-']:hover, #mygallery6-case:hover ~ a[class*='mygallery6-icon-'] { opacity: 1; } } #mygallery6-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery6-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery6-icon-'], a[class*='mygallery6-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery6-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery6-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery6-content img { width: auto; height: auto; } #mygallery6-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery6-info #mygallery6-sequenceInfo, #mygallery6-info #mygallery6-title, #mygallery6-info #mygallery6-caption { color: rgba(170, 170, 170, 1.00); } #mygallery6-info #mygallery6-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery6-info #mygallery6-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery6 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery6 { display: block; } } #social-mygallery6 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery6 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery6-content, html[data-lc-type=video] #mygallery6-content { background: transparent; } } #mygallery6-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_28 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery5 { display: block; width: 100%; text-align: left; } #mygallery5 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery5 ul#proGalleryThumbsstacks_in_192 { padding: 0; margin: 0; list-style: none; } #mygallery5 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery5 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery5 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery5 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery5 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery5 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery5 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery5 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery5 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery5 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery5.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery5.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery5.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery5.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery5.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery5.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery5.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery5.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery5.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery5.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery5.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery5.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery5 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery5 li .proGalleryItemInner { overflow: hidden; } #mygallery5 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery5 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery5-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery5-icon-play:before { content: '\e800'; } .mygallery5-icon-pause:before { content: '\e801'; } .mygallery5-icon-close:before { content: '\e802'; } .mygallery5-icon-prev:before { content: '\e803'; } .mygallery5-icon-next:before { content: '\e804'; } .mygallery5-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery5-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery5-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery5-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery5-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery5-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery5-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery5-case, html[data-lc-type=ajax] #mygallery5-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery5-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery5-content, html[data-lc-type=video] #mygallery5-content { background-color: #333; } } html[data-lc-type=inline] #mygallery5-content, html[data-lc-type=ajax] #mygallery5-content, html[data-lc-type=error] #mygallery5-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery5-content, html[data-lc-type=ajax] #mygallery5-content, html[data-lc-type=error] #mygallery5-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner > *, html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner > *, html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery5-isMobileDevice[data-lc-type=iframe] #mygallery5-content .mygallery5-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery5-content .mygallery5-contentInner, html[data-lc-type=video] #mygallery5-content .mygallery5-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery5-content .mygallery5-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery5-content .mygallery5-contentInner .mygallery5-inlineWrap, html[data-lc-type=ajax] #mygallery5-content .mygallery5-contentInner .mygallery5-inlineWrap, html[data-lc-type=error] #mygallery5-content .mygallery5-contentInner .mygallery5-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery5-content .mygallery5-contentInner .mygallery5-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery5-content h1, #mygallery5-content h2, #mygallery5-content h3, #mygallery5-content h4, #mygallery5-content h5, #mygallery5-content h6, #mygallery5-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery5-content h1, #mygallery5-content h2, #mygallery5-content h3, #mygallery5-content h4, #mygallery5-content h5, #mygallery5-content h6, #mygallery5-content p { color: #333; } } #mygallery5-case p.mygallery5-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery5-case p.mygallery5-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery5-case p.mygallery5-error { padding: 0; } } .mygallery5-open body { overflow: hidden; } .mygallery5-isMobileDevice .mygallery5-open body { max-width: 100%; max-height: 100%; } #mygallery5-info { position: absolute; padding-top: 15px; } #mygallery5-info #mygallery5-title, #mygallery5-info #mygallery5-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery5-info #mygallery5-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery5-info #mygallery5-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery5-info #mygallery5-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery5-info #mygallery5-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery5-fullScreenMode #mygallery5-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery5-info { position: static; } } #mygallery5-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery5-spin 0.5s infinite linear; -moz-animation: mygallery5-spin 0.5s infinite linear; -o-animation: mygallery5-spin 0.5s infinite linear; animation: mygallery5-spin 0.5s infinite linear; } #mygallery5-loading, #mygallery5-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery5-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery5-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery5-icon-'], a[class*='mygallery5-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery5-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery5-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery5-isMobileDevice a[class*='mygallery5-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery5-icon-'].mygallery5-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery5-icon-'].mygallery5-icon-prev { left: 15px; } a[class*='mygallery5-icon-'].mygallery5-icon-next { right: 15px; } a[class*='mygallery5-icon-'].mygallery5-icon-pause, a[class*='mygallery5-icon-'].mygallery5-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery5-icon-'].mygallery5-icon-pause, a[class*='mygallery5-icon-'].mygallery5-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery5-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery5-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery5-icon-']:hover, #mygallery5-case:hover ~ a[class*='mygallery5-icon-'] { opacity: 1; } } #mygallery5-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery5-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery5-icon-'], a[class*='mygallery5-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery5-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery5-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery5-content img { width: auto; height: auto; } #mygallery5-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery5-info #mygallery5-sequenceInfo, #mygallery5-info #mygallery5-title, #mygallery5-info #mygallery5-caption { color: rgba(170, 170, 170, 1.00); } #mygallery5-info #mygallery5-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery5-info #mygallery5-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery5 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery5 { display: block; } } #social-mygallery5 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery5 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery5-content, html[data-lc-type=video] #mygallery5-content { background: transparent; } } #mygallery5-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #mygallery4 { display: block; width: 100%; text-align: left; } #mygallery4 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery4 ul#proGalleryThumbsstacks_in_201 { padding: 0; margin: 0; list-style: none; } #mygallery4 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery4 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery4 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery4 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery4 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery4 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery4 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery4 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery4 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery4 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery4.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery4.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery4.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery4.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery4.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery4.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery4.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery4.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery4.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery4.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery4.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery4.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery4 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery4 li .proGalleryItemInner { overflow: hidden; } #mygallery4 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery4 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery4-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery4-icon-play:before { content: '\e800'; } .mygallery4-icon-pause:before { content: '\e801'; } .mygallery4-icon-close:before { content: '\e802'; } .mygallery4-icon-prev:before { content: '\e803'; } .mygallery4-icon-next:before { content: '\e804'; } .mygallery4-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery4-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery4-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery4-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery4-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery4-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery4-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery4-case, html[data-lc-type=ajax] #mygallery4-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery4-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery4-content, html[data-lc-type=video] #mygallery4-content { background-color: #333; } } html[data-lc-type=inline] #mygallery4-content, html[data-lc-type=ajax] #mygallery4-content, html[data-lc-type=error] #mygallery4-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery4-content, html[data-lc-type=ajax] #mygallery4-content, html[data-lc-type=error] #mygallery4-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner > *, html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner > *, html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery4-isMobileDevice[data-lc-type=iframe] #mygallery4-content .mygallery4-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery4-content .mygallery4-contentInner, html[data-lc-type=video] #mygallery4-content .mygallery4-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery4-content .mygallery4-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery4-content .mygallery4-contentInner .mygallery4-inlineWrap, html[data-lc-type=ajax] #mygallery4-content .mygallery4-contentInner .mygallery4-inlineWrap, html[data-lc-type=error] #mygallery4-content .mygallery4-contentInner .mygallery4-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery4-content .mygallery4-contentInner .mygallery4-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery4-content h1, #mygallery4-content h2, #mygallery4-content h3, #mygallery4-content h4, #mygallery4-content h5, #mygallery4-content h6, #mygallery4-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery4-content h1, #mygallery4-content h2, #mygallery4-content h3, #mygallery4-content h4, #mygallery4-content h5, #mygallery4-content h6, #mygallery4-content p { color: #333; } } #mygallery4-case p.mygallery4-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery4-case p.mygallery4-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery4-case p.mygallery4-error { padding: 0; } } .mygallery4-open body { overflow: hidden; } .mygallery4-isMobileDevice .mygallery4-open body { max-width: 100%; max-height: 100%; } #mygallery4-info { position: absolute; padding-top: 15px; } #mygallery4-info #mygallery4-title, #mygallery4-info #mygallery4-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery4-info #mygallery4-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery4-info #mygallery4-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery4-info #mygallery4-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery4-info #mygallery4-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery4-fullScreenMode #mygallery4-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery4-info { position: static; } } #mygallery4-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery4-spin 0.5s infinite linear; -moz-animation: mygallery4-spin 0.5s infinite linear; -o-animation: mygallery4-spin 0.5s infinite linear; animation: mygallery4-spin 0.5s infinite linear; } #mygallery4-loading, #mygallery4-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery4-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery4-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery4-icon-'], a[class*='mygallery4-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery4-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery4-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery4-isMobileDevice a[class*='mygallery4-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery4-icon-'].mygallery4-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery4-icon-'].mygallery4-icon-prev { left: 15px; } a[class*='mygallery4-icon-'].mygallery4-icon-next { right: 15px; } a[class*='mygallery4-icon-'].mygallery4-icon-pause, a[class*='mygallery4-icon-'].mygallery4-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery4-icon-'].mygallery4-icon-pause, a[class*='mygallery4-icon-'].mygallery4-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery4-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery4-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery4-icon-']:hover, #mygallery4-case:hover ~ a[class*='mygallery4-icon-'] { opacity: 1; } } #mygallery4-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery4-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery4-icon-'], a[class*='mygallery4-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery4-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery4-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery4-content img { width: auto; height: auto; } #mygallery4-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery4-info #mygallery4-sequenceInfo, #mygallery4-info #mygallery4-title, #mygallery4-info #mygallery4-caption { color: rgba(170, 170, 170, 1.00); } #mygallery4-info #mygallery4-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery4-info #mygallery4-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery4 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery4 { display: block; } } #social-mygallery4 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery4 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery4-content, html[data-lc-type=video] #mygallery4-content { background: transparent; } } #mygallery4-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_124 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery3 { display: block; width: 100%; text-align: left; } #mygallery3 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery3 ul#proGalleryThumbsstacks_in_210 { padding: 0; margin: 0; list-style: none; } #mygallery3 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery3 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery3 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery3 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery3 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery3 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery3 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery3 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery3 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery3 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery3.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery3.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery3.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery3.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery3.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery3.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery3.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery3.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery3.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery3.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery3.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery3.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery3 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery3 li .proGalleryItemInner { overflow: hidden; } #mygallery3 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery3 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery3-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery3-icon-play:before { content: '\e800'; } .mygallery3-icon-pause:before { content: '\e801'; } .mygallery3-icon-close:before { content: '\e802'; } .mygallery3-icon-prev:before { content: '\e803'; } .mygallery3-icon-next:before { content: '\e804'; } .mygallery3-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery3-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery3-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery3-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery3-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery3-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery3-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery3-case, html[data-lc-type=ajax] #mygallery3-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery3-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery3-content, html[data-lc-type=video] #mygallery3-content { background-color: #333; } } html[data-lc-type=inline] #mygallery3-content, html[data-lc-type=ajax] #mygallery3-content, html[data-lc-type=error] #mygallery3-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery3-content, html[data-lc-type=ajax] #mygallery3-content, html[data-lc-type=error] #mygallery3-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner > *, html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner > *, html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery3-isMobileDevice[data-lc-type=iframe] #mygallery3-content .mygallery3-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery3-content .mygallery3-contentInner, html[data-lc-type=video] #mygallery3-content .mygallery3-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery3-content .mygallery3-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery3-content .mygallery3-contentInner .mygallery3-inlineWrap, html[data-lc-type=ajax] #mygallery3-content .mygallery3-contentInner .mygallery3-inlineWrap, html[data-lc-type=error] #mygallery3-content .mygallery3-contentInner .mygallery3-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery3-content .mygallery3-contentInner .mygallery3-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery3-content h1, #mygallery3-content h2, #mygallery3-content h3, #mygallery3-content h4, #mygallery3-content h5, #mygallery3-content h6, #mygallery3-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery3-content h1, #mygallery3-content h2, #mygallery3-content h3, #mygallery3-content h4, #mygallery3-content h5, #mygallery3-content h6, #mygallery3-content p { color: #333; } } #mygallery3-case p.mygallery3-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery3-case p.mygallery3-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery3-case p.mygallery3-error { padding: 0; } } .mygallery3-open body { overflow: hidden; } .mygallery3-isMobileDevice .mygallery3-open body { max-width: 100%; max-height: 100%; } #mygallery3-info { position: absolute; padding-top: 15px; } #mygallery3-info #mygallery3-title, #mygallery3-info #mygallery3-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery3-info #mygallery3-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery3-info #mygallery3-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery3-info #mygallery3-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery3-info #mygallery3-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery3-fullScreenMode #mygallery3-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery3-info { position: static; } } #mygallery3-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery3-spin 0.5s infinite linear; -moz-animation: mygallery3-spin 0.5s infinite linear; -o-animation: mygallery3-spin 0.5s infinite linear; animation: mygallery3-spin 0.5s infinite linear; } #mygallery3-loading, #mygallery3-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery3-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery3-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery3-icon-'], a[class*='mygallery3-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery3-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery3-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery3-isMobileDevice a[class*='mygallery3-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery3-icon-'].mygallery3-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery3-icon-'].mygallery3-icon-prev { left: 15px; } a[class*='mygallery3-icon-'].mygallery3-icon-next { right: 15px; } a[class*='mygallery3-icon-'].mygallery3-icon-pause, a[class*='mygallery3-icon-'].mygallery3-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery3-icon-'].mygallery3-icon-pause, a[class*='mygallery3-icon-'].mygallery3-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery3-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery3-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery3-icon-']:hover, #mygallery3-case:hover ~ a[class*='mygallery3-icon-'] { opacity: 1; } } #mygallery3-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery3-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery3-icon-'], a[class*='mygallery3-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery3-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery3-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery3-content img { width: auto; height: auto; } #mygallery3-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery3-info #mygallery3-sequenceInfo, #mygallery3-info #mygallery3-title, #mygallery3-info #mygallery3-caption { color: rgba(170, 170, 170, 1.00); } #mygallery3-info #mygallery3-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery3-info #mygallery3-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery3 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery3 { display: block; } } #social-mygallery3 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery3 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery3-content, html[data-lc-type=video] #mygallery3-content { background: transparent; } } #mygallery3-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_50 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery2 { display: block; width: 100%; text-align: left; } #mygallery2 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery2 ul#proGalleryThumbsstacks_in_219 { padding: 0; margin: 0; list-style: none; } #mygallery2 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery2 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery2 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery2 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery2 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery2 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery2 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery2 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery2 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery2 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery2.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery2.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery2.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery2.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery2.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery2.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery2.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery2.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery2.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery2.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery2.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery2.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery2 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery2 li .proGalleryItemInner { overflow: hidden; } #mygallery2 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery2 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery2-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery2-icon-play:before { content: '\e800'; } .mygallery2-icon-pause:before { content: '\e801'; } .mygallery2-icon-close:before { content: '\e802'; } .mygallery2-icon-prev:before { content: '\e803'; } .mygallery2-icon-next:before { content: '\e804'; } .mygallery2-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery2-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery2-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery2-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery2-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery2-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery2-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery2-case, html[data-lc-type=ajax] #mygallery2-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery2-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery2-content, html[data-lc-type=video] #mygallery2-content { background-color: #333; } } html[data-lc-type=inline] #mygallery2-content, html[data-lc-type=ajax] #mygallery2-content, html[data-lc-type=error] #mygallery2-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery2-content, html[data-lc-type=ajax] #mygallery2-content, html[data-lc-type=error] #mygallery2-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner > *, html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner > *, html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery2-isMobileDevice[data-lc-type=iframe] #mygallery2-content .mygallery2-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery2-content .mygallery2-contentInner, html[data-lc-type=video] #mygallery2-content .mygallery2-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery2-content .mygallery2-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery2-content .mygallery2-contentInner .mygallery2-inlineWrap, html[data-lc-type=ajax] #mygallery2-content .mygallery2-contentInner .mygallery2-inlineWrap, html[data-lc-type=error] #mygallery2-content .mygallery2-contentInner .mygallery2-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery2-content .mygallery2-contentInner .mygallery2-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery2-content h1, #mygallery2-content h2, #mygallery2-content h3, #mygallery2-content h4, #mygallery2-content h5, #mygallery2-content h6, #mygallery2-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery2-content h1, #mygallery2-content h2, #mygallery2-content h3, #mygallery2-content h4, #mygallery2-content h5, #mygallery2-content h6, #mygallery2-content p { color: #333; } } #mygallery2-case p.mygallery2-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery2-case p.mygallery2-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery2-case p.mygallery2-error { padding: 0; } } .mygallery2-open body { overflow: hidden; } .mygallery2-isMobileDevice .mygallery2-open body { max-width: 100%; max-height: 100%; } #mygallery2-info { position: absolute; padding-top: 15px; } #mygallery2-info #mygallery2-title, #mygallery2-info #mygallery2-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery2-info #mygallery2-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery2-info #mygallery2-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery2-info #mygallery2-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery2-info #mygallery2-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery2-fullScreenMode #mygallery2-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery2-info { position: static; } } #mygallery2-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery2-spin 0.5s infinite linear; -moz-animation: mygallery2-spin 0.5s infinite linear; -o-animation: mygallery2-spin 0.5s infinite linear; animation: mygallery2-spin 0.5s infinite linear; } #mygallery2-loading, #mygallery2-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery2-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery2-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery2-icon-'], a[class*='mygallery2-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery2-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery2-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery2-isMobileDevice a[class*='mygallery2-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery2-icon-'].mygallery2-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery2-icon-'].mygallery2-icon-prev { left: 15px; } a[class*='mygallery2-icon-'].mygallery2-icon-next { right: 15px; } a[class*='mygallery2-icon-'].mygallery2-icon-pause, a[class*='mygallery2-icon-'].mygallery2-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery2-icon-'].mygallery2-icon-pause, a[class*='mygallery2-icon-'].mygallery2-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery2-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery2-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery2-icon-']:hover, #mygallery2-case:hover ~ a[class*='mygallery2-icon-'] { opacity: 1; } } #mygallery2-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery2-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery2-icon-'], a[class*='mygallery2-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery2-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery2-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery2-content img { width: auto; height: auto; } #mygallery2-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery2-info #mygallery2-sequenceInfo, #mygallery2-info #mygallery2-title, #mygallery2-info #mygallery2-caption { color: rgba(170, 170, 170, 1.00); } #mygallery2-info #mygallery2-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery2-info #mygallery2-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery2 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery2 { display: block; } } #social-mygallery2 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery2 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery2-content, html[data-lc-type=video] #mygallery2-content { background: transparent; } } #mygallery2-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_86 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery1 { display: block; width: 100%; text-align: left; } #mygallery1 li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery1 ul#proGalleryThumbsstacks_in_228 { padding: 0; margin: 0; list-style: none; } #mygallery1 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery1 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery1 li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery1 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery1 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery1 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery1 li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery1 .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery1 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery1 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery1.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery1.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery1.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery1.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery1.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery1.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery1.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery1.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery1.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery1.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery1.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery1.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery1 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery1 li .proGalleryItemInner { overflow: hidden; } #mygallery1 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery1 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery1-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery1-icon-play:before { content: '\e800'; } .mygallery1-icon-pause:before { content: '\e801'; } .mygallery1-icon-close:before { content: '\e802'; } .mygallery1-icon-prev:before { content: '\e803'; } .mygallery1-icon-next:before { content: '\e804'; } .mygallery1-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery1-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery1-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery1-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery1-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery1-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery1-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery1-case, html[data-lc-type=ajax] #mygallery1-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery1-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery1-content, html[data-lc-type=video] #mygallery1-content { background-color: #333; } } html[data-lc-type=inline] #mygallery1-content, html[data-lc-type=ajax] #mygallery1-content, html[data-lc-type=error] #mygallery1-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery1-content, html[data-lc-type=ajax] #mygallery1-content, html[data-lc-type=error] #mygallery1-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner > *, html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner > *, html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery1-isMobileDevice[data-lc-type=iframe] #mygallery1-content .mygallery1-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery1-content .mygallery1-contentInner, html[data-lc-type=video] #mygallery1-content .mygallery1-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery1-content .mygallery1-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery1-content .mygallery1-contentInner .mygallery1-inlineWrap, html[data-lc-type=ajax] #mygallery1-content .mygallery1-contentInner .mygallery1-inlineWrap, html[data-lc-type=error] #mygallery1-content .mygallery1-contentInner .mygallery1-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery1-content .mygallery1-contentInner .mygallery1-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery1-content h1, #mygallery1-content h2, #mygallery1-content h3, #mygallery1-content h4, #mygallery1-content h5, #mygallery1-content h6, #mygallery1-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery1-content h1, #mygallery1-content h2, #mygallery1-content h3, #mygallery1-content h4, #mygallery1-content h5, #mygallery1-content h6, #mygallery1-content p { color: #333; } } #mygallery1-case p.mygallery1-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery1-case p.mygallery1-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery1-case p.mygallery1-error { padding: 0; } } .mygallery1-open body { overflow: hidden; } .mygallery1-isMobileDevice .mygallery1-open body { max-width: 100%; max-height: 100%; } #mygallery1-info { position: absolute; padding-top: 15px; } #mygallery1-info #mygallery1-title, #mygallery1-info #mygallery1-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery1-info #mygallery1-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery1-info #mygallery1-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery1-info #mygallery1-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery1-info #mygallery1-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery1-fullScreenMode #mygallery1-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery1-info { position: static; } } #mygallery1-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery1-spin 0.5s infinite linear; -moz-animation: mygallery1-spin 0.5s infinite linear; -o-animation: mygallery1-spin 0.5s infinite linear; animation: mygallery1-spin 0.5s infinite linear; } #mygallery1-loading, #mygallery1-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery1-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery1-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery1-icon-'], a[class*='mygallery1-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery1-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery1-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery1-isMobileDevice a[class*='mygallery1-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery1-icon-'].mygallery1-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery1-icon-'].mygallery1-icon-prev { left: 15px; } a[class*='mygallery1-icon-'].mygallery1-icon-next { right: 15px; } a[class*='mygallery1-icon-'].mygallery1-icon-pause, a[class*='mygallery1-icon-'].mygallery1-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery1-icon-'].mygallery1-icon-pause, a[class*='mygallery1-icon-'].mygallery1-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery1-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery1-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery1-icon-']:hover, #mygallery1-case:hover ~ a[class*='mygallery1-icon-'] { opacity: 1; } } #mygallery1-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery1-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery1-icon-'], a[class*='mygallery1-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery1-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery1-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery1-content img { width: auto; height: auto; } #mygallery1-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery1-info #mygallery1-sequenceInfo, #mygallery1-info #mygallery1-title, #mygallery1-info #mygallery1-caption { color: rgba(170, 170, 170, 1.00); } #mygallery1-info #mygallery1-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery1-info #mygallery1-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery1 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery1 { display: block; } } #social-mygallery1 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery1 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery1-content, html[data-lc-type=video] #mygallery1-content { background: transparent; } } #mygallery1-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_102 { padding: 20px 0px 10px 0px; } /* @group ProGallery Grid */ #mygallery { display: block; width: 100%; text-align: left; } #mygallery li.proGalleryItem { -webkit-transform: translateZ(0); } #mygallery ul#proGalleryThumbsstacks_in_237 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { margin: 0; padding: 0; position: relative; } #mygallery li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 1px 1px 1px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #mygallery li.proGalleryItem a { display: block; text-align: center; cursor: default; margin: 0px; cursor: pointer; outline: none; } #mygallery li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ #mygallery li.proGalleryItem { display: inline-block; max-width: 140px; min-height: 100px; margin: 0px 0px 0px 0px; vertical-align: middle; } /* */ /* */ /* Thumbnail titles */ #mygallery .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 12px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 0.59); } #mygallery .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 12px; } #mygallery.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #mygallery.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #mygallery li .proGalleryItemInner { overflow: hidden; } #mygallery a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #mygallery a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../files/progallery-fonts/lightcase.eot?55356177"); src: url("../files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .mygallery-icon-play:before { content: '\e800'; } .mygallery-icon-pause:before { content: '\e801'; } .mygallery-icon-close:before { content: '\e802'; } .mygallery-icon-prev:before { content: '\e803'; } .mygallery-icon-next:before { content: '\e804'; } .mygallery-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-case, html[data-lc-type=ajax] #mygallery-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery-content, html[data-lc-type=video] #mygallery-content { background-color: #333; } } html[data-lc-type=inline] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=error] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery-content .mygallery-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery-isMobileDevice[data-lc-type=iframe] #mygallery-content .mygallery-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery-content .mygallery-contentInner, html[data-lc-type=video] #mygallery-content .mygallery-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery-content .mygallery-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=error] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #mygallery-content .mygallery-contentInner .mygallery-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #333; } } #mygallery-case p.mygallery-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #mygallery-case p.mygallery-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery-case p.mygallery-error { padding: 0; } } .mygallery-open body { overflow: hidden; } .mygallery-isMobileDevice .mygallery-open body { max-width: 100%; max-height: 100%; } #mygallery-info { position: absolute; padding-top: 15px; } #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery-info #mygallery-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery-info #mygallery-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery-info #mygallery-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery-info #mygallery-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery-fullScreenMode #mygallery-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #mygallery-info { position: static; } } #mygallery-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: mygallery-spin 0.5s infinite linear; -moz-animation: mygallery-spin 0.5s infinite linear; -o-animation: mygallery-spin 0.5s infinite linear; animation: mygallery-spin 0.5s infinite linear; } #mygallery-loading, #mygallery-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #mygallery-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='mygallery-icon-'], a[class*='mygallery-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='mygallery-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery-icon-'].mygallery-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 15px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 15px; } a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery-icon-']:hover, #mygallery-case:hover ~ a[class*='mygallery-icon-'] { opacity: 1; } } #mygallery-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #mygallery-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery-icon-'], a[class*='mygallery-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery-content img { width: auto; height: auto; } #mygallery-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery-info #mygallery-sequenceInfo, #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { color: rgba(170, 170, 170, 1.00); } #mygallery-info #mygallery-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery-info #mygallery-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-mygallery { display: block; } } #social-mygallery a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-mygallery a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery-content, html[data-lc-type=video] #mygallery-content { background: transparent; } } #mygallery-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */