#stacks_in_185 { font-size: 143%; } #stacks_in_184 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_184 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFFFFF; border-top-style:solid; border-top-width:1px; border-top-color:#CCCCCC; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } .spacerStack { height: 39.00px; } #spacerStackstacks_in_154 { height: 39.00px; } @media print { #spacerStackstacks_in_154 { display: none !important; } } /* ProGallery Grid */ #mygallery { display: block; width: 100%; %[if ]%text-align: left;%[endif]% %[if ]%text-align: center;%[endif]% %[if ]%text-align: right;%[endif]% } #mygallery ul#proGalleryThumbsstacks_in_129 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { position: relative; -webkit-transform: translateZ(0); } #mygallery li .proGalleryItemInner { border: 0rem none rgba(234, 234, 234, 1.00); border-radius: 0rem; background-color: rgba(255, 255, 255, 1.00); padding: 0rem; position: relative; margin: 0rem; } #mygallery li.proGalleryItem a { display: block; cursor: zoom-in; margin: ; 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: 0rem; display: block; border: 0rem none rgba(234, 234, 234, 1.00); padding: 0rem; margin: 0rem; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href=''], #mygallery li .proGalleryItemInner a[href='#null'] { pointer-events: none !important; cursor: default !important; } /* Captions */ #mygallery .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 0rem; margin: 0rem; font-size: 1rem; letter-spacing: 0px; border-radius: 0rem; color: rgba(102, 102, 102, 1.00); line-height: 1.5; background: rgba(255, 255, 255, 1.00); } /* Override for caption titles */ #mygallery .proGalleryItemTitle strong { font-size: 1rem; letter-spacing: 0px; color: rgba(102, 102, 102, 1.00); line-height: 1.5; 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: 1rem; } #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%; 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 */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* ProGallery CSS Box Layout */ #mygallery .proGalleryThumbs { display: -ms-grid; display: grid; grid-gap: 1.5rem; justify-items: center; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } /* Lightcase lightbox */ /** * 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/lightcase-assets/lightcase.eot?55356177"); src: url("../files/lightcase-assets/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/lightcase-assets/lightcase.woff?55356177") format("woff"), url("../files/lightcase-assets/lightcase.ttf?55356177") format("truetype"), url("../files/lightcase-assets/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-case { text-shadow: 0 0 10px rgba(0, 0, 0, 0.50); } #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; } /* Checkbox to switch lightbox layout to flexbox */ .spacerStack { height: 39.00px; } #spacerStackstacks_in_182 { height: 39.00px; } @media print { #spacerStackstacks_in_182 { display: none !important; } } /* ProGallery Grid */ #mygallery { display: block; width: 100%; %[if ]%text-align: left;%[endif]% %[if ]%text-align: center;%[endif]% %[if ]%text-align: right;%[endif]% } #mygallery ul#proGalleryThumbsstacks_in_147 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { position: relative; -webkit-transform: translateZ(0); } #mygallery li .proGalleryItemInner { border: 0rem none rgba(234, 234, 234, 1.00); border-radius: 0rem; background-color: rgba(255, 255, 255, 1.00); padding: 0rem; position: relative; margin: 0rem; } #mygallery li.proGalleryItem a { display: block; cursor: zoom-in; margin: ; 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: 0rem; display: block; border: 0rem none rgba(234, 234, 234, 1.00); padding: 0rem; margin: 0rem; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href=''], #mygallery li .proGalleryItemInner a[href='#null'] { pointer-events: none !important; cursor: default !important; } /* Captions */ #mygallery .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 0rem; margin: 0rem; font-size: 1rem; letter-spacing: 0px; border-radius: 0rem; color: rgba(102, 102, 102, 1.00); line-height: 1.5; background: rgba(255, 255, 255, 1.00); } /* Override for caption titles */ #mygallery .proGalleryItemTitle strong { font-size: 1rem; letter-spacing: 0px; color: rgba(102, 102, 102, 1.00); line-height: 1.5; 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: 1rem; } #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%; 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 */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* ProGallery CSS Box Layout */ #mygallery .proGalleryThumbs { display: -ms-grid; display: grid; grid-gap: 1.5rem; justify-items: center; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } /* Lightcase lightbox */ /** * 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/lightcase-assets/lightcase.eot?55356177"); src: url("../files/lightcase-assets/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/lightcase-assets/lightcase.woff?55356177") format("woff"), url("../files/lightcase-assets/lightcase.ttf?55356177") format("truetype"), url("../files/lightcase-assets/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-case { text-shadow: 0 0 10px rgba(0, 0, 0, 0.50); } #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; } /* Checkbox to switch lightbox layout to flexbox */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_172 { height: 40.00px; } @media print { #spacerStackstacks_in_172 { display: none !important; } } /* ProGallery Grid */ #mygallery { display: block; width: 100%; %[if ]%text-align: left;%[endif]% %[if ]%text-align: center;%[endif]% %[if ]%text-align: right;%[endif]% } #mygallery ul#proGalleryThumbsstacks_in_173 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { position: relative; -webkit-transform: translateZ(0); } #mygallery li .proGalleryItemInner { border: 0rem none rgba(234, 234, 234, 1.00); border-radius: 0rem; background-color: rgba(255, 255, 255, 1.00); padding: 0rem; position: relative; margin: 0rem; } #mygallery li.proGalleryItem a { display: block; cursor: zoom-in; margin: ; 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: 0rem; display: block; border: 0rem none rgba(234, 234, 234, 1.00); padding: 0rem; margin: 0rem; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href=''], #mygallery li .proGalleryItemInner a[href='#null'] { pointer-events: none !important; cursor: default !important; } /* Captions */ #mygallery .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 0rem; margin: 0rem; font-size: 1rem; letter-spacing: 0px; border-radius: 0rem; color: rgba(102, 102, 102, 1.00); line-height: 1.5; background: rgba(255, 255, 255, 1.00); } /* Override for caption titles */ #mygallery .proGalleryItemTitle strong { font-size: 1rem; letter-spacing: 0px; color: rgba(102, 102, 102, 1.00); line-height: 1.5; 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: 1rem; } #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%; 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 */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* ProGallery CSS Box Layout */ #mygallery .proGalleryThumbs { display: -ms-grid; display: grid; grid-gap: 1.5rem; justify-items: center; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } /* Lightcase lightbox */ /** * 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/lightcase-assets/lightcase.eot?55356177"); src: url("../files/lightcase-assets/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/lightcase-assets/lightcase.woff?55356177") format("woff"), url("../files/lightcase-assets/lightcase.ttf?55356177") format("truetype"), url("../files/lightcase-assets/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-case { text-shadow: 0 0 10px rgba(0, 0, 0, 0.50); } #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; } /* Checkbox to switch lightbox layout to flexbox */ /* CSS code for getting consent for cookies, custom popup message box */ #mini_cookie_wrapper_stacks_in_105_2 { display: inline-block; background: rgba(255, 255, 255, 1.00); border-radius: 0.5rem; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.20); margin: 2rem; padding: 1rem; max-height: 100vh; max-width: 50rem; overflow: auto; position: fixed; bottom: 0; left: 0; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; z-index: 99999; } #mini_cookie_wrapper_stacks_in_105_2.dismissed { display: none; } #mini_cookie_stacks_in_105_2 { display: flex; align-items: center; } #mini_cookie_content_stacks_in_105_2, #mini_cookie_button_stacks_in_105_2 { font-size: 1.125rem; line-height: 1.5em; letter-spacing: 0px; margin: 0; } #mini_cookie_content_stacks_in_105_2 { flex: 1; color: rgba(66, 66, 66, 1.00); } @media screen and (max-width: 600px) { /* Mobile styling */ #mini_cookie_stacks_in_105_2 { flex-direction: column; } #mini_cookie_wrapper_stacks_in_105_2 { width: 100vw; margin: 0; border-radius: 0; margin-left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mini_cookie_content_stacks_in_105_2 { text-align: center; margin-bottom: 1rem; } #mini_cookie_button_stacks_in_105_2 { margin-left: 0 !important; } } #mini_cookie_supplementary_link_stacks_in_105_2 a, #mini_cookie_supplementary_link_stacks_in_105_2 a:visited, #mini_cookie_content_stacks_in_105_2 a, #mini_cookie_content_stacks_in_105_2 a:visited { font-weight: 600; color: rgba(35, 113, 33, 1.00); background: none; border: none; transition: all 100ms ease-in-out; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mini_cookie_supplementary_link_stacks_in_105_2 a:hover, #mini_cookie_content_stacks_in_105_2 a:hover { color: rgba(107, 183, 73, 1.00); text-decoration: none; background: none; border: none; } #mini_cookie_supplementary_link_stacks_in_105_2 a:active, #mini_cookie_content_stacks_in_105_2 a:active { color: rgba(107, 183, 73, 1.00); text-decoration: none; background: none; border: none; opacity: 0.50; } #mini_cookie_supplementary_link_stacks_in_105_2 a:focus, #mini_cookie_content_stacks_in_105_2 a:focus { outline: 1px dotted rgba(107, 183, 73, 1.00); } #mini_cookie_supplementary_link_stacks_in_105_2 a { display: inline-block; padding: 8px 16px; font-size: 1.125rem; } #mini_cookie_consent_button_wrapper_stacks_in_105_2 { display: flex; flex-direction: column; margin-left: 1rem; text-align: center; } #mini_cookie_consent_button_wrapper_stacks_in_105_2 #mini_cookie_button_stacks_in_105_2 { order: 1; margin-left: 0; } #mini_cookie_consent_button_wrapper_stacks_in_105_2 #mini_cookie_supplementary_link_stacks_in_105_2 { order: 2; margin-left: 0; } /* MiniCookie create, edit, delete buttons, and buttons for our own popup message */ #mini_cookie_button_stacks_in_105_2, #mini_cookie_button_accept_all_stacks_in_105_2, #mini_cookie_button_disallow_all_stacks_in_105_2, .mini_cookie_button_stacks_in_105_2 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(35, 113, 33, 1.00); border: 1px hidden rgba(35, 113, 33, 1.00); border-radius: 0.25rem; color: rgba(255, 255, 255, 1.00); cursor: pointer; margin-left: 1rem; display: inline-block; font-family: inherit; font-size: 1.125rem; font-weight: 600; padding: 8px 16px; text-align: center; transition: all 100ms ease-in-out; white-space: nowrap; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; margin-bottom: 5px; } #mini_cookie_button_stacks_in_105_2:hover, .mini_cookie_button_stacks_in_105_2:hover, #mini_cookie_button_accept_all_stacks_in_105_2:hover, #mini_cookie_button_disallow_all_stacks_in_105_2:hover { color: rgba(35, 113, 33, 1.00); background-color: rgba(120, 180, 30, 1.00); border: 1px hidden rgba(120, 180, 30, 1.00); } #mini_cookie_button_stacks_in_105_2:active, .mini_cookie_button_stacks_in_105_2:active, #mini_cookie_button_accept_all_stacks_in_105_2:active, #mini_cookie_button_disallow_all_stacks_in_105_2:active { color: rgba(35, 113, 33, 1.00); background-color: rgba(120, 180, 30, 1.00); border: 1px hidden rgba(120, 180, 30, 1.00); opacity: 0.50; } #mini_cookie_button_stacks_in_105_2:focus, #mini_cookie_button_accept_all_stacks_in_105_2:focus, #mini_cookie_button_disallow_all_stacks_in_105_2:focus, .mini_cookie_button_stacks_in_105_2:focus { outline: 2px dotted rgba(35, 113, 33, 1.00); } #dialog_title_stacks_in_105_2, #dialog_desc_stacks_in_105_2 { display: none; } @media print { #mini_cookie_stack_stacks_in_105_2, #mini_cookie_window_shade_stacks_in_105_2, #mini_cookie_wrapper_stacks_in_105_2 { display: none; } } #stacks_in_105_5 { font-size: 70%; }