/* * baguetteboxcss */ /*! * baguetteBox.js * @author feimosi * @version 1.11.0 * @url https://github.com/feimosi/baguetteBox.js */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} .warehouse-image img{width:auto;height:auto;max-width:100%;margin:0 auto;display:block}.warehouse-image img.align-right{margin-right:0}.warehouse-image img.align-left{margin-left:0}.warehouse-image img.full-width{width:100%}.warehouse-image > a{display:block;text-decoration:none} .nav-wrap{margin:0 auto;overflow:visible}.nav-wrap h1,.nav-wrap h2,.nav-wrap h3,.nav-wrap h4,.nav-wrap h5,.nav-wrap h6{margin-bottom:0}.nav-content{position:relative}.contained-bar{margin:0 auto}.site-title a:hover{text-decoration:none}html:not(.menulab-js) .navbar ul,html:not(.menulab-js) .navbar li{display:block!important;position:relative!important;margin:0!important;padding:0!important;left:0!important;right:0!important}html:not(.menulab-js) .navbar .ml-arrows li::after{display:none!important}html:not(.menulab-js) .navbar a{text-align:left!important}.navbar{float:none;max-height:0;overflow:hidden;transition:max-height .5s;margin:0;padding:0;list-style-type:none}.navbar ul{margin:0}.navbar li>ul li{white-space:nowrap}.navbar li{list-style-type:none;display:block;transition:background-color .3s ease}.navbar li a{display:block;text-decoration:none;padding:3px .8em;transition:color .3s ease}.navbar li.has-dropdown>.ml-dropdown{padding-left:20px}.navbar .ml-arrows .has-dropdown::after{top:12px}.ml-dropdown,.ml-dropdown *{margin:0;padding:0;list-style:none}.ml-dropdown li{position:relative}.ml-dropdown ul{display:none;top:100%;right:0;left:auto;z-index:99}html:not(.touch-stripped) .ml-dropdown li:hover>ul{display:block}html.touch-stripped .ml-dropdown li.dd-open>ul{display:block}.ml-dropdown a{display:block;position:relative}.ml-dropdown ul ul{top:0;left:100%}.expand{max-height:100vh}.ml-arrows .has-dropdown:after{content:'';position:absolute;right:6px;margin-top:0;height:0;width:0;border:5px solid transparent}.ml-arrows ul .ml-dropdown:after{margin-top:-5px;margin-right:-3px;border-color:transparent} html,.palette0{--text-color-richer:rgba(230, 230, 230, 1.00);--text-color-normal:rgba(255, 255, 255, 1.00);--text-color-softer:rgba(255, 255, 255, 1.00);--accent-color:rgba(218, 165, 32, 1.00);--accent-color-hover:rgba(255, 153, 0, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--accent-color-alt:rgba(255, 255, 255, 1.00);--link-color:rgba(233, 185, 14, 1.00); --link-color-hover:rgba(255, 153, 0, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(0, 0, 0, 1.00);--background-color-alt:rgba(51, 51, 51, 0.10);--nav-bg:rgba(17, 17, 17, 0.30);--nav-bg-hover:rgba(255, 255, 255, 0.89);--nav-link:rgba(255, 255, 255, 1.00);--nav-link-hover:rgba(0, 0, 0, 1.00);--code-background:rgba(0, 0, 0, 1.00);--code-text:rgba(230, 230, 230, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(127, 127, 127, 1.00);--second-color-hover:rgba(255, 153, 0, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1200px;--container-max-width-alt:900px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:1.80rem;line-height:1.60;font-weight:normal;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:2.00rem}@media (min-width:600px){body{font-size:1.80rem}p.lead{font-size:2.00rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.00rem;font-weight:normal;font-style:normal;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.00rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.70rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.00rem}h3,.h3{font-size:4.00rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(233, 185, 14, 1.00)!important}.stripped-button a,.source-btn{line-height:62px;font-size:16px;border-width:1px;height:calc(62px + 2px); font-weight: normal; text-transform: uppercase; display:inline-block;padding:0 10px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:5px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.00rem;margin-left:3rem}li ul{margin-bottom:0.00rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:0.00rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}::selection{background:var(--accent-color);color:var(--button-primary-color)}::-moz-selection{background:var(--accent-color);color:var(--button-primary-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:all .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1200px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:900px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{cursor:pointer; text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}}.base-pad-basic-1,.base-pb-1{padding:10px 50px 10px 50px}.base-pad-advanced-1,.base-pa-1{padding:0px 10px 10px 10px}.base-margin-basic-1,.base-mb-1{margin:0px 0px 0px 0px}.base-margin-advanced-1,.base-ma-1{margin:0 0 0 0}@media (min-width:600px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 10px 10px 10px}}@media (min-width:900px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 20px 20px 20px}}@media (min-width:1200px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 20px 20px 20px}}.base-bg-1-1,.base-bg1-1{ }.base-bg-2-1,.base-bg2-1{ }.base-pad-basic-2,.base-pb-2{padding:10px 50px 10px 50px}.base-pad-advanced-2,.base-pa-2{padding:0px 10px 10px 10px}.base-margin-basic-2,.base-mb-2{margin:0px 0px 0px 0px}.base-margin-advanced-2,.base-ma-2{margin:0 0 0 0}@media (min-width:600px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 10px 10px 10px}}@media (min-width:900px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 20px 20px 20px}}@media (min-width:1200px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 20px 20px 20px}}.base-bg-1-2,.base-bg1-2{ }.base-bg-2-2,.base-bg2-2{background-color:rgba(51, 51, 51, 1.00)!important; } @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/josefin-sans.woff2') format('woff2');font-weight:normal;font-style:normal;font-display: auto;} @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/JosefinSans-Italic.woff2') format('woff2');font-weight:normal;font-style:italic;font-display: auto;} @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/JosefinSans-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}h1, h2, h3, h4, h5, h6{ font-weight:normal !important;font-family:'Josefin-Sans',sans-serif !important} #stacks_in_159939_57.nav-wrap{background-color:var(--nav-bg);width:100%;padding:35px 35px 35px 35px}#stacks_in_159939_57 .nav-content{z-index:999}#stacks_in_159939_57.nav-fixed,#stacks_in_159939_57.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_159939_57.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_159939_57.nav-sticky{position:sticky}#stacks_in_159939_57 .contained-bar{max-width:var(--container-max-width)}#stacks_in_159939_57 .navbar li>ul{background-color:rgba(0, 0, 0, 0.85)}#stacks_in_159939_57 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_159939_57 .navbar li a{color:var(--nav-link)}#stacks_in_159939_57 .navbar li:hover>*:first-child,#stacks_in_159939_57 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_159939_57 .navbar li:hover,#stacks_in_159939_57 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_159939_57 .logo img{vertical-align:top;height:30px;border-radius:0px;width:auto;max-width:none}#stacks_in_159939_57 .logo{}#stacks_in_159939_57 .site-title{}#stacks_in_159939_57 .navbar{display:block;}#stacks_in_159939_57 .branding{position:relative;display:flex;align-items:center;justify-content:center}#stacks_in_159939_57 .branding h5{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_159939_57 .site-title a{color:var(--text-color-normal);}#stacks_in_159939_57 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:1399px){#stacks_in_159939_57 .ml-dropdown{background-color:rgba(0, 0, 0, 0.85);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_159939_57 .cta{display:none} #stacks_in_159939_57 .navbar li{margin:3px 0}#stacks_in_159939_57 .branding{}}@media only screen and (min-width:1400px){ #stacks_in_159939_57 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_159939_57 .site-title{display: none;} #stacks_in_159939_57 .cta-small{display:none} #stacks_in_159939_57 .branding h5{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_159939_57 .grouped-cta,#stacks_in_159939_57 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_159939_57 .branding{min-width:0px;justify-content: start;}#stacks_in_159939_57 .logo img{height:30px}#stacks_in_159939_57 .navbar{display:inline-block} #stacks_in_159939_57 .mob-icon{display:none}#stacks_in_159939_57.nav-wrap{padding:40px 12px 50px 12px}#stacks_in_159939_57 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_159939_57 .navbar,#stacks_in_159939_57 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_159939_57 .navbar li a{padding:0 .8em}#stacks_in_159939_57 .navbar li.active,#stacks_in_159939_57 .navbar li:hover{border-radius:0px}#stacks_in_159939_57 .navbar .ml-menu,#stacks_in_159939_57 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_159939_57 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_159939_57 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_159939_57 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_159939_57 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_159939_57 .navbar .ml-menu ul,#stacks_in_159939_57 .navbar [dir=rtl] .ml-menu>.dd-to-right>ul{display:none;position:absolute;padding:6px;top:100%;left:0;right:auto;z-index:1}#stacks_in_159939_57 .navbar [dir=rtl] .ml-menu ul,#stacks_in_159939_57 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_159939_57 .navbar .ml-menu ul ul,#stacks_in_159939_57 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_159939_57 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_159939_57 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_159939_57 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_159939_57 .navbar .ml-menu>li{display:inline-block}#stacks_in_159939_57 .navbar .ml-menu a,#stacks_in_159939_57 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_159939_57 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_159939_57 .navbar .ml-js li:hover>ul{display:none}#stacks_in_159939_57 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_159939_57 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_159939_57 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_159939_57 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_159939_57 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_159939_57 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_159939_57 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_159939_57 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_159939_57 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_159939_57 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_159939_57 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_159939_57 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_159939_57 .burg{width:45px;height:45px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}#stacks_in_159939_57 .burg span{display:block;position:absolute;height:6px;width:100%;background:darkgray;background:var(--accent-color); border-radius:6px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}#stacks_in_159939_57 .burg span:nth-child(1){top:0}#stacks_in_159939_57 .burg span:nth-child(2),#stacks_in_159939_57 .burg span:nth-child(3){top:18px}#stacks_in_159939_57 .burg span:nth-child(4){top:36px}#stacks_in_159939_57.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_159939_57.ml-toggle.expand .burg span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#stacks_in_159939_57.ml-toggle.expand .burg span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#stacks_in_159939_57.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} h1.stacks_in_159939_65{ } .s-container-stacks_in_159880{max-width:1200px; }#s-wrapper-stacks_in_159880{margin:0; }#s-content-stacks_in_159880{justify-content:center; padding:0; }.s-bg-stacks_in_159880{z-index:0}#s-outer-stacks_in_159880{border-radius:0px 0px 0px 0px} #stacks_in_158947 img { max-width: 100%; height: auto; } .poster-pagination { text-align: center; } .poster-pagination { margin-top: 1rem; margin-bottom: 1rem; } .poster-pagination a { text-decoration: none; } .poster-title, .poster-title a { font-size: Josefin-Sans !important; } .poster-title, .poster-title a { margin: 0px 0px 0px 0px !important; } .poster-metadata { font-size: 7 !important; } .poster-list-item { transition: background-color 500ms; margin: 20px 0px 20px 0px !important; border-color: rgba(51, 51, 51, 1.00) !important; border-style: solid !important; border-width: 0px 0px 0px 0px !important; border-radius: 0px 0px 0px 0px !important; overflow: hidden; } .poster-item { } .poster-list-item:hover { background-color: rgba(51, 51, 51, 1.00) !important; } .poster-body { margin: 0px 0px 20px 0px !important; } .poster-list { display: flex; vertical-align: top; flex-flow: row wrap; justify-content: space-around; margin: auto; } @media(max-width:679px){ .poster-list-item { width: 100%; } } @media(min-width:680px){ .poster-list-item { width: calc(90% / 2); } } @media(min-width:992px){ .poster-list-item { width: calc(90% / 3); } } @media(min-width:1200px){ .poster-list-item { width: calc(90% / 3); } } /* For edit and !edit mode */ .poster-title a:hover { text-decoration: none !important; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .poster-external-link::after { font-family: FontAwesome; content: "\f08e"; margin-left: 1rem; font-size: smaller; } /* Social */ .poster-social { font-size: 1.5rem; text-align: left; line-height: 1.5rem; } .poster-social a { text-decoration: none; margin-right: 0.5rem; } .poster-share::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f1e1"; } .poster-facebook::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f082"; } .poster-twitter::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f081"; } .poster-pinterest { display: none; } .poster-pinterest::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f0d3"; } .poster-linkedin { display: none; } .poster-linkedin::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f08c"; } .poster-xing { display: none; } .poster-xing::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f169"; } .poster-envelope::after { font-family: FontAwesome; color: rgba(218, 164, 32, 1.00); content: "\f199"; } .poster-thumbnail { margin-left: auto; margin-right: auto; } .poster-thumbnail-caption { margin-top: 5px; } .poster-item article { float: none !important; width: 100% !important; } #stacks_in_158947 { border: solid rgba(255, 255, 255, 1.00); border-width: 0px 0px 1px 0px; margin: 0px 6px 20px 6px; padding: 20px 0px 20px 0px; } #stacks_in_158948 .poster-date { display: none !important; } #stacks_in_158948 .blog-entry-author { display: none !important; } #stacks_in_158991 { margin: 0px 0px 20px 0px; } #stacks_in_158994 { margin: 0px 0px 20px 0px; } #stacks_in_158988 { padding: 20px; } #stacks_in_158953 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #richard-james { display: block; width: 100%; text-align: center; } #richard-james li.proGalleryItem { -webkit-transform: translateZ(0); } #richard-james ul#proGalleryThumbsstacks_in_158955 { padding: 0; margin: 0; list-style: none; } #richard-james li.proGalleryItem { margin: 0; padding: 0; position: relative; } #richard-james li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #richard-james li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #richard-james 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 */ #richard-james 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; } /* */ /* */ /* */ /* */ /* */ /* */ #richard-james { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #richard-james { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #richard-james { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #richard-james { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #richard-james li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #richard-james .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #richard-james .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #richard-james .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #richard-james.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #richard-james.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #richard-james.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #richard-james.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #richard-james.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #richard-james.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #richard-james.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #richard-james.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; } #richard-james.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #richard-james.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #richard-james.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #richard-james.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #richard-james li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #richard-james li .proGalleryItemInner { overflow: hidden; } #richard-james 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 */ } #richard-james 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='richard-james-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 */ .richard-james-icon-play:before { content: '\e800'; } .richard-james-icon-pause:before { content: '\e801'; } .richard-james-icon-close:before { content: '\e802'; } .richard-james-icon-prev:before { content: '\e803'; } .richard-james-icon-next:before { content: '\e804'; } .richard-james-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 richard-james-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 richard-james-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 richard-james-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 richard-james-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 richard-james-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); } } #richard-james-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] #richard-james-case, html[data-lc-type=ajax] #richard-james-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]) #richard-james-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] #richard-james-content, html[data-lc-type=video] #richard-james-content { background-color: #333; } } html[data-lc-type=inline] #richard-james-content, html[data-lc-type=ajax] #richard-james-content, html[data-lc-type=error] #richard-james-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] #richard-james-content, html[data-lc-type=ajax] #richard-james-content, html[data-lc-type=error] #richard-james-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] #richard-james-content .richard-james-contentInner, html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner, html[data-lc-type=error] #richard-james-content .richard-james-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] #richard-james-content .richard-james-contentInner, html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner, html[data-lc-type=error] #richard-james-content .richard-james-contentInner { padding: 15px; } html[data-lc-type=inline] #richard-james-content .richard-james-contentInner, html[data-lc-type=inline] #richard-james-content .richard-james-contentInner > *, html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner, html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner > *, html[data-lc-type=error] #richard-james-content .richard-james-contentInner, html[data-lc-type=error] #richard-james-content .richard-james-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #richard-james-content .richard-james-contentInner > *:not(iframe), html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner > *:not(iframe), html[data-lc-type=error] #richard-james-content .richard-james-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.richard-james-isMobileDevice[data-lc-type=iframe] #richard-james-content .richard-james-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #richard-james-content .richard-james-contentInner, html[data-lc-type=video] #richard-james-content .richard-james-contentInner { line-height: 0.75; } } html[data-lc-type=image] #richard-james-content .richard-james-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #richard-james-content .richard-james-contentInner .richard-james-inlineWrap, html[data-lc-type=ajax] #richard-james-content .richard-james-contentInner .richard-james-inlineWrap, html[data-lc-type=error] #richard-james-content .richard-james-contentInner .richard-james-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]) #richard-james-content .richard-james-contentInner .richard-james-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) { #richard-james-content h1, #richard-james-content h2, #richard-james-content h3, #richard-james-content h4, #richard-james-content h5, #richard-james-content h6, #richard-james-content p { color: #aaa; } } @media screen and (min-width: 641px) { #richard-james-content h1, #richard-james-content h2, #richard-james-content h3, #richard-james-content h4, #richard-james-content h5, #richard-james-content h6, #richard-james-content p { color: #333; } } #richard-james-case p.richard-james-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) { #richard-james-case p.richard-james-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #richard-james-case p.richard-james-error { padding: 0; } } .richard-james-open body { overflow: hidden; } .richard-james-isMobileDevice .richard-james-open body { max-width: 100%; max-height: 100%; } #richard-james-info { position: absolute; padding-top: 15px; } #richard-james-info #richard-james-title, #richard-james-info #richard-james-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #richard-james-info #richard-james-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #richard-james-info #richard-james-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #richard-james-info #richard-james-caption { clear: both; font-size: 13px; color: #aaa; } #richard-james-info #richard-james-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .richard-james-fullScreenMode #richard-james-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]) #richard-james-info { position: static; } } #richard-james-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: richard-james-spin 0.5s infinite linear; -moz-animation: richard-james-spin 0.5s infinite linear; -o-animation: richard-james-spin 0.5s infinite linear; animation: richard-james-spin 0.5s infinite linear; } #richard-james-loading, #richard-james-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; } #richard-james-loading > span { display: inline-block; text-indent: -9999px; } a[class*='richard-james-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*='richard-james-icon-'], a[class*='richard-james-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*='richard-james-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='richard-james-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .richard-james-isMobileDevice a[class*='richard-james-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='richard-james-icon-'].richard-james-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='richard-james-icon-'].richard-james-icon-prev { left: 15px; } a[class*='richard-james-icon-'].richard-james-icon-next { right: 15px; } a[class*='richard-james-icon-'].richard-james-icon-pause, a[class*='richard-james-icon-'].richard-james-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='richard-james-icon-'].richard-james-icon-pause, a[class*='richard-james-icon-'].richard-james-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='richard-james-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='richard-james-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='richard-james-icon-']:hover, #richard-james-case:hover ~ a[class*='richard-james-icon-'] { opacity: 1; } } #richard-james-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) { #richard-james-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='richard-james-icon-'], a[class*='richard-james-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='richard-james-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*='richard-james-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #richard-james-content img { width: auto; height: auto; } #richard-james-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #richard-james-info #richard-james-sequenceInfo, #richard-james-info #richard-james-title, #richard-james-info #richard-james-caption { color: rgba(170, 170, 170, 1.00); } #richard-james-info #richard-james-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #richard-james-info #richard-james-caption { } /* @end */ /* Social icons in the lightbox */ #social-richard-james { 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-richard-james { display: block; } } #social-richard-james 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-richard-james a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-richard-james a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-richard-james a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #richard-james-content, html[data-lc-type=video] #richard-james-content { background: transparent; } } #richard-james-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158955 { margin: 20px 0px 0px 0px; } #stacks_in_159905 .poster-date { display: none !important; } #stacks_in_159905 .blog-entry-author { display: none !important; } #stacks_in_159924 { margin: 0px 0px 20px 0px; } #stacks_in_159921 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159906>.s3_row { margin: 0 -10px; } #stacks_in_159906>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159906>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159906>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159906>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159906>.s3_row { margin: -10px 0; } #stacks_in_159906>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159919 { padding: 20px 0px 0px 0px; } #stacks_in_158996 .poster-date { display: none !important; } #stacks_in_158996 .blog-entry-author { display: none !important; } #stacks_in_158956 { margin: 0px 0px 20px 0px; } #stacks_in_159010 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159000 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159002 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #Archetypes { display: block; width: 100%; text-align: center; } #Archetypes li.proGalleryItem { -webkit-transform: translateZ(0); } #Archetypes ul#proGalleryThumbsstacks_in_159004 { padding: 0; margin: 0; list-style: none; } #Archetypes li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Archetypes li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Archetypes li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Archetypes 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 */ #Archetypes 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; } /* */ /* */ /* */ /* */ /* */ /* */ #Archetypes { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #Archetypes { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #Archetypes { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #Archetypes { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Archetypes li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Archetypes .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #Archetypes .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Archetypes .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Archetypes.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Archetypes.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Archetypes.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Archetypes.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Archetypes.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Archetypes.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Archetypes.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Archetypes.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; } #Archetypes.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Archetypes.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Archetypes.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Archetypes.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Archetypes li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Archetypes li .proGalleryItemInner { overflow: hidden; } #Archetypes 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 */ } #Archetypes 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Archetypes-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 */ .Archetypes-icon-play:before { content: '\e800'; } .Archetypes-icon-pause:before { content: '\e801'; } .Archetypes-icon-close:before { content: '\e802'; } .Archetypes-icon-prev:before { content: '\e803'; } .Archetypes-icon-next:before { content: '\e804'; } .Archetypes-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 Archetypes-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 Archetypes-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 Archetypes-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 Archetypes-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 Archetypes-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); } } #Archetypes-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] #Archetypes-case, html[data-lc-type=ajax] #Archetypes-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]) #Archetypes-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] #Archetypes-content, html[data-lc-type=video] #Archetypes-content { background-color: #333; } } html[data-lc-type=inline] #Archetypes-content, html[data-lc-type=ajax] #Archetypes-content, html[data-lc-type=error] #Archetypes-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] #Archetypes-content, html[data-lc-type=ajax] #Archetypes-content, html[data-lc-type=error] #Archetypes-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] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-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] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner { padding: 15px; } html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner > *, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner > *, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner > *:not(iframe), html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner > *:not(iframe), html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Archetypes-isMobileDevice[data-lc-type=iframe] #Archetypes-content .Archetypes-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=video] #Archetypes-content .Archetypes-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Archetypes-content .Archetypes-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner .Archetypes-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]) #Archetypes-content .Archetypes-contentInner .Archetypes-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) { #Archetypes-content h1, #Archetypes-content h2, #Archetypes-content h3, #Archetypes-content h4, #Archetypes-content h5, #Archetypes-content h6, #Archetypes-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Archetypes-content h1, #Archetypes-content h2, #Archetypes-content h3, #Archetypes-content h4, #Archetypes-content h5, #Archetypes-content h6, #Archetypes-content p { color: #333; } } #Archetypes-case p.Archetypes-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) { #Archetypes-case p.Archetypes-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Archetypes-case p.Archetypes-error { padding: 0; } } .Archetypes-open body { overflow: hidden; } .Archetypes-isMobileDevice .Archetypes-open body { max-width: 100%; max-height: 100%; } #Archetypes-info { position: absolute; padding-top: 15px; } #Archetypes-info #Archetypes-title, #Archetypes-info #Archetypes-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Archetypes-info #Archetypes-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Archetypes-info #Archetypes-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Archetypes-info #Archetypes-caption { clear: both; font-size: 13px; color: #aaa; } #Archetypes-info #Archetypes-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Archetypes-fullScreenMode #Archetypes-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]) #Archetypes-info { position: static; } } #Archetypes-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: Archetypes-spin 0.5s infinite linear; -moz-animation: Archetypes-spin 0.5s infinite linear; -o-animation: Archetypes-spin 0.5s infinite linear; animation: Archetypes-spin 0.5s infinite linear; } #Archetypes-loading, #Archetypes-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; } #Archetypes-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Archetypes-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*='Archetypes-icon-'], a[class*='Archetypes-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*='Archetypes-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Archetypes-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Archetypes-isMobileDevice a[class*='Archetypes-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Archetypes-icon-'].Archetypes-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Archetypes-icon-'].Archetypes-icon-prev { left: 15px; } a[class*='Archetypes-icon-'].Archetypes-icon-next { right: 15px; } a[class*='Archetypes-icon-'].Archetypes-icon-pause, a[class*='Archetypes-icon-'].Archetypes-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Archetypes-icon-'].Archetypes-icon-pause, a[class*='Archetypes-icon-'].Archetypes-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Archetypes-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Archetypes-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Archetypes-icon-']:hover, #Archetypes-case:hover ~ a[class*='Archetypes-icon-'] { opacity: 1; } } #Archetypes-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) { #Archetypes-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Archetypes-icon-'], a[class*='Archetypes-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Archetypes-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*='Archetypes-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Archetypes-content img { width: auto; height: auto; } #Archetypes-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Archetypes-info #Archetypes-sequenceInfo, #Archetypes-info #Archetypes-title, #Archetypes-info #Archetypes-caption { color: rgba(170, 170, 170, 1.00); } #Archetypes-info #Archetypes-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Archetypes-info #Archetypes-caption { } /* @end */ /* Social icons in the lightbox */ #social-Archetypes { 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-Archetypes { display: block; } } #social-Archetypes 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-Archetypes a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Archetypes a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Archetypes-content, html[data-lc-type=video] #Archetypes-content { background: transparent; } } #Archetypes-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159004 { margin: 20px 0px 0px 0px; } #stacks_in_159012 .poster-date { display: none !important; } #stacks_in_159012 .blog-entry-author { display: none !important; } #stacks_in_158957 { margin: 0px 0px 20px 0px; } #stacks_in_159022 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159018 { padding: 20px 0px 30px 0px; } /* @group ProGallery Grid */ #vanloon-2022 { display: block; width: 100%; text-align: center; } #vanloon-2022 li.proGalleryItem { -webkit-transform: translateZ(0); } #vanloon-2022 ul#proGalleryThumbsstacks_in_158958 { padding: 0; margin: 0; list-style: none; } #vanloon-2022 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #vanloon-2022 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #vanloon-2022 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #vanloon-2022 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 */ #vanloon-2022 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; } /* */ /* */ /* */ /* */ /* */ /* */ #vanloon-2022 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #vanloon-2022 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #vanloon-2022 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #vanloon-2022 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #vanloon-2022 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #vanloon-2022 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #vanloon-2022 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vanloon-2022 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #vanloon-2022.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #vanloon-2022.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #vanloon-2022.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #vanloon-2022.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #vanloon-2022.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #vanloon-2022.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #vanloon-2022.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #vanloon-2022.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; } #vanloon-2022.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #vanloon-2022.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #vanloon-2022.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #vanloon-2022.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #vanloon-2022 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #vanloon-2022 li .proGalleryItemInner { overflow: hidden; } #vanloon-2022 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 */ } #vanloon-2022 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='vanloon-2022-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 */ .vanloon-2022-icon-play:before { content: '\e800'; } .vanloon-2022-icon-pause:before { content: '\e801'; } .vanloon-2022-icon-close:before { content: '\e802'; } .vanloon-2022-icon-prev:before { content: '\e803'; } .vanloon-2022-icon-next:before { content: '\e804'; } .vanloon-2022-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 vanloon-2022-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 vanloon-2022-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 vanloon-2022-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 vanloon-2022-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 vanloon-2022-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); } } #vanloon-2022-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] #vanloon-2022-case, html[data-lc-type=ajax] #vanloon-2022-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]) #vanloon-2022-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] #vanloon-2022-content, html[data-lc-type=video] #vanloon-2022-content { background-color: #333; } } html[data-lc-type=inline] #vanloon-2022-content, html[data-lc-type=ajax] #vanloon-2022-content, html[data-lc-type=error] #vanloon-2022-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] #vanloon-2022-content, html[data-lc-type=ajax] #vanloon-2022-content, html[data-lc-type=error] #vanloon-2022-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] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-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] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-contentInner { padding: 15px; } html[data-lc-type=inline] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=inline] #vanloon-2022-content .vanloon-2022-contentInner > *, html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner > *, html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #vanloon-2022-content .vanloon-2022-contentInner > *:not(iframe), html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner > *:not(iframe), html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.vanloon-2022-isMobileDevice[data-lc-type=iframe] #vanloon-2022-content .vanloon-2022-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #vanloon-2022-content .vanloon-2022-contentInner, html[data-lc-type=video] #vanloon-2022-content .vanloon-2022-contentInner { line-height: 0.75; } } html[data-lc-type=image] #vanloon-2022-content .vanloon-2022-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vanloon-2022-content .vanloon-2022-contentInner .vanloon-2022-inlineWrap, html[data-lc-type=ajax] #vanloon-2022-content .vanloon-2022-contentInner .vanloon-2022-inlineWrap, html[data-lc-type=error] #vanloon-2022-content .vanloon-2022-contentInner .vanloon-2022-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]) #vanloon-2022-content .vanloon-2022-contentInner .vanloon-2022-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) { #vanloon-2022-content h1, #vanloon-2022-content h2, #vanloon-2022-content h3, #vanloon-2022-content h4, #vanloon-2022-content h5, #vanloon-2022-content h6, #vanloon-2022-content p { color: #aaa; } } @media screen and (min-width: 641px) { #vanloon-2022-content h1, #vanloon-2022-content h2, #vanloon-2022-content h3, #vanloon-2022-content h4, #vanloon-2022-content h5, #vanloon-2022-content h6, #vanloon-2022-content p { color: #333; } } #vanloon-2022-case p.vanloon-2022-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) { #vanloon-2022-case p.vanloon-2022-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #vanloon-2022-case p.vanloon-2022-error { padding: 0; } } .vanloon-2022-open body { overflow: hidden; } .vanloon-2022-isMobileDevice .vanloon-2022-open body { max-width: 100%; max-height: 100%; } #vanloon-2022-info { position: absolute; padding-top: 15px; } #vanloon-2022-info #vanloon-2022-title, #vanloon-2022-info #vanloon-2022-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #vanloon-2022-info #vanloon-2022-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #vanloon-2022-info #vanloon-2022-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #vanloon-2022-info #vanloon-2022-caption { clear: both; font-size: 13px; color: #aaa; } #vanloon-2022-info #vanloon-2022-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .vanloon-2022-fullScreenMode #vanloon-2022-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]) #vanloon-2022-info { position: static; } } #vanloon-2022-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: vanloon-2022-spin 0.5s infinite linear; -moz-animation: vanloon-2022-spin 0.5s infinite linear; -o-animation: vanloon-2022-spin 0.5s infinite linear; animation: vanloon-2022-spin 0.5s infinite linear; } #vanloon-2022-loading, #vanloon-2022-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; } #vanloon-2022-loading > span { display: inline-block; text-indent: -9999px; } a[class*='vanloon-2022-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*='vanloon-2022-icon-'], a[class*='vanloon-2022-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*='vanloon-2022-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='vanloon-2022-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .vanloon-2022-isMobileDevice a[class*='vanloon-2022-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='vanloon-2022-icon-'].vanloon-2022-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='vanloon-2022-icon-'].vanloon-2022-icon-prev { left: 15px; } a[class*='vanloon-2022-icon-'].vanloon-2022-icon-next { right: 15px; } a[class*='vanloon-2022-icon-'].vanloon-2022-icon-pause, a[class*='vanloon-2022-icon-'].vanloon-2022-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='vanloon-2022-icon-'].vanloon-2022-icon-pause, a[class*='vanloon-2022-icon-'].vanloon-2022-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='vanloon-2022-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='vanloon-2022-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='vanloon-2022-icon-']:hover, #vanloon-2022-case:hover ~ a[class*='vanloon-2022-icon-'] { opacity: 1; } } #vanloon-2022-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) { #vanloon-2022-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='vanloon-2022-icon-'], a[class*='vanloon-2022-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='vanloon-2022-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*='vanloon-2022-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #vanloon-2022-content img { width: auto; height: auto; } #vanloon-2022-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #vanloon-2022-info #vanloon-2022-sequenceInfo, #vanloon-2022-info #vanloon-2022-title, #vanloon-2022-info #vanloon-2022-caption { color: rgba(170, 170, 170, 1.00); } #vanloon-2022-info #vanloon-2022-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vanloon-2022-info #vanloon-2022-caption { } /* @end */ /* Social icons in the lightbox */ #social-vanloon-2022 { 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-vanloon-2022 { display: block; } } #social-vanloon-2022 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-vanloon-2022 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-vanloon-2022 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #vanloon-2022-content, html[data-lc-type=video] #vanloon-2022-content { background: transparent; } } #vanloon-2022-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158958 { margin: 20px 0px 40px 0px; } #stacks_in_159027 .poster-date { display: none !important; } #stacks_in_159027 .blog-entry-author { display: none !important; } #stacks_in_158959 { margin: 0px 0px 20px 0px; } #stacks_in_159036 { padding: 20px; } #stacks_in_159031 { margin: 20px 0px 20px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #exhibition-hannah-p-2022 { display: block; width: 100%; text-align: center; } #exhibition-hannah-p-2022 li.proGalleryItem { -webkit-transform: translateZ(0); } #exhibition-hannah-p-2022 ul#proGalleryThumbsstacks_in_159033 { padding: 0; margin: 0; list-style: none; } #exhibition-hannah-p-2022 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #exhibition-hannah-p-2022 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #exhibition-hannah-p-2022 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #exhibition-hannah-p-2022 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 */ #exhibition-hannah-p-2022 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; } /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2022 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #exhibition-hannah-p-2022 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #exhibition-hannah-p-2022 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #exhibition-hannah-p-2022 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #exhibition-hannah-p-2022 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #exhibition-hannah-p-2022 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2022 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2022 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #exhibition-hannah-p-2022.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #exhibition-hannah-p-2022.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #exhibition-hannah-p-2022.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #exhibition-hannah-p-2022.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2022.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #exhibition-hannah-p-2022.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #exhibition-hannah-p-2022.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2022.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; } #exhibition-hannah-p-2022.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2022.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2022.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #exhibition-hannah-p-2022.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2022 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2022 li .proGalleryItemInner { overflow: hidden; } #exhibition-hannah-p-2022 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 */ } #exhibition-hannah-p-2022 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='exhibition-hannah-p-2022-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 */ .exhibition-hannah-p-2022-icon-play:before { content: '\e800'; } .exhibition-hannah-p-2022-icon-pause:before { content: '\e801'; } .exhibition-hannah-p-2022-icon-close:before { content: '\e802'; } .exhibition-hannah-p-2022-icon-prev:before { content: '\e803'; } .exhibition-hannah-p-2022-icon-next:before { content: '\e804'; } .exhibition-hannah-p-2022-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 exhibition-hannah-p-2022-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 exhibition-hannah-p-2022-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 exhibition-hannah-p-2022-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 exhibition-hannah-p-2022-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 exhibition-hannah-p-2022-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); } } #exhibition-hannah-p-2022-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] #exhibition-hannah-p-2022-case, html[data-lc-type=ajax] #exhibition-hannah-p-2022-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]) #exhibition-hannah-p-2022-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] #exhibition-hannah-p-2022-content, html[data-lc-type=video] #exhibition-hannah-p-2022-content { background-color: #333; } } html[data-lc-type=inline] #exhibition-hannah-p-2022-content, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content, html[data-lc-type=error] #exhibition-hannah-p-2022-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] #exhibition-hannah-p-2022-content, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content, html[data-lc-type=error] #exhibition-hannah-p-2022-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] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-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] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner { padding: 15px; } html[data-lc-type=inline] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=inline] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > *, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > *, html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > *:not(iframe), html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > *:not(iframe), html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.exhibition-hannah-p-2022-isMobileDevice[data-lc-type=iframe] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner, html[data-lc-type=video] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner { line-height: 0.75; } } html[data-lc-type=image] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner .exhibition-hannah-p-2022-inlineWrap, html[data-lc-type=ajax] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner .exhibition-hannah-p-2022-inlineWrap, html[data-lc-type=error] #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner .exhibition-hannah-p-2022-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]) #exhibition-hannah-p-2022-content .exhibition-hannah-p-2022-contentInner .exhibition-hannah-p-2022-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) { #exhibition-hannah-p-2022-content h1, #exhibition-hannah-p-2022-content h2, #exhibition-hannah-p-2022-content h3, #exhibition-hannah-p-2022-content h4, #exhibition-hannah-p-2022-content h5, #exhibition-hannah-p-2022-content h6, #exhibition-hannah-p-2022-content p { color: #aaa; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2022-content h1, #exhibition-hannah-p-2022-content h2, #exhibition-hannah-p-2022-content h3, #exhibition-hannah-p-2022-content h4, #exhibition-hannah-p-2022-content h5, #exhibition-hannah-p-2022-content h6, #exhibition-hannah-p-2022-content p { color: #333; } } #exhibition-hannah-p-2022-case p.exhibition-hannah-p-2022-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) { #exhibition-hannah-p-2022-case p.exhibition-hannah-p-2022-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2022-case p.exhibition-hannah-p-2022-error { padding: 0; } } .exhibition-hannah-p-2022-open body { overflow: hidden; } .exhibition-hannah-p-2022-isMobileDevice .exhibition-hannah-p-2022-open body { max-width: 100%; max-height: 100%; } #exhibition-hannah-p-2022-info { position: absolute; padding-top: 15px; } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-title, #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-caption { clear: both; font-size: 13px; color: #aaa; } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .exhibition-hannah-p-2022-fullScreenMode #exhibition-hannah-p-2022-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]) #exhibition-hannah-p-2022-info { position: static; } } #exhibition-hannah-p-2022-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: exhibition-hannah-p-2022-spin 0.5s infinite linear; -moz-animation: exhibition-hannah-p-2022-spin 0.5s infinite linear; -o-animation: exhibition-hannah-p-2022-spin 0.5s infinite linear; animation: exhibition-hannah-p-2022-spin 0.5s infinite linear; } #exhibition-hannah-p-2022-loading, #exhibition-hannah-p-2022-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; } #exhibition-hannah-p-2022-loading > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2022-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*='exhibition-hannah-p-2022-icon-'], a[class*='exhibition-hannah-p-2022-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*='exhibition-hannah-p-2022-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2022-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .exhibition-hannah-p-2022-isMobileDevice a[class*='exhibition-hannah-p-2022-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-prev { left: 15px; } a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-next { right: 15px; } a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-pause, a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-pause, a[class*='exhibition-hannah-p-2022-icon-'].exhibition-hannah-p-2022-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2022-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2022-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='exhibition-hannah-p-2022-icon-']:hover, #exhibition-hannah-p-2022-case:hover ~ a[class*='exhibition-hannah-p-2022-icon-'] { opacity: 1; } } #exhibition-hannah-p-2022-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) { #exhibition-hannah-p-2022-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='exhibition-hannah-p-2022-icon-'], a[class*='exhibition-hannah-p-2022-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2022-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*='exhibition-hannah-p-2022-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2022-content img { width: auto; height: auto; } #exhibition-hannah-p-2022-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-sequenceInfo, #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-title, #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-caption { color: rgba(170, 170, 170, 1.00); } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2022-info #exhibition-hannah-p-2022-caption { } /* @end */ /* Social icons in the lightbox */ #social-exhibition-hannah-p-2022 { 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-exhibition-hannah-p-2022 { display: block; } } #social-exhibition-hannah-p-2022 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-exhibition-hannah-p-2022 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-exhibition-hannah-p-2022 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-exhibition-hannah-p-2022 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2022-content, html[data-lc-type=video] #exhibition-hannah-p-2022-content { background: transparent; } } #exhibition-hannah-p-2022-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159033 { margin: 20px 0px 0px 0px; } #stacks_in_159041 .poster-date { display: none !important; } #stacks_in_159041 .blog-entry-author { display: none !important; } #stacks_in_159052 { margin: 0px 0px 20px 0px; } #stacks_in_159049 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159047 { padding: 20px 0px 0px 0px; } #stacks_in_159055 .poster-date { display: none !important; } #stacks_in_159055 .blog-entry-author { display: none !important; } #stacks_in_159070 { margin: 0px 0px 20px 0px; } #stacks_in_159067 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159056>.s3_row { margin: 0 -10px; } #stacks_in_159056>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159056>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159056>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159056>.s3_row { margin: -10px 0; } #stacks_in_159056>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159065 { padding: 20px 0px 0px 0px; } #stacks_in_159073 .poster-date { display: none !important; } #stacks_in_159073 .blog-entry-author { display: none !important; } #stacks_in_159092 { margin: 0px 0px 20px 0px; } #stacks_in_159089 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159074>.s3_row { margin: 0 -10px; } #stacks_in_159074>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159074>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159074>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159074>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159074>.s3_row { margin: -10px 0; } #stacks_in_159074>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159087 { padding: 20px 0px 0px 0px; } #stacks_in_159095 .poster-date { display: none !important; } #stacks_in_159095 .blog-entry-author { display: none !important; } #stacks_in_159107 { margin: 0px 0px 20px 0px; } #stacks_in_159104 { padding: 20px; } #stacks_in_159099 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #continuum-all { display: block; width: 100%; text-align: center; } #continuum-all li.proGalleryItem { -webkit-transform: translateZ(0); } #continuum-all ul#proGalleryThumbsstacks_in_159101 { padding: 0; margin: 0; list-style: none; } #continuum-all li.proGalleryItem { margin: 0; padding: 0; position: relative; } #continuum-all li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #continuum-all li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #continuum-all 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 */ #continuum-all 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; } /* */ /* */ /* */ /* */ /* */ /* */ #continuum-all { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #continuum-all { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #continuum-all { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #continuum-all { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #continuum-all li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #continuum-all .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #continuum-all .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-all .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #continuum-all.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #continuum-all.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #continuum-all.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #continuum-all.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #continuum-all.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #continuum-all.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #continuum-all.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #continuum-all.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; } #continuum-all.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #continuum-all.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #continuum-all.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #continuum-all.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #continuum-all li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #continuum-all li .proGalleryItemInner { overflow: hidden; } #continuum-all 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 */ } #continuum-all 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='continuum-all-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 */ .continuum-all-icon-play:before { content: '\e800'; } .continuum-all-icon-pause:before { content: '\e801'; } .continuum-all-icon-close:before { content: '\e802'; } .continuum-all-icon-prev:before { content: '\e803'; } .continuum-all-icon-next:before { content: '\e804'; } .continuum-all-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 continuum-all-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 continuum-all-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 continuum-all-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 continuum-all-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 continuum-all-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); } } #continuum-all-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] #continuum-all-case, html[data-lc-type=ajax] #continuum-all-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]) #continuum-all-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] #continuum-all-content, html[data-lc-type=video] #continuum-all-content { background-color: #333; } } html[data-lc-type=inline] #continuum-all-content, html[data-lc-type=ajax] #continuum-all-content, html[data-lc-type=error] #continuum-all-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] #continuum-all-content, html[data-lc-type=ajax] #continuum-all-content, html[data-lc-type=error] #continuum-all-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] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=error] #continuum-all-content .continuum-all-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] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=error] #continuum-all-content .continuum-all-contentInner { padding: 15px; } html[data-lc-type=inline] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=inline] #continuum-all-content .continuum-all-contentInner > *, html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner > *, html[data-lc-type=error] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=error] #continuum-all-content .continuum-all-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #continuum-all-content .continuum-all-contentInner > *:not(iframe), html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner > *:not(iframe), html[data-lc-type=error] #continuum-all-content .continuum-all-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.continuum-all-isMobileDevice[data-lc-type=iframe] #continuum-all-content .continuum-all-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #continuum-all-content .continuum-all-contentInner, html[data-lc-type=video] #continuum-all-content .continuum-all-contentInner { line-height: 0.75; } } html[data-lc-type=image] #continuum-all-content .continuum-all-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-all-content .continuum-all-contentInner .continuum-all-inlineWrap, html[data-lc-type=ajax] #continuum-all-content .continuum-all-contentInner .continuum-all-inlineWrap, html[data-lc-type=error] #continuum-all-content .continuum-all-contentInner .continuum-all-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]) #continuum-all-content .continuum-all-contentInner .continuum-all-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) { #continuum-all-content h1, #continuum-all-content h2, #continuum-all-content h3, #continuum-all-content h4, #continuum-all-content h5, #continuum-all-content h6, #continuum-all-content p { color: #aaa; } } @media screen and (min-width: 641px) { #continuum-all-content h1, #continuum-all-content h2, #continuum-all-content h3, #continuum-all-content h4, #continuum-all-content h5, #continuum-all-content h6, #continuum-all-content p { color: #333; } } #continuum-all-case p.continuum-all-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) { #continuum-all-case p.continuum-all-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #continuum-all-case p.continuum-all-error { padding: 0; } } .continuum-all-open body { overflow: hidden; } .continuum-all-isMobileDevice .continuum-all-open body { max-width: 100%; max-height: 100%; } #continuum-all-info { position: absolute; padding-top: 15px; } #continuum-all-info #continuum-all-title, #continuum-all-info #continuum-all-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #continuum-all-info #continuum-all-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #continuum-all-info #continuum-all-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #continuum-all-info #continuum-all-caption { clear: both; font-size: 13px; color: #aaa; } #continuum-all-info #continuum-all-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .continuum-all-fullScreenMode #continuum-all-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]) #continuum-all-info { position: static; } } #continuum-all-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: continuum-all-spin 0.5s infinite linear; -moz-animation: continuum-all-spin 0.5s infinite linear; -o-animation: continuum-all-spin 0.5s infinite linear; animation: continuum-all-spin 0.5s infinite linear; } #continuum-all-loading, #continuum-all-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; } #continuum-all-loading > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-all-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*='continuum-all-icon-'], a[class*='continuum-all-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*='continuum-all-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-all-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .continuum-all-isMobileDevice a[class*='continuum-all-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='continuum-all-icon-'].continuum-all-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='continuum-all-icon-'].continuum-all-icon-prev { left: 15px; } a[class*='continuum-all-icon-'].continuum-all-icon-next { right: 15px; } a[class*='continuum-all-icon-'].continuum-all-icon-pause, a[class*='continuum-all-icon-'].continuum-all-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='continuum-all-icon-'].continuum-all-icon-pause, a[class*='continuum-all-icon-'].continuum-all-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='continuum-all-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='continuum-all-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='continuum-all-icon-']:hover, #continuum-all-case:hover ~ a[class*='continuum-all-icon-'] { opacity: 1; } } #continuum-all-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) { #continuum-all-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='continuum-all-icon-'], a[class*='continuum-all-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='continuum-all-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*='continuum-all-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #continuum-all-content img { width: auto; height: auto; } #continuum-all-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #continuum-all-info #continuum-all-sequenceInfo, #continuum-all-info #continuum-all-title, #continuum-all-info #continuum-all-caption { color: rgba(170, 170, 170, 1.00); } #continuum-all-info #continuum-all-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-all-info #continuum-all-caption { } /* @end */ /* Social icons in the lightbox */ #social-continuum-all { 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-continuum-all { display: block; } } #social-continuum-all 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-continuum-all a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-continuum-all a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-continuum-all a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #continuum-all-content, html[data-lc-type=video] #continuum-all-content { background: transparent; } } #continuum-all-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159101 { margin: 20px 0px 0px 0px; } #stacks_in_159110 .poster-date { display: none !important; } #stacks_in_159110 .blog-entry-author { display: none !important; } #stacks_in_159129 { margin: 0px 0px 20px 0px; } #stacks_in_159126 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159111>.s3_row { margin: 0 -10px; } #stacks_in_159111>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159111>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159111>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159111>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159111>.s3_row { margin: -10px 0; } #stacks_in_159111>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159111 { margin: 20px 0px 0px 0px; } #stacks_in_159124 { padding: 20px 0px 0px 0px; } #stacks_in_159132 .poster-date { display: none !important; } #stacks_in_159132 .blog-entry-author { display: none !important; } #stacks_in_158961 { margin: 0px 0px 20px 0px; } #stacks_in_159139 { padding: 20px; } #stacks_in_158962 { margin: 0px 0px 20px 0px; } #stacks_in_159137 { padding: 20px; } #stacks_in_159144 .poster-date { display: none !important; } #stacks_in_159144 .blog-entry-author { display: none !important; } #stacks_in_158963 { margin: 0px 0px 20px 0px; } #stacks_in_159181 { padding: 20px; } #stacks_in_159148>.s3_row { margin: 0 -10px; } #stacks_in_159148>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159148>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159148>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159148>.s3_row { margin: -10px 0; } #stacks_in_159148>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159152 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159149 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159157>.s3_row { margin: 0 -10px; } #stacks_in_159157>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159157>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159157>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159157>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159157>.s3_row { margin: -10px 0; } #stacks_in_159157>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159157 { margin: 20px 0px 0px 0px; } #stacks_in_159166>.s3_row { margin: 0 -10px; } #stacks_in_159166>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159166>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159166>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159166>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159166>.s3_row { margin: -10px 0; } #stacks_in_159166>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159166 { margin: 20px 0px 0px 0px; } #stacks_in_159179 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159174 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159169 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159186 .poster-date { display: none !important; } #stacks_in_159186 .blog-entry-author { display: none !important; } #stacks_in_158966 { margin: 0px 0px 20px 0px; } #stacks_in_159213 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159190 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159192 { margin: 0px 0px 20px 0px; } #stacks_in_159196>.s3_row { margin: 0 -10px; } #stacks_in_159196>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159196>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159196>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159196>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159196>.s3_row { margin: -10px 0; } #stacks_in_159196>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159196 { margin: 20px 0px 0px 0px; } #stacks_in_159202 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159205 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159200 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159215 .poster-date { display: none !important; } #stacks_in_159215 .blog-entry-author { display: none !important; } #stacks_in_158967 { margin: 0px 0px 20px 0px; } #stacks_in_159222 { padding: 20px; } #stacks_in_158968 { margin: 0px 0px 20px 0px; } #stacks_in_159220 { padding: 20px; } #stacks_in_159227 .poster-date { display: none !important; } #stacks_in_159227 .blog-entry-author { display: none !important; } #stacks_in_158969 { margin: 0px 0px 20px 0px; } #stacks_in_159236 { padding: 20px; } #stacks_in_159231 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #exhibition-hannah-p-2021 { display: block; width: 100%; text-align: center; } #exhibition-hannah-p-2021 li.proGalleryItem { -webkit-transform: translateZ(0); } #exhibition-hannah-p-2021 ul#proGalleryThumbsstacks_in_159233 { padding: 0; margin: 0; list-style: none; } #exhibition-hannah-p-2021 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #exhibition-hannah-p-2021 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #exhibition-hannah-p-2021 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #exhibition-hannah-p-2021 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 */ #exhibition-hannah-p-2021 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; } /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2021 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #exhibition-hannah-p-2021 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #exhibition-hannah-p-2021 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #exhibition-hannah-p-2021 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #exhibition-hannah-p-2021 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #exhibition-hannah-p-2021 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2021 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2021 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #exhibition-hannah-p-2021.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #exhibition-hannah-p-2021.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #exhibition-hannah-p-2021.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #exhibition-hannah-p-2021.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2021.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #exhibition-hannah-p-2021.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #exhibition-hannah-p-2021.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2021.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; } #exhibition-hannah-p-2021.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2021.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2021.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #exhibition-hannah-p-2021.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2021 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2021 li .proGalleryItemInner { overflow: hidden; } #exhibition-hannah-p-2021 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 */ } #exhibition-hannah-p-2021 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='exhibition-hannah-p-2021-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 */ .exhibition-hannah-p-2021-icon-play:before { content: '\e800'; } .exhibition-hannah-p-2021-icon-pause:before { content: '\e801'; } .exhibition-hannah-p-2021-icon-close:before { content: '\e802'; } .exhibition-hannah-p-2021-icon-prev:before { content: '\e803'; } .exhibition-hannah-p-2021-icon-next:before { content: '\e804'; } .exhibition-hannah-p-2021-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 exhibition-hannah-p-2021-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 exhibition-hannah-p-2021-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 exhibition-hannah-p-2021-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 exhibition-hannah-p-2021-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 exhibition-hannah-p-2021-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); } } #exhibition-hannah-p-2021-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] #exhibition-hannah-p-2021-case, html[data-lc-type=ajax] #exhibition-hannah-p-2021-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]) #exhibition-hannah-p-2021-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] #exhibition-hannah-p-2021-content, html[data-lc-type=video] #exhibition-hannah-p-2021-content { background-color: #333; } } html[data-lc-type=inline] #exhibition-hannah-p-2021-content, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content, html[data-lc-type=error] #exhibition-hannah-p-2021-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] #exhibition-hannah-p-2021-content, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content, html[data-lc-type=error] #exhibition-hannah-p-2021-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] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-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] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner { padding: 15px; } html[data-lc-type=inline] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=inline] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > *, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > *, html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > *:not(iframe), html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > *:not(iframe), html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.exhibition-hannah-p-2021-isMobileDevice[data-lc-type=iframe] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner, html[data-lc-type=video] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner { line-height: 0.75; } } html[data-lc-type=image] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner .exhibition-hannah-p-2021-inlineWrap, html[data-lc-type=ajax] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner .exhibition-hannah-p-2021-inlineWrap, html[data-lc-type=error] #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner .exhibition-hannah-p-2021-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]) #exhibition-hannah-p-2021-content .exhibition-hannah-p-2021-contentInner .exhibition-hannah-p-2021-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) { #exhibition-hannah-p-2021-content h1, #exhibition-hannah-p-2021-content h2, #exhibition-hannah-p-2021-content h3, #exhibition-hannah-p-2021-content h4, #exhibition-hannah-p-2021-content h5, #exhibition-hannah-p-2021-content h6, #exhibition-hannah-p-2021-content p { color: #aaa; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2021-content h1, #exhibition-hannah-p-2021-content h2, #exhibition-hannah-p-2021-content h3, #exhibition-hannah-p-2021-content h4, #exhibition-hannah-p-2021-content h5, #exhibition-hannah-p-2021-content h6, #exhibition-hannah-p-2021-content p { color: #333; } } #exhibition-hannah-p-2021-case p.exhibition-hannah-p-2021-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) { #exhibition-hannah-p-2021-case p.exhibition-hannah-p-2021-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2021-case p.exhibition-hannah-p-2021-error { padding: 0; } } .exhibition-hannah-p-2021-open body { overflow: hidden; } .exhibition-hannah-p-2021-isMobileDevice .exhibition-hannah-p-2021-open body { max-width: 100%; max-height: 100%; } #exhibition-hannah-p-2021-info { position: absolute; padding-top: 15px; } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-title, #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-caption { clear: both; font-size: 13px; color: #aaa; } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .exhibition-hannah-p-2021-fullScreenMode #exhibition-hannah-p-2021-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]) #exhibition-hannah-p-2021-info { position: static; } } #exhibition-hannah-p-2021-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: exhibition-hannah-p-2021-spin 0.5s infinite linear; -moz-animation: exhibition-hannah-p-2021-spin 0.5s infinite linear; -o-animation: exhibition-hannah-p-2021-spin 0.5s infinite linear; animation: exhibition-hannah-p-2021-spin 0.5s infinite linear; } #exhibition-hannah-p-2021-loading, #exhibition-hannah-p-2021-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; } #exhibition-hannah-p-2021-loading > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2021-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*='exhibition-hannah-p-2021-icon-'], a[class*='exhibition-hannah-p-2021-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*='exhibition-hannah-p-2021-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2021-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .exhibition-hannah-p-2021-isMobileDevice a[class*='exhibition-hannah-p-2021-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-prev { left: 15px; } a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-next { right: 15px; } a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-pause, a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-pause, a[class*='exhibition-hannah-p-2021-icon-'].exhibition-hannah-p-2021-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2021-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2021-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='exhibition-hannah-p-2021-icon-']:hover, #exhibition-hannah-p-2021-case:hover ~ a[class*='exhibition-hannah-p-2021-icon-'] { opacity: 1; } } #exhibition-hannah-p-2021-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) { #exhibition-hannah-p-2021-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='exhibition-hannah-p-2021-icon-'], a[class*='exhibition-hannah-p-2021-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2021-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*='exhibition-hannah-p-2021-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2021-content img { width: auto; height: auto; } #exhibition-hannah-p-2021-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-sequenceInfo, #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-title, #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-caption { color: rgba(170, 170, 170, 1.00); } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2021-info #exhibition-hannah-p-2021-caption { } /* @end */ /* Social icons in the lightbox */ #social-exhibition-hannah-p-2021 { 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-exhibition-hannah-p-2021 { display: block; } } #social-exhibition-hannah-p-2021 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-exhibition-hannah-p-2021 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-exhibition-hannah-p-2021 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-exhibition-hannah-p-2021 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2021-content, html[data-lc-type=video] #exhibition-hannah-p-2021-content { background: transparent; } } #exhibition-hannah-p-2021-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159233 { margin: 20px 0px 0px 0px; } #stacks_in_159241 .poster-date { display: none !important; } #stacks_in_159241 .blog-entry-author { display: none !important; } #stacks_in_158970 { margin: 0px 0px 20px 0px; } #stacks_in_159259 { padding: 20px; } #stacks_in_159245>.s3_row { margin: 0 -10px; } #stacks_in_159245>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159245>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159245>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159245>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159245>.s3_row { margin: -10px 0; } #stacks_in_159245>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159245 { margin: 20px 0px 0px 0px; } #stacks_in_159249 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159257 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159264 .poster-date { display: none !important; } #stacks_in_159264 .blog-entry-author { display: none !important; } #stacks_in_158971 { margin: 0px 0px 20px 0px; } #stacks_in_159295 { padding: 20px; } #stacks_in_159268>.s3_row { margin: 0 -10px; } #stacks_in_159268>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159268>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159268>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159268>.s3_row { margin: -10px 0; } #stacks_in_159268>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159273 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #uTubestacks_in_159269 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_159269 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: #000000; border: none; box-shadow: none; outline: none; } #stacks_in_159269 { margin: 0px 0px 20px 0px; } #stacks_in_159270 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #exhibition-the_walled_garden_Moreton-2021 { display: block; width: 100%; text-align: center; } #exhibition-the_walled_garden_Moreton-2021 li.proGalleryItem { -webkit-transform: translateZ(0); } #exhibition-the_walled_garden_Moreton-2021 ul#proGalleryThumbsstacks_in_159276 { padding: 0; margin: 0; list-style: none; } #exhibition-the_walled_garden_Moreton-2021 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #exhibition-the_walled_garden_Moreton-2021 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #exhibition-the_walled_garden_Moreton-2021 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #exhibition-the_walled_garden_Moreton-2021 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 */ #exhibition-the_walled_garden_Moreton-2021 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; } /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-the_walled_garden_Moreton-2021 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #exhibition-the_walled_garden_Moreton-2021 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #exhibition-the_walled_garden_Moreton-2021 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #exhibition-the_walled_garden_Moreton-2021 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #exhibition-the_walled_garden_Moreton-2021 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #exhibition-the_walled_garden_Moreton-2021 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #exhibition-the_walled_garden_Moreton-2021 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-the_walled_garden_Moreton-2021 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #exhibition-the_walled_garden_Moreton-2021.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #exhibition-the_walled_garden_Moreton-2021.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #exhibition-the_walled_garden_Moreton-2021.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #exhibition-the_walled_garden_Moreton-2021.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #exhibition-the_walled_garden_Moreton-2021.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; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #exhibition-the_walled_garden_Moreton-2021.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #exhibition-the_walled_garden_Moreton-2021 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-the_walled_garden_Moreton-2021 li .proGalleryItemInner { overflow: hidden; } #exhibition-the_walled_garden_Moreton-2021 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 */ } #exhibition-the_walled_garden_Moreton-2021 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='exhibition-the_walled_garden_Moreton-2021-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 */ .exhibition-the_walled_garden_Moreton-2021-icon-play:before { content: '\e800'; } .exhibition-the_walled_garden_Moreton-2021-icon-pause:before { content: '\e801'; } .exhibition-the_walled_garden_Moreton-2021-icon-close:before { content: '\e802'; } .exhibition-the_walled_garden_Moreton-2021-icon-prev:before { content: '\e803'; } .exhibition-the_walled_garden_Moreton-2021-icon-next:before { content: '\e804'; } .exhibition-the_walled_garden_Moreton-2021-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 exhibition-the_walled_garden_Moreton-2021-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 exhibition-the_walled_garden_Moreton-2021-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 exhibition-the_walled_garden_Moreton-2021-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 exhibition-the_walled_garden_Moreton-2021-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 exhibition-the_walled_garden_Moreton-2021-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); } } #exhibition-the_walled_garden_Moreton-2021-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] #exhibition-the_walled_garden_Moreton-2021-case, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-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]) #exhibition-the_walled_garden_Moreton-2021-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] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=video] #exhibition-the_walled_garden_Moreton-2021-content { background-color: #333; } } html[data-lc-type=inline] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-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] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-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] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-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] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner { padding: 15px; } html[data-lc-type=inline] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=inline] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > *, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > *, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > *:not(iframe), html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > *:not(iframe), html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.exhibition-the_walled_garden_Moreton-2021-isMobileDevice[data-lc-type=iframe] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner, html[data-lc-type=video] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner { line-height: 0.75; } } html[data-lc-type=image] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner .exhibition-the_walled_garden_Moreton-2021-inlineWrap, html[data-lc-type=ajax] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner .exhibition-the_walled_garden_Moreton-2021-inlineWrap, html[data-lc-type=error] #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner .exhibition-the_walled_garden_Moreton-2021-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]) #exhibition-the_walled_garden_Moreton-2021-content .exhibition-the_walled_garden_Moreton-2021-contentInner .exhibition-the_walled_garden_Moreton-2021-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) { #exhibition-the_walled_garden_Moreton-2021-content h1, #exhibition-the_walled_garden_Moreton-2021-content h2, #exhibition-the_walled_garden_Moreton-2021-content h3, #exhibition-the_walled_garden_Moreton-2021-content h4, #exhibition-the_walled_garden_Moreton-2021-content h5, #exhibition-the_walled_garden_Moreton-2021-content h6, #exhibition-the_walled_garden_Moreton-2021-content p { color: #aaa; } } @media screen and (min-width: 641px) { #exhibition-the_walled_garden_Moreton-2021-content h1, #exhibition-the_walled_garden_Moreton-2021-content h2, #exhibition-the_walled_garden_Moreton-2021-content h3, #exhibition-the_walled_garden_Moreton-2021-content h4, #exhibition-the_walled_garden_Moreton-2021-content h5, #exhibition-the_walled_garden_Moreton-2021-content h6, #exhibition-the_walled_garden_Moreton-2021-content p { color: #333; } } #exhibition-the_walled_garden_Moreton-2021-case p.exhibition-the_walled_garden_Moreton-2021-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) { #exhibition-the_walled_garden_Moreton-2021-case p.exhibition-the_walled_garden_Moreton-2021-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #exhibition-the_walled_garden_Moreton-2021-case p.exhibition-the_walled_garden_Moreton-2021-error { padding: 0; } } .exhibition-the_walled_garden_Moreton-2021-open body { overflow: hidden; } .exhibition-the_walled_garden_Moreton-2021-isMobileDevice .exhibition-the_walled_garden_Moreton-2021-open body { max-width: 100%; max-height: 100%; } #exhibition-the_walled_garden_Moreton-2021-info { position: absolute; padding-top: 15px; } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-title, #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-caption { clear: both; font-size: 13px; color: #aaa; } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .exhibition-the_walled_garden_Moreton-2021-fullScreenMode #exhibition-the_walled_garden_Moreton-2021-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]) #exhibition-the_walled_garden_Moreton-2021-info { position: static; } } #exhibition-the_walled_garden_Moreton-2021-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: exhibition-the_walled_garden_Moreton-2021-spin 0.5s infinite linear; -moz-animation: exhibition-the_walled_garden_Moreton-2021-spin 0.5s infinite linear; -o-animation: exhibition-the_walled_garden_Moreton-2021-spin 0.5s infinite linear; animation: exhibition-the_walled_garden_Moreton-2021-spin 0.5s infinite linear; } #exhibition-the_walled_garden_Moreton-2021-loading, #exhibition-the_walled_garden_Moreton-2021-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; } #exhibition-the_walled_garden_Moreton-2021-loading > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-the_walled_garden_Moreton-2021-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*='exhibition-the_walled_garden_Moreton-2021-icon-'], a[class*='exhibition-the_walled_garden_Moreton-2021-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*='exhibition-the_walled_garden_Moreton-2021-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .exhibition-the_walled_garden_Moreton-2021-isMobileDevice a[class*='exhibition-the_walled_garden_Moreton-2021-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-prev { left: 15px; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-next { right: 15px; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-pause, a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-pause, a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'].exhibition-the_walled_garden_Moreton-2021-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='exhibition-the_walled_garden_Moreton-2021-icon-']:hover, #exhibition-the_walled_garden_Moreton-2021-case:hover ~ a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'] { opacity: 1; } } #exhibition-the_walled_garden_Moreton-2021-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) { #exhibition-the_walled_garden_Moreton-2021-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='exhibition-the_walled_garden_Moreton-2021-icon-'], a[class*='exhibition-the_walled_garden_Moreton-2021-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='exhibition-the_walled_garden_Moreton-2021-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*='exhibition-the_walled_garden_Moreton-2021-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #exhibition-the_walled_garden_Moreton-2021-content img { width: auto; height: auto; } #exhibition-the_walled_garden_Moreton-2021-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-sequenceInfo, #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-title, #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-caption { color: rgba(170, 170, 170, 1.00); } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-the_walled_garden_Moreton-2021-info #exhibition-the_walled_garden_Moreton-2021-caption { } /* @end */ /* Social icons in the lightbox */ #social-exhibition-the_walled_garden_Moreton-2021 { 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-exhibition-the_walled_garden_Moreton-2021 { display: block; } } #social-exhibition-the_walled_garden_Moreton-2021 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-exhibition-the_walled_garden_Moreton-2021 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-exhibition-the_walled_garden_Moreton-2021 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-exhibition-the_walled_garden_Moreton-2021 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #exhibition-the_walled_garden_Moreton-2021-content, html[data-lc-type=video] #exhibition-the_walled_garden_Moreton-2021-content { background: transparent; } } #exhibition-the_walled_garden_Moreton-2021-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159276 { margin: 20px 0px 0px 0px; } #stacks_in_159279>.s3_row { margin: 0 -10px; } #stacks_in_159279>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159279>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159279>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159279>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159279>.s3_row { margin: -10px 0; } #stacks_in_159279>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159279 { margin: 20px 0px 0px 0px; } #stacks_in_159293 { margin: 20px 0px 0px 0px; } #stacks_in_159288 { margin: 20px 0px 0px 0px; } #stacks_in_159283 { margin: 20px 0px 0px 0px; } #stacks_in_159300 .poster-title { display: none !important; } #stacks_in_159300 .poster-date { display: none !important; } #stacks_in_159300 .poster-readmore { display: none !important; } #stacks_in_159300 .poster-back { display: none !important; } #stacks_in_159300 .blog-entry-author { display: none !important; } #stacks_in_158972 { margin: 0px 0px 20px 0px; } #stacks_in_159306 { margin: 20px; } #stacks_in_159309 .poster-date { display: none !important; } #stacks_in_159309 .blog-entry-author { display: none !important; } #stacks_in_158973 { margin: 0px 0px 20px 0px; } #stacks_in_159329 { padding: 20px; } #stacks_in_159313 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159315>.s3_row { margin: 0 -10px; } #stacks_in_159315>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159315>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159315>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159315>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159315>.s3_row { margin: -10px 0; } #stacks_in_159315>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159315 { margin: 20px 0px 0px 0px; } #stacks_in_159322 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159327 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159334 .poster-date { display: none !important; } #stacks_in_159334 .blog-entry-author { display: none !important; } #stacks_in_158974 { margin: 0px 0px 20px 0px; } #stacks_in_159343 { padding: 20px; } #stacks_in_159338_float { float:left; width:33%; } #stacks_in_159338 { padding: 20px; } #stacks_in_159340 { margin: 0px 20px 20px 0px; } #stacks_in_159348 .poster-date { display: none !important; } #stacks_in_159348 .blog-entry-author { display: none !important; } #stacks_in_159365 { padding: 20px; } #stacks_in_159352>.s3_row { margin: 0 -10px; } #stacks_in_159352>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_159352>.s3_row { margin: -10px; } #stacks_in_159352>.s3_row>.s3_column { padding: 10px; width:50%; } #stacks_in_159352>.s3_row>.s3_column_right { padding: 10px; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_159352>.s3_row { margin: -10px 0; } #stacks_in_159352>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159363 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159380 .poster-title { display: none !important; } #stacks_in_159380 .poster-date { display: none !important; } #stacks_in_159380 .poster-readmore { display: none !important; } #stacks_in_159380 .poster-back { display: none !important; } #stacks_in_159380 .blog-entry-author { display: none !important; } #stacks_in_158980 { margin: 0px 0px 20px 0px; } #stacks_in_159386 { padding: 20px; } #stacks_in_159388 .poster-date { display: none !important; } #stacks_in_159388 .blog-entry-author { display: none !important; } #stacks_in_159399 { margin: 0px 0px 20px 0px; } #stacks_in_159396 { padding: 20px; } #stacks_in_159392 { margin: 0px 0px 20px 0px; } #stacks_in_159394 { padding: 20px 0px 0px 0px; } #stacks_in_159402 .poster-title { display: none !important; } #stacks_in_159402 .poster-date { display: none !important; } #stacks_in_159402 .poster-readmore { display: none !important; } #stacks_in_159402 .poster-back { display: none !important; } #stacks_in_159402 .blog-entry-author { display: none !important; } #stacks_in_158981 { margin: 0px 0px 20px 0px; } #stacks_in_159408 { margin: 20px; } #stacks_in_159411 .poster-date { display: none !important; } #stacks_in_159411 .blog-entry-author { display: none !important; } #stacks_in_158982 { margin: 0px 0px 20px 0px; } #stacks_in_159419 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159415 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #doddington-2020 { display: block; width: 100%; text-align: center; } #doddington-2020 li.proGalleryItem { -webkit-transform: translateZ(0); } #doddington-2020 ul#proGalleryThumbsstacks_in_158983 { padding: 0; margin: 0; list-style: none; } #doddington-2020 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #doddington-2020 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #doddington-2020 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #doddington-2020 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 */ #doddington-2020 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; } /* */ /* */ /* */ /* */ /* */ /* */ #doddington-2020 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } @media screen and (min-width: 568px) { #doddington-2020 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 992px) { #doddington-2020 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 1200px) { #doddington-2020 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #doddington-2020 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #doddington-2020 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #doddington-2020 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #doddington-2020 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #doddington-2020.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #doddington-2020.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #doddington-2020.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #doddington-2020.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #doddington-2020.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #doddington-2020.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #doddington-2020.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #doddington-2020.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; } #doddington-2020.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #doddington-2020.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #doddington-2020.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #doddington-2020.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #doddington-2020 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #doddington-2020 li .proGalleryItemInner { overflow: hidden; } #doddington-2020 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 */ } #doddington-2020 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='doddington-2020-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 */ .doddington-2020-icon-play:before { content: '\e800'; } .doddington-2020-icon-pause:before { content: '\e801'; } .doddington-2020-icon-close:before { content: '\e802'; } .doddington-2020-icon-prev:before { content: '\e803'; } .doddington-2020-icon-next:before { content: '\e804'; } .doddington-2020-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 doddington-2020-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 doddington-2020-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 doddington-2020-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 doddington-2020-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 doddington-2020-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); } } #doddington-2020-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] #doddington-2020-case, html[data-lc-type=ajax] #doddington-2020-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]) #doddington-2020-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] #doddington-2020-content, html[data-lc-type=video] #doddington-2020-content { background-color: #333; } } html[data-lc-type=inline] #doddington-2020-content, html[data-lc-type=ajax] #doddington-2020-content, html[data-lc-type=error] #doddington-2020-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] #doddington-2020-content, html[data-lc-type=ajax] #doddington-2020-content, html[data-lc-type=error] #doddington-2020-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] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=error] #doddington-2020-content .doddington-2020-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] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=error] #doddington-2020-content .doddington-2020-contentInner { padding: 15px; } html[data-lc-type=inline] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=inline] #doddington-2020-content .doddington-2020-contentInner > *, html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner > *, html[data-lc-type=error] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=error] #doddington-2020-content .doddington-2020-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #doddington-2020-content .doddington-2020-contentInner > *:not(iframe), html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner > *:not(iframe), html[data-lc-type=error] #doddington-2020-content .doddington-2020-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.doddington-2020-isMobileDevice[data-lc-type=iframe] #doddington-2020-content .doddington-2020-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #doddington-2020-content .doddington-2020-contentInner, html[data-lc-type=video] #doddington-2020-content .doddington-2020-contentInner { line-height: 0.75; } } html[data-lc-type=image] #doddington-2020-content .doddington-2020-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #doddington-2020-content .doddington-2020-contentInner .doddington-2020-inlineWrap, html[data-lc-type=ajax] #doddington-2020-content .doddington-2020-contentInner .doddington-2020-inlineWrap, html[data-lc-type=error] #doddington-2020-content .doddington-2020-contentInner .doddington-2020-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]) #doddington-2020-content .doddington-2020-contentInner .doddington-2020-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) { #doddington-2020-content h1, #doddington-2020-content h2, #doddington-2020-content h3, #doddington-2020-content h4, #doddington-2020-content h5, #doddington-2020-content h6, #doddington-2020-content p { color: #aaa; } } @media screen and (min-width: 641px) { #doddington-2020-content h1, #doddington-2020-content h2, #doddington-2020-content h3, #doddington-2020-content h4, #doddington-2020-content h5, #doddington-2020-content h6, #doddington-2020-content p { color: #333; } } #doddington-2020-case p.doddington-2020-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) { #doddington-2020-case p.doddington-2020-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #doddington-2020-case p.doddington-2020-error { padding: 0; } } .doddington-2020-open body { overflow: hidden; } .doddington-2020-isMobileDevice .doddington-2020-open body { max-width: 100%; max-height: 100%; } #doddington-2020-info { position: absolute; padding-top: 15px; } #doddington-2020-info #doddington-2020-title, #doddington-2020-info #doddington-2020-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #doddington-2020-info #doddington-2020-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #doddington-2020-info #doddington-2020-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #doddington-2020-info #doddington-2020-caption { clear: both; font-size: 13px; color: #aaa; } #doddington-2020-info #doddington-2020-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .doddington-2020-fullScreenMode #doddington-2020-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]) #doddington-2020-info { position: static; } } #doddington-2020-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: doddington-2020-spin 0.5s infinite linear; -moz-animation: doddington-2020-spin 0.5s infinite linear; -o-animation: doddington-2020-spin 0.5s infinite linear; animation: doddington-2020-spin 0.5s infinite linear; } #doddington-2020-loading, #doddington-2020-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; } #doddington-2020-loading > span { display: inline-block; text-indent: -9999px; } a[class*='doddington-2020-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*='doddington-2020-icon-'], a[class*='doddington-2020-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*='doddington-2020-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='doddington-2020-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .doddington-2020-isMobileDevice a[class*='doddington-2020-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='doddington-2020-icon-'].doddington-2020-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='doddington-2020-icon-'].doddington-2020-icon-prev { left: 15px; } a[class*='doddington-2020-icon-'].doddington-2020-icon-next { right: 15px; } a[class*='doddington-2020-icon-'].doddington-2020-icon-pause, a[class*='doddington-2020-icon-'].doddington-2020-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='doddington-2020-icon-'].doddington-2020-icon-pause, a[class*='doddington-2020-icon-'].doddington-2020-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='doddington-2020-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='doddington-2020-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='doddington-2020-icon-']:hover, #doddington-2020-case:hover ~ a[class*='doddington-2020-icon-'] { opacity: 1; } } #doddington-2020-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) { #doddington-2020-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='doddington-2020-icon-'], a[class*='doddington-2020-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='doddington-2020-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*='doddington-2020-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #doddington-2020-content img { width: auto; height: auto; } #doddington-2020-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #doddington-2020-info #doddington-2020-sequenceInfo, #doddington-2020-info #doddington-2020-title, #doddington-2020-info #doddington-2020-caption { color: rgba(170, 170, 170, 1.00); } #doddington-2020-info #doddington-2020-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #doddington-2020-info #doddington-2020-caption { } /* @end */ /* Social icons in the lightbox */ #social-doddington-2020 { 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-doddington-2020 { display: block; } } #social-doddington-2020 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-doddington-2020 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-doddington-2020 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-doddington-2020 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #doddington-2020-content, html[data-lc-type=video] #doddington-2020-content { background: transparent; } } #doddington-2020-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158983 { margin: 20px 0px 0px 0px; } #stacks_in_159424 .poster-date { display: none !important; } #stacks_in_159424 .blog-entry-author { display: none !important; } #stacks_in_158984 { margin: 0px 0px 20px 0px; } #stacks_in_159433 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159428 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #exhibition-hannah-p-2020 { display: block; width: 100%; text-align: center; } #exhibition-hannah-p-2020 li.proGalleryItem { -webkit-transform: translateZ(0); } #exhibition-hannah-p-2020 ul#proGalleryThumbsstacks_in_159430 { padding: 0; margin: 0; list-style: none; } #exhibition-hannah-p-2020 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #exhibition-hannah-p-2020 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #exhibition-hannah-p-2020 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #exhibition-hannah-p-2020 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 */ #exhibition-hannah-p-2020 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; } /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2020 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #exhibition-hannah-p-2020 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #exhibition-hannah-p-2020 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #exhibition-hannah-p-2020 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #exhibition-hannah-p-2020 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #exhibition-hannah-p-2020 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2020 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2020 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #exhibition-hannah-p-2020.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #exhibition-hannah-p-2020.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #exhibition-hannah-p-2020.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #exhibition-hannah-p-2020.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2020.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #exhibition-hannah-p-2020.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #exhibition-hannah-p-2020.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2020.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; } #exhibition-hannah-p-2020.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2020.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #exhibition-hannah-p-2020.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #exhibition-hannah-p-2020.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #exhibition-hannah-p-2020 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #exhibition-hannah-p-2020 li .proGalleryItemInner { overflow: hidden; } #exhibition-hannah-p-2020 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 */ } #exhibition-hannah-p-2020 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='exhibition-hannah-p-2020-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 */ .exhibition-hannah-p-2020-icon-play:before { content: '\e800'; } .exhibition-hannah-p-2020-icon-pause:before { content: '\e801'; } .exhibition-hannah-p-2020-icon-close:before { content: '\e802'; } .exhibition-hannah-p-2020-icon-prev:before { content: '\e803'; } .exhibition-hannah-p-2020-icon-next:before { content: '\e804'; } .exhibition-hannah-p-2020-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 exhibition-hannah-p-2020-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 exhibition-hannah-p-2020-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 exhibition-hannah-p-2020-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 exhibition-hannah-p-2020-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 exhibition-hannah-p-2020-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); } } #exhibition-hannah-p-2020-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] #exhibition-hannah-p-2020-case, html[data-lc-type=ajax] #exhibition-hannah-p-2020-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]) #exhibition-hannah-p-2020-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] #exhibition-hannah-p-2020-content, html[data-lc-type=video] #exhibition-hannah-p-2020-content { background-color: #333; } } html[data-lc-type=inline] #exhibition-hannah-p-2020-content, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content, html[data-lc-type=error] #exhibition-hannah-p-2020-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] #exhibition-hannah-p-2020-content, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content, html[data-lc-type=error] #exhibition-hannah-p-2020-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] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-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] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner { padding: 15px; } html[data-lc-type=inline] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=inline] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > *, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > *, html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > *:not(iframe), html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > *:not(iframe), html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.exhibition-hannah-p-2020-isMobileDevice[data-lc-type=iframe] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner, html[data-lc-type=video] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner { line-height: 0.75; } } html[data-lc-type=image] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner .exhibition-hannah-p-2020-inlineWrap, html[data-lc-type=ajax] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner .exhibition-hannah-p-2020-inlineWrap, html[data-lc-type=error] #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner .exhibition-hannah-p-2020-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]) #exhibition-hannah-p-2020-content .exhibition-hannah-p-2020-contentInner .exhibition-hannah-p-2020-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) { #exhibition-hannah-p-2020-content h1, #exhibition-hannah-p-2020-content h2, #exhibition-hannah-p-2020-content h3, #exhibition-hannah-p-2020-content h4, #exhibition-hannah-p-2020-content h5, #exhibition-hannah-p-2020-content h6, #exhibition-hannah-p-2020-content p { color: #aaa; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2020-content h1, #exhibition-hannah-p-2020-content h2, #exhibition-hannah-p-2020-content h3, #exhibition-hannah-p-2020-content h4, #exhibition-hannah-p-2020-content h5, #exhibition-hannah-p-2020-content h6, #exhibition-hannah-p-2020-content p { color: #333; } } #exhibition-hannah-p-2020-case p.exhibition-hannah-p-2020-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) { #exhibition-hannah-p-2020-case p.exhibition-hannah-p-2020-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #exhibition-hannah-p-2020-case p.exhibition-hannah-p-2020-error { padding: 0; } } .exhibition-hannah-p-2020-open body { overflow: hidden; } .exhibition-hannah-p-2020-isMobileDevice .exhibition-hannah-p-2020-open body { max-width: 100%; max-height: 100%; } #exhibition-hannah-p-2020-info { position: absolute; padding-top: 15px; } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-title, #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-caption { clear: both; font-size: 13px; color: #aaa; } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .exhibition-hannah-p-2020-fullScreenMode #exhibition-hannah-p-2020-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]) #exhibition-hannah-p-2020-info { position: static; } } #exhibition-hannah-p-2020-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: exhibition-hannah-p-2020-spin 0.5s infinite linear; -moz-animation: exhibition-hannah-p-2020-spin 0.5s infinite linear; -o-animation: exhibition-hannah-p-2020-spin 0.5s infinite linear; animation: exhibition-hannah-p-2020-spin 0.5s infinite linear; } #exhibition-hannah-p-2020-loading, #exhibition-hannah-p-2020-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; } #exhibition-hannah-p-2020-loading > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2020-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*='exhibition-hannah-p-2020-icon-'], a[class*='exhibition-hannah-p-2020-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*='exhibition-hannah-p-2020-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='exhibition-hannah-p-2020-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .exhibition-hannah-p-2020-isMobileDevice a[class*='exhibition-hannah-p-2020-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-prev { left: 15px; } a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-next { right: 15px; } a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-pause, a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-pause, a[class*='exhibition-hannah-p-2020-icon-'].exhibition-hannah-p-2020-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2020-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='exhibition-hannah-p-2020-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='exhibition-hannah-p-2020-icon-']:hover, #exhibition-hannah-p-2020-case:hover ~ a[class*='exhibition-hannah-p-2020-icon-'] { opacity: 1; } } #exhibition-hannah-p-2020-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) { #exhibition-hannah-p-2020-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='exhibition-hannah-p-2020-icon-'], a[class*='exhibition-hannah-p-2020-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='exhibition-hannah-p-2020-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*='exhibition-hannah-p-2020-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #exhibition-hannah-p-2020-content img { width: auto; height: auto; } #exhibition-hannah-p-2020-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-sequenceInfo, #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-title, #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-caption { color: rgba(170, 170, 170, 1.00); } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #exhibition-hannah-p-2020-info #exhibition-hannah-p-2020-caption { } /* @end */ /* Social icons in the lightbox */ #social-exhibition-hannah-p-2020 { 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-exhibition-hannah-p-2020 { display: block; } } #social-exhibition-hannah-p-2020 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-exhibition-hannah-p-2020 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-exhibition-hannah-p-2020 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-exhibition-hannah-p-2020 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #exhibition-hannah-p-2020-content, html[data-lc-type=video] #exhibition-hannah-p-2020-content { background: transparent; } } #exhibition-hannah-p-2020-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159430 { margin: 20px 0px 0px 0px; } #stacks_in_159438 .poster-title { display: none !important; } #stacks_in_159438 .poster-date { display: none !important; } #stacks_in_159438 .poster-readmore { display: none !important; } #stacks_in_159438 .poster-back { display: none !important; } #stacks_in_159438 .blog-entry-author { display: none !important; } #stacks_in_158985 { margin: 0px 0px 20px 0px; } #stacks_in_159444 { margin: 20px; } #stacks_in_159446 .poster-date { display: none !important; } #stacks_in_159446 .blog-entry-author { display: none !important; } #stacks_in_159462 { margin: 0px 0px 20px 0px; } #stacks_in_159459 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159447_3 { margin: 0px 0px 40px 0px; } #video_stack_videotag_stacks_in_159447_6 { max-width: 100%; height: auto; } #stacks_in_159447_9 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159447_11 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #continuum-gallery01 { display: block; width: 100%; text-align: center; } #continuum-gallery01 li.proGalleryItem { -webkit-transform: translateZ(0); } #continuum-gallery01 ul#proGalleryThumbsstacks_in_159447_13 { padding: 0; margin: 0; list-style: none; } #continuum-gallery01 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #continuum-gallery01 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #continuum-gallery01 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #continuum-gallery01 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #continuum-gallery01 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 */ #continuum-gallery01 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; } /* */ /* */ /* */ /* */ /* */ /* */ #continuum-gallery01 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } @media screen and (min-width: 568px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 992px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 1200px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #continuum-gallery01 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #continuum-gallery01 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #continuum-gallery01 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-gallery01 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #continuum-gallery01.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #continuum-gallery01.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #continuum-gallery01.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #continuum-gallery01.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #continuum-gallery01.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #continuum-gallery01.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #continuum-gallery01.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #continuum-gallery01.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; } #continuum-gallery01.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #continuum-gallery01.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #continuum-gallery01.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #continuum-gallery01.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #continuum-gallery01 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #continuum-gallery01 li .proGalleryItemInner { overflow: hidden; } #continuum-gallery01 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 */ } #continuum-gallery01 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='continuum-gallery01-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 */ .continuum-gallery01-icon-play:before { content: '\e800'; } .continuum-gallery01-icon-pause:before { content: '\e801'; } .continuum-gallery01-icon-close:before { content: '\e802'; } .continuum-gallery01-icon-prev:before { content: '\e803'; } .continuum-gallery01-icon-next:before { content: '\e804'; } .continuum-gallery01-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 continuum-gallery01-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 continuum-gallery01-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 continuum-gallery01-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 continuum-gallery01-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 continuum-gallery01-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); } } #continuum-gallery01-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] #continuum-gallery01-case, html[data-lc-type=ajax] #continuum-gallery01-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]) #continuum-gallery01-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] #continuum-gallery01-content, html[data-lc-type=video] #continuum-gallery01-content { background-color: #333; } } html[data-lc-type=inline] #continuum-gallery01-content, html[data-lc-type=ajax] #continuum-gallery01-content, html[data-lc-type=error] #continuum-gallery01-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] #continuum-gallery01-content, html[data-lc-type=ajax] #continuum-gallery01-content, html[data-lc-type=error] #continuum-gallery01-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] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-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] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner { padding: 15px; } html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner > *, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner > *, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe), html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe), html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.continuum-gallery01-isMobileDevice[data-lc-type=iframe] #continuum-gallery01-content .continuum-gallery01-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=video] #continuum-gallery01-content .continuum-gallery01-contentInner { line-height: 0.75; } } html[data-lc-type=image] #continuum-gallery01-content .continuum-gallery01-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-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]) #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-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) { #continuum-gallery01-content h1, #continuum-gallery01-content h2, #continuum-gallery01-content h3, #continuum-gallery01-content h4, #continuum-gallery01-content h5, #continuum-gallery01-content h6, #continuum-gallery01-content p { color: #aaa; } } @media screen and (min-width: 641px) { #continuum-gallery01-content h1, #continuum-gallery01-content h2, #continuum-gallery01-content h3, #continuum-gallery01-content h4, #continuum-gallery01-content h5, #continuum-gallery01-content h6, #continuum-gallery01-content p { color: #333; } } #continuum-gallery01-case p.continuum-gallery01-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) { #continuum-gallery01-case p.continuum-gallery01-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #continuum-gallery01-case p.continuum-gallery01-error { padding: 0; } } .continuum-gallery01-open body { overflow: hidden; } .continuum-gallery01-isMobileDevice .continuum-gallery01-open body { max-width: 100%; max-height: 100%; } #continuum-gallery01-info { position: absolute; padding-top: 15px; } #continuum-gallery01-info #continuum-gallery01-title, #continuum-gallery01-info #continuum-gallery01-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #continuum-gallery01-info #continuum-gallery01-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #continuum-gallery01-info #continuum-gallery01-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #continuum-gallery01-info #continuum-gallery01-caption { clear: both; font-size: 13px; color: #aaa; } #continuum-gallery01-info #continuum-gallery01-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .continuum-gallery01-fullScreenMode #continuum-gallery01-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]) #continuum-gallery01-info { position: static; } } #continuum-gallery01-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: continuum-gallery01-spin 0.5s infinite linear; -moz-animation: continuum-gallery01-spin 0.5s infinite linear; -o-animation: continuum-gallery01-spin 0.5s infinite linear; animation: continuum-gallery01-spin 0.5s infinite linear; } #continuum-gallery01-loading, #continuum-gallery01-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; } #continuum-gallery01-loading > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-gallery01-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*='continuum-gallery01-icon-'], a[class*='continuum-gallery01-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*='continuum-gallery01-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-gallery01-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .continuum-gallery01-isMobileDevice a[class*='continuum-gallery01-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-prev { left: 15px; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-next { right: 15px; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-pause, a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-pause, a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='continuum-gallery01-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='continuum-gallery01-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='continuum-gallery01-icon-']:hover, #continuum-gallery01-case:hover ~ a[class*='continuum-gallery01-icon-'] { opacity: 1; } } #continuum-gallery01-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) { #continuum-gallery01-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='continuum-gallery01-icon-'], a[class*='continuum-gallery01-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='continuum-gallery01-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*='continuum-gallery01-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #continuum-gallery01-content img { width: auto; height: auto; } #continuum-gallery01-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #continuum-gallery01-info #continuum-gallery01-sequenceInfo, #continuum-gallery01-info #continuum-gallery01-title, #continuum-gallery01-info #continuum-gallery01-caption { color: rgba(170, 170, 170, 1.00); } #continuum-gallery01-info #continuum-gallery01-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-gallery01-info #continuum-gallery01-caption { } /* @end */ /* Social icons in the lightbox */ #social-continuum-gallery01 { 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-continuum-gallery01 { display: block; } } #social-continuum-gallery01 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-continuum-gallery01 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-continuum-gallery01 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #continuum-gallery01-content, html[data-lc-type=video] #continuum-gallery01-content { background: transparent; } } #continuum-gallery01-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159447_13 { margin: 20px 0px 0px 0px; padding: 0px 0px 40px 0px; } #toggleWrapper_stacks_in_159447_18 { position: relative; display: block; } #toggleTrigger_stacks_in_159447_18 { padding: 20px; margin: 0; background: #DAA520; font-weight: normal; display: block; position: relative; color: #FFFFFF; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 100%; } #toggleTrigger_stacks_in_159447_18:hover { color: #000100; cursor: pointer; } #toggleContainer_stacks_in_159447_18 { display: none; margin-top: 5px; padding: 10px; overflow: hidden; background: #FFFFFF; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } @media print { #toggleTrigger_stacks_in_159447_18 a:link:after, #toggleTrigger_stacks_in_159447_18 a:visited:after { display: none; } #toggleContainer_stacks_in_159447_18 { display: block !important; } } #stacks_in_159447_18 { margin: 0px 0px 20px 0px; } #stacks_in_159447_20 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159447_23 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #toggleWrapper_stacks_in_159447_25 { position: relative; display: block; } #toggleTrigger_stacks_in_159447_25 { padding: 20px; margin: 0; background: #DAA520; font-weight: normal; display: block; position: relative; color: #FFFFFF; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 100%; } #toggleTrigger_stacks_in_159447_25:hover { color: #000100; cursor: pointer; } #toggleContainer_stacks_in_159447_25 { display: none; margin-top: 5px; padding: 10px; overflow: hidden; background: #FFFFFF; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } @media print { #toggleTrigger_stacks_in_159447_25 a:link:after, #toggleTrigger_stacks_in_159447_25 a:visited:after { display: none; } #toggleContainer_stacks_in_159447_25 { display: block !important; } } #stacks_in_159447_25 { margin: 0px 0px 20px 0px; } #stacks_in_159447_27 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159447_30 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159449>.s3_row { margin: 0 -10px; } #stacks_in_159449>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159449>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159449>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159449>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159449>.s3_row { margin: -10px 0; } #stacks_in_159449>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159465 .blog-entry-author { display: none !important; } #stacks_in_159486 { margin: 0px 0px 20px 0px; } #stacks_in_159483 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159469 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159471>.s3_row { margin: 0 -10px; } #stacks_in_159471>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159471>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159471>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159471>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159471>.s3_row { margin: -10px 0; } #stacks_in_159471>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159481 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159489 .poster-title { display: none !important; } #stacks_in_159489 .poster-date { display: none !important; } #stacks_in_159489 .poster-readmore { display: none !important; } #stacks_in_159489 .poster-back { display: none !important; } #stacks_in_159489 .blog-entry-author { display: none !important; } #stacks_in_159493 { margin: 0px 0px 20px 0px; } #stacks_in_159496 { margin: 20px; } #stacks_in_159498 .poster-date { display: none !important; } #stacks_in_159498 .blog-entry-author { display: none !important; } #stacks_in_159507 { margin: 0px 0px 20px 0px; } #stacks_in_159504 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159502 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159512 .poster-date { display: none !important; } #stacks_in_159512 .blog-entry-author { display: none !important; } #stacks_in_159533 { margin: 0px 0px 20px 0px; } #stacks_in_159530 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159513 { margin: 0px 0px 20px 0px; } #stacks_in_159518>.s3_row { margin: 0 -10px; } #stacks_in_159518>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159518>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159518>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159518>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159518>.s3_row { margin: -10px 0; } #stacks_in_159518>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159518 { margin: 20px 0px 0px 0px; } #stacks_in_159528 { padding: 20px 0px 0px 0px; } #stacks_in_159536 .poster-title { display: none !important; } #stacks_in_159536 .poster-date { display: none !important; } #stacks_in_159536 .poster-readmore { display: none !important; } #stacks_in_159536 .poster-back { display: none !important; } #stacks_in_159536 .blog-entry-author { display: none !important; } #stacks_in_159540 { margin: 0px 0px 20px 0px; } #stacks_in_159543 { margin: 20px; } #stacks_in_159545 .poster-date { display: none !important; } #stacks_in_159545 .blog-entry-author { display: none !important; } #stacks_in_159566 { margin: 0px 0px 20px 0px; } #stacks_in_159563 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159549>.s3_row { margin: 0 -10px; } #stacks_in_159549>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159549>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159549>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159549>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159549>.s3_row { margin: -10px 0; } #stacks_in_159549>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159549 { margin: 20px 0px 0px 0px; } #stacks_in_159561 { padding: 20px 0px 0px 0px; } #stacks_in_159569 .poster-date { display: none !important; } #stacks_in_159569 .blog-entry-author { display: none !important; } #stacks_in_159591 { margin: 0px 0px 20px 0px; } #stacks_in_159588 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159570>.s3_row { margin: 0 -10px; } #stacks_in_159570>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_159570>.s3_row { margin: -10px -10px; } #stacks_in_159570>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_159570>.s3_row { margin: -10px 0; } #stacks_in_159570>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159586 { padding: 20px 0px 0px 0px; } #stacks_in_159594 .poster-date { display: none !important; } #stacks_in_159594 .blog-entry-author { display: none !important; } #stacks_in_159616 { margin: 0px 0px 20px 0px; } #stacks_in_159613 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159595>.s3_row { margin: 0 -10px; } #stacks_in_159595>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_159595>.s3_row { margin: -10px -10px; } #stacks_in_159595>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_159595>.s3_row { margin: -10px 0; } #stacks_in_159595>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159611 { padding: 20px 0px 0px 0px; } #stacks_in_159619 .poster-date { display: none !important; } #stacks_in_159619 .blog-entry-author { display: none !important; } #stacks_in_159638 { margin: 0px 0px 20px 0px; } #stacks_in_159635 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159620>.s3_row { margin: 0 -10px; } #stacks_in_159620>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159620>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159620>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159620>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159620>.s3_row { margin: -10px 0; } #stacks_in_159620>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159633 { padding: 20px 0px 0px 0px; } #stacks_in_159641 .poster-date { display: none !important; } #stacks_in_159641 .blog-entry-author { display: none !important; } #stacks_in_159662 { margin: 0px 0px 20px 0px; } #stacks_in_159659 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159647 { padding: 20px 0px 20px 0px; } #stacks_in_159649>.s3_row { margin: 0 -10px; } #stacks_in_159649>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159649>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159649>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159649>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159649>.s3_row { margin: -10px 0; } #stacks_in_159649>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159665 .poster-date { display: none !important; } #stacks_in_159665 .blog-entry-author { display: none !important; } #stacks_in_159684 { margin: 0px 0px 20px 0px; } #stacks_in_159681 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159666>.s3_row { margin: 0 -10px; } #stacks_in_159666>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159666>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159666>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159666>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159666>.s3_row { margin: -10px 0; } #stacks_in_159666>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159679 { padding: 20px 0px 0px 0px; } #stacks_in_159687 .poster-date { display: none !important; } #stacks_in_159687 .blog-entry-author { display: none !important; } #stacks_in_159706 { margin: 0px 0px 20px 0px; } #stacks_in_159703 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159691>.s3_row { margin: 0 -10px; } #stacks_in_159691>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159691>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159691>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159691>.s3_row { margin: -10px 0; } #stacks_in_159691>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159691 { padding: 10px 0px 10px 0px; } #stacks_in_159694 img { height: auto; } #stacks_in_159692 img { height: auto; } #stacks_in_159698 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #BATHERS { display: block; width: 100%; text-align: center; } #BATHERS li.proGalleryItem { -webkit-transform: translateZ(0); } #BATHERS ul#proGalleryThumbsstacks_in_159700 { padding: 0; margin: 0; list-style: none; } #BATHERS li.proGalleryItem { margin: 0; padding: 0; position: relative; } #BATHERS li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #BATHERS li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #BATHERS li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #BATHERS 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 */ #BATHERS 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; } /* */ /* */ /* */ /* */ /* */ /* */ #BATHERS { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #BATHERS { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #BATHERS { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #BATHERS { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #BATHERS li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #BATHERS .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #BATHERS .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #BATHERS .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #BATHERS.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #BATHERS.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #BATHERS.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #BATHERS.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #BATHERS.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #BATHERS.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #BATHERS.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #BATHERS.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; } #BATHERS.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #BATHERS.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #BATHERS.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #BATHERS.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #BATHERS li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #BATHERS li .proGalleryItemInner { overflow: hidden; } #BATHERS 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 */ } #BATHERS 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='BATHERS-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 */ .BATHERS-icon-play:before { content: '\e800'; } .BATHERS-icon-pause:before { content: '\e801'; } .BATHERS-icon-close:before { content: '\e802'; } .BATHERS-icon-prev:before { content: '\e803'; } .BATHERS-icon-next:before { content: '\e804'; } .BATHERS-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 BATHERS-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 BATHERS-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 BATHERS-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 BATHERS-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 BATHERS-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); } } #BATHERS-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] #BATHERS-case, html[data-lc-type=ajax] #BATHERS-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]) #BATHERS-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] #BATHERS-content, html[data-lc-type=video] #BATHERS-content { background-color: #333; } } html[data-lc-type=inline] #BATHERS-content, html[data-lc-type=ajax] #BATHERS-content, html[data-lc-type=error] #BATHERS-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] #BATHERS-content, html[data-lc-type=ajax] #BATHERS-content, html[data-lc-type=error] #BATHERS-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] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=error] #BATHERS-content .BATHERS-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] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=error] #BATHERS-content .BATHERS-contentInner { padding: 15px; } html[data-lc-type=inline] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=inline] #BATHERS-content .BATHERS-contentInner > *, html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner > *, html[data-lc-type=error] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=error] #BATHERS-content .BATHERS-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #BATHERS-content .BATHERS-contentInner > *:not(iframe), html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner > *:not(iframe), html[data-lc-type=error] #BATHERS-content .BATHERS-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.BATHERS-isMobileDevice[data-lc-type=iframe] #BATHERS-content .BATHERS-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #BATHERS-content .BATHERS-contentInner, html[data-lc-type=video] #BATHERS-content .BATHERS-contentInner { line-height: 0.75; } } html[data-lc-type=image] #BATHERS-content .BATHERS-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #BATHERS-content .BATHERS-contentInner .BATHERS-inlineWrap, html[data-lc-type=ajax] #BATHERS-content .BATHERS-contentInner .BATHERS-inlineWrap, html[data-lc-type=error] #BATHERS-content .BATHERS-contentInner .BATHERS-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]) #BATHERS-content .BATHERS-contentInner .BATHERS-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) { #BATHERS-content h1, #BATHERS-content h2, #BATHERS-content h3, #BATHERS-content h4, #BATHERS-content h5, #BATHERS-content h6, #BATHERS-content p { color: #aaa; } } @media screen and (min-width: 641px) { #BATHERS-content h1, #BATHERS-content h2, #BATHERS-content h3, #BATHERS-content h4, #BATHERS-content h5, #BATHERS-content h6, #BATHERS-content p { color: #333; } } #BATHERS-case p.BATHERS-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) { #BATHERS-case p.BATHERS-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #BATHERS-case p.BATHERS-error { padding: 0; } } .BATHERS-open body { overflow: hidden; } .BATHERS-isMobileDevice .BATHERS-open body { max-width: 100%; max-height: 100%; } #BATHERS-info { position: absolute; padding-top: 15px; } #BATHERS-info #BATHERS-title, #BATHERS-info #BATHERS-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #BATHERS-info #BATHERS-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #BATHERS-info #BATHERS-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #BATHERS-info #BATHERS-caption { clear: both; font-size: 13px; color: #aaa; } #BATHERS-info #BATHERS-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .BATHERS-fullScreenMode #BATHERS-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]) #BATHERS-info { position: static; } } #BATHERS-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: BATHERS-spin 0.5s infinite linear; -moz-animation: BATHERS-spin 0.5s infinite linear; -o-animation: BATHERS-spin 0.5s infinite linear; animation: BATHERS-spin 0.5s infinite linear; } #BATHERS-loading, #BATHERS-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; } #BATHERS-loading > span { display: inline-block; text-indent: -9999px; } a[class*='BATHERS-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*='BATHERS-icon-'], a[class*='BATHERS-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*='BATHERS-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='BATHERS-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .BATHERS-isMobileDevice a[class*='BATHERS-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='BATHERS-icon-'].BATHERS-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='BATHERS-icon-'].BATHERS-icon-prev { left: 15px; } a[class*='BATHERS-icon-'].BATHERS-icon-next { right: 15px; } a[class*='BATHERS-icon-'].BATHERS-icon-pause, a[class*='BATHERS-icon-'].BATHERS-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='BATHERS-icon-'].BATHERS-icon-pause, a[class*='BATHERS-icon-'].BATHERS-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='BATHERS-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='BATHERS-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='BATHERS-icon-']:hover, #BATHERS-case:hover ~ a[class*='BATHERS-icon-'] { opacity: 1; } } #BATHERS-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) { #BATHERS-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='BATHERS-icon-'], a[class*='BATHERS-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='BATHERS-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*='BATHERS-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #BATHERS-content img { width: auto; height: auto; } #BATHERS-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #BATHERS-info #BATHERS-sequenceInfo, #BATHERS-info #BATHERS-title, #BATHERS-info #BATHERS-caption { color: rgba(170, 170, 170, 1.00); } #BATHERS-info #BATHERS-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #BATHERS-info #BATHERS-caption { } /* @end */ /* Social icons in the lightbox */ #social-BATHERS { 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-BATHERS { display: block; } } #social-BATHERS 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-BATHERS a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-BATHERS a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #BATHERS-content, html[data-lc-type=video] #BATHERS-content { background: transparent; } } #BATHERS-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159700 { margin: 20px 0px 0px 0px; } #stacks_in_159709 .poster-date { display: none !important; } #stacks_in_159709 .blog-entry-author { display: none !important; } #stacks_in_159736 { margin: 0px 0px 20px 0px; } #stacks_in_159733 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159710 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #hannah-peschar-2019 { display: block; width: 100%; text-align: center; } #hannah-peschar-2019 li.proGalleryItem { -webkit-transform: translateZ(0); } #hannah-peschar-2019 ul#proGalleryThumbsstacks_in_159715 { padding: 0; margin: 0; list-style: none; } #hannah-peschar-2019 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #hannah-peschar-2019 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #hannah-peschar-2019 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #hannah-peschar-2019 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 */ #hannah-peschar-2019 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; } /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2019 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #hannah-peschar-2019 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #hannah-peschar-2019 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #hannah-peschar-2019 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #hannah-peschar-2019 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #hannah-peschar-2019 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #hannah-peschar-2019 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2019 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #hannah-peschar-2019.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #hannah-peschar-2019.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #hannah-peschar-2019.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #hannah-peschar-2019.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2019.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #hannah-peschar-2019.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #hannah-peschar-2019.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #hannah-peschar-2019.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; } #hannah-peschar-2019.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #hannah-peschar-2019.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2019.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #hannah-peschar-2019.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #hannah-peschar-2019 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2019 li .proGalleryItemInner { overflow: hidden; } #hannah-peschar-2019 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 */ } #hannah-peschar-2019 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='hannah-peschar-2019-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 */ .hannah-peschar-2019-icon-play:before { content: '\e800'; } .hannah-peschar-2019-icon-pause:before { content: '\e801'; } .hannah-peschar-2019-icon-close:before { content: '\e802'; } .hannah-peschar-2019-icon-prev:before { content: '\e803'; } .hannah-peschar-2019-icon-next:before { content: '\e804'; } .hannah-peschar-2019-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 hannah-peschar-2019-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 hannah-peschar-2019-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 hannah-peschar-2019-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 hannah-peschar-2019-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 hannah-peschar-2019-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); } } #hannah-peschar-2019-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] #hannah-peschar-2019-case, html[data-lc-type=ajax] #hannah-peschar-2019-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]) #hannah-peschar-2019-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] #hannah-peschar-2019-content, html[data-lc-type=video] #hannah-peschar-2019-content { background-color: #333; } } html[data-lc-type=inline] #hannah-peschar-2019-content, html[data-lc-type=ajax] #hannah-peschar-2019-content, html[data-lc-type=error] #hannah-peschar-2019-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] #hannah-peschar-2019-content, html[data-lc-type=ajax] #hannah-peschar-2019-content, html[data-lc-type=error] #hannah-peschar-2019-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] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-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] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner { padding: 15px; } html[data-lc-type=inline] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=inline] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > *, html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > *, html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > *:not(iframe), html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > *:not(iframe), html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.hannah-peschar-2019-isMobileDevice[data-lc-type=iframe] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner, html[data-lc-type=video] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner { line-height: 0.75; } } html[data-lc-type=image] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner .hannah-peschar-2019-inlineWrap, html[data-lc-type=ajax] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner .hannah-peschar-2019-inlineWrap, html[data-lc-type=error] #hannah-peschar-2019-content .hannah-peschar-2019-contentInner .hannah-peschar-2019-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]) #hannah-peschar-2019-content .hannah-peschar-2019-contentInner .hannah-peschar-2019-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) { #hannah-peschar-2019-content h1, #hannah-peschar-2019-content h2, #hannah-peschar-2019-content h3, #hannah-peschar-2019-content h4, #hannah-peschar-2019-content h5, #hannah-peschar-2019-content h6, #hannah-peschar-2019-content p { color: #aaa; } } @media screen and (min-width: 641px) { #hannah-peschar-2019-content h1, #hannah-peschar-2019-content h2, #hannah-peschar-2019-content h3, #hannah-peschar-2019-content h4, #hannah-peschar-2019-content h5, #hannah-peschar-2019-content h6, #hannah-peschar-2019-content p { color: #333; } } #hannah-peschar-2019-case p.hannah-peschar-2019-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) { #hannah-peschar-2019-case p.hannah-peschar-2019-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #hannah-peschar-2019-case p.hannah-peschar-2019-error { padding: 0; } } .hannah-peschar-2019-open body { overflow: hidden; } .hannah-peschar-2019-isMobileDevice .hannah-peschar-2019-open body { max-width: 100%; max-height: 100%; } #hannah-peschar-2019-info { position: absolute; padding-top: 15px; } #hannah-peschar-2019-info #hannah-peschar-2019-title, #hannah-peschar-2019-info #hannah-peschar-2019-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #hannah-peschar-2019-info #hannah-peschar-2019-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #hannah-peschar-2019-info #hannah-peschar-2019-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #hannah-peschar-2019-info #hannah-peschar-2019-caption { clear: both; font-size: 13px; color: #aaa; } #hannah-peschar-2019-info #hannah-peschar-2019-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .hannah-peschar-2019-fullScreenMode #hannah-peschar-2019-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]) #hannah-peschar-2019-info { position: static; } } #hannah-peschar-2019-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: hannah-peschar-2019-spin 0.5s infinite linear; -moz-animation: hannah-peschar-2019-spin 0.5s infinite linear; -o-animation: hannah-peschar-2019-spin 0.5s infinite linear; animation: hannah-peschar-2019-spin 0.5s infinite linear; } #hannah-peschar-2019-loading, #hannah-peschar-2019-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; } #hannah-peschar-2019-loading > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2019-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*='hannah-peschar-2019-icon-'], a[class*='hannah-peschar-2019-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*='hannah-peschar-2019-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2019-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .hannah-peschar-2019-isMobileDevice a[class*='hannah-peschar-2019-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-prev { left: 15px; } a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-next { right: 15px; } a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-pause, a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-pause, a[class*='hannah-peschar-2019-icon-'].hannah-peschar-2019-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2019-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2019-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='hannah-peschar-2019-icon-']:hover, #hannah-peschar-2019-case:hover ~ a[class*='hannah-peschar-2019-icon-'] { opacity: 1; } } #hannah-peschar-2019-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) { #hannah-peschar-2019-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='hannah-peschar-2019-icon-'], a[class*='hannah-peschar-2019-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2019-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*='hannah-peschar-2019-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #hannah-peschar-2019-content img { width: auto; height: auto; } #hannah-peschar-2019-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #hannah-peschar-2019-info #hannah-peschar-2019-sequenceInfo, #hannah-peschar-2019-info #hannah-peschar-2019-title, #hannah-peschar-2019-info #hannah-peschar-2019-caption { color: rgba(170, 170, 170, 1.00); } #hannah-peschar-2019-info #hannah-peschar-2019-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2019-info #hannah-peschar-2019-caption { } /* @end */ /* Social icons in the lightbox */ #social-hannah-peschar-2019 { 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-hannah-peschar-2019 { display: block; } } #social-hannah-peschar-2019 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-hannah-peschar-2019 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-hannah-peschar-2019 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-hannah-peschar-2019 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2019-content, html[data-lc-type=video] #hannah-peschar-2019-content { background: transparent; } } #hannah-peschar-2019-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159715 { margin: 20px 0px 0px 0px; } #stacks_in_159718 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #hannah-peschar-2018 { display: block; width: 100%; text-align: center; } #hannah-peschar-2018 li.proGalleryItem { -webkit-transform: translateZ(0); } #hannah-peschar-2018 ul#proGalleryThumbsstacks_in_159720 { padding: 0; margin: 0; list-style: none; } #hannah-peschar-2018 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #hannah-peschar-2018 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #hannah-peschar-2018 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #hannah-peschar-2018 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 */ #hannah-peschar-2018 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; } /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2018 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #hannah-peschar-2018 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #hannah-peschar-2018 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #hannah-peschar-2018 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #hannah-peschar-2018 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #hannah-peschar-2018 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #hannah-peschar-2018 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2018 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #hannah-peschar-2018.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #hannah-peschar-2018.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #hannah-peschar-2018.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #hannah-peschar-2018.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2018.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #hannah-peschar-2018.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #hannah-peschar-2018.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #hannah-peschar-2018.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; } #hannah-peschar-2018.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #hannah-peschar-2018.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2018.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #hannah-peschar-2018.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #hannah-peschar-2018 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2018 li .proGalleryItemInner { overflow: hidden; } #hannah-peschar-2018 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 */ } #hannah-peschar-2018 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='hannah-peschar-2018-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 */ .hannah-peschar-2018-icon-play:before { content: '\e800'; } .hannah-peschar-2018-icon-pause:before { content: '\e801'; } .hannah-peschar-2018-icon-close:before { content: '\e802'; } .hannah-peschar-2018-icon-prev:before { content: '\e803'; } .hannah-peschar-2018-icon-next:before { content: '\e804'; } .hannah-peschar-2018-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 hannah-peschar-2018-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 hannah-peschar-2018-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 hannah-peschar-2018-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 hannah-peschar-2018-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 hannah-peschar-2018-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); } } #hannah-peschar-2018-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] #hannah-peschar-2018-case, html[data-lc-type=ajax] #hannah-peschar-2018-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]) #hannah-peschar-2018-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] #hannah-peschar-2018-content, html[data-lc-type=video] #hannah-peschar-2018-content { background-color: #333; } } html[data-lc-type=inline] #hannah-peschar-2018-content, html[data-lc-type=ajax] #hannah-peschar-2018-content, html[data-lc-type=error] #hannah-peschar-2018-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] #hannah-peschar-2018-content, html[data-lc-type=ajax] #hannah-peschar-2018-content, html[data-lc-type=error] #hannah-peschar-2018-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] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-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] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner { padding: 15px; } html[data-lc-type=inline] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=inline] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > *, html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > *, html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > *:not(iframe), html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > *:not(iframe), html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.hannah-peschar-2018-isMobileDevice[data-lc-type=iframe] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner, html[data-lc-type=video] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner { line-height: 0.75; } } html[data-lc-type=image] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner .hannah-peschar-2018-inlineWrap, html[data-lc-type=ajax] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner .hannah-peschar-2018-inlineWrap, html[data-lc-type=error] #hannah-peschar-2018-content .hannah-peschar-2018-contentInner .hannah-peschar-2018-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]) #hannah-peschar-2018-content .hannah-peschar-2018-contentInner .hannah-peschar-2018-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) { #hannah-peschar-2018-content h1, #hannah-peschar-2018-content h2, #hannah-peschar-2018-content h3, #hannah-peschar-2018-content h4, #hannah-peschar-2018-content h5, #hannah-peschar-2018-content h6, #hannah-peschar-2018-content p { color: #aaa; } } @media screen and (min-width: 641px) { #hannah-peschar-2018-content h1, #hannah-peschar-2018-content h2, #hannah-peschar-2018-content h3, #hannah-peschar-2018-content h4, #hannah-peschar-2018-content h5, #hannah-peschar-2018-content h6, #hannah-peschar-2018-content p { color: #333; } } #hannah-peschar-2018-case p.hannah-peschar-2018-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) { #hannah-peschar-2018-case p.hannah-peschar-2018-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #hannah-peschar-2018-case p.hannah-peschar-2018-error { padding: 0; } } .hannah-peschar-2018-open body { overflow: hidden; } .hannah-peschar-2018-isMobileDevice .hannah-peschar-2018-open body { max-width: 100%; max-height: 100%; } #hannah-peschar-2018-info { position: absolute; padding-top: 15px; } #hannah-peschar-2018-info #hannah-peschar-2018-title, #hannah-peschar-2018-info #hannah-peschar-2018-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #hannah-peschar-2018-info #hannah-peschar-2018-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #hannah-peschar-2018-info #hannah-peschar-2018-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #hannah-peschar-2018-info #hannah-peschar-2018-caption { clear: both; font-size: 13px; color: #aaa; } #hannah-peschar-2018-info #hannah-peschar-2018-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .hannah-peschar-2018-fullScreenMode #hannah-peschar-2018-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]) #hannah-peschar-2018-info { position: static; } } #hannah-peschar-2018-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: hannah-peschar-2018-spin 0.5s infinite linear; -moz-animation: hannah-peschar-2018-spin 0.5s infinite linear; -o-animation: hannah-peschar-2018-spin 0.5s infinite linear; animation: hannah-peschar-2018-spin 0.5s infinite linear; } #hannah-peschar-2018-loading, #hannah-peschar-2018-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; } #hannah-peschar-2018-loading > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2018-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*='hannah-peschar-2018-icon-'], a[class*='hannah-peschar-2018-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*='hannah-peschar-2018-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2018-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .hannah-peschar-2018-isMobileDevice a[class*='hannah-peschar-2018-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-prev { left: 15px; } a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-next { right: 15px; } a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-pause, a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-pause, a[class*='hannah-peschar-2018-icon-'].hannah-peschar-2018-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2018-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2018-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='hannah-peschar-2018-icon-']:hover, #hannah-peschar-2018-case:hover ~ a[class*='hannah-peschar-2018-icon-'] { opacity: 1; } } #hannah-peschar-2018-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) { #hannah-peschar-2018-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='hannah-peschar-2018-icon-'], a[class*='hannah-peschar-2018-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2018-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*='hannah-peschar-2018-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #hannah-peschar-2018-content img { width: auto; height: auto; } #hannah-peschar-2018-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #hannah-peschar-2018-info #hannah-peschar-2018-sequenceInfo, #hannah-peschar-2018-info #hannah-peschar-2018-title, #hannah-peschar-2018-info #hannah-peschar-2018-caption { color: rgba(170, 170, 170, 1.00); } #hannah-peschar-2018-info #hannah-peschar-2018-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2018-info #hannah-peschar-2018-caption { } /* @end */ /* Social icons in the lightbox */ #social-hannah-peschar-2018 { 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-hannah-peschar-2018 { display: block; } } #social-hannah-peschar-2018 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-hannah-peschar-2018 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-hannah-peschar-2018 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-hannah-peschar-2018 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2018-content, html[data-lc-type=video] #hannah-peschar-2018-content { background: transparent; } } #hannah-peschar-2018-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159720 { margin: 20px 0px 0px 0px; } #stacks_in_159723 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #hannah-peschar-2017 { display: block; width: 100%; text-align: center; } #hannah-peschar-2017 li.proGalleryItem { -webkit-transform: translateZ(0); } #hannah-peschar-2017 ul#proGalleryThumbsstacks_in_159725 { padding: 0; margin: 0; list-style: none; } #hannah-peschar-2017 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #hannah-peschar-2017 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #hannah-peschar-2017 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #hannah-peschar-2017 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 */ #hannah-peschar-2017 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; } /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2017 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #hannah-peschar-2017 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #hannah-peschar-2017 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #hannah-peschar-2017 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #hannah-peschar-2017 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #hannah-peschar-2017 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #hannah-peschar-2017 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2017 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #hannah-peschar-2017.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #hannah-peschar-2017.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #hannah-peschar-2017.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #hannah-peschar-2017.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2017.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #hannah-peschar-2017.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #hannah-peschar-2017.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #hannah-peschar-2017.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; } #hannah-peschar-2017.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #hannah-peschar-2017.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2017.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #hannah-peschar-2017.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #hannah-peschar-2017 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2017 li .proGalleryItemInner { overflow: hidden; } #hannah-peschar-2017 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 */ } #hannah-peschar-2017 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='hannah-peschar-2017-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 */ .hannah-peschar-2017-icon-play:before { content: '\e800'; } .hannah-peschar-2017-icon-pause:before { content: '\e801'; } .hannah-peschar-2017-icon-close:before { content: '\e802'; } .hannah-peschar-2017-icon-prev:before { content: '\e803'; } .hannah-peschar-2017-icon-next:before { content: '\e804'; } .hannah-peschar-2017-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 hannah-peschar-2017-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 hannah-peschar-2017-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 hannah-peschar-2017-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 hannah-peschar-2017-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 hannah-peschar-2017-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); } } #hannah-peschar-2017-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] #hannah-peschar-2017-case, html[data-lc-type=ajax] #hannah-peschar-2017-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]) #hannah-peschar-2017-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] #hannah-peschar-2017-content, html[data-lc-type=video] #hannah-peschar-2017-content { background-color: #333; } } html[data-lc-type=inline] #hannah-peschar-2017-content, html[data-lc-type=ajax] #hannah-peschar-2017-content, html[data-lc-type=error] #hannah-peschar-2017-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] #hannah-peschar-2017-content, html[data-lc-type=ajax] #hannah-peschar-2017-content, html[data-lc-type=error] #hannah-peschar-2017-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] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-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] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner { padding: 15px; } html[data-lc-type=inline] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=inline] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > *, html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > *, html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > *:not(iframe), html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > *:not(iframe), html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.hannah-peschar-2017-isMobileDevice[data-lc-type=iframe] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner, html[data-lc-type=video] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner { line-height: 0.75; } } html[data-lc-type=image] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner .hannah-peschar-2017-inlineWrap, html[data-lc-type=ajax] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner .hannah-peschar-2017-inlineWrap, html[data-lc-type=error] #hannah-peschar-2017-content .hannah-peschar-2017-contentInner .hannah-peschar-2017-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]) #hannah-peschar-2017-content .hannah-peschar-2017-contentInner .hannah-peschar-2017-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) { #hannah-peschar-2017-content h1, #hannah-peschar-2017-content h2, #hannah-peschar-2017-content h3, #hannah-peschar-2017-content h4, #hannah-peschar-2017-content h5, #hannah-peschar-2017-content h6, #hannah-peschar-2017-content p { color: #aaa; } } @media screen and (min-width: 641px) { #hannah-peschar-2017-content h1, #hannah-peschar-2017-content h2, #hannah-peschar-2017-content h3, #hannah-peschar-2017-content h4, #hannah-peschar-2017-content h5, #hannah-peschar-2017-content h6, #hannah-peschar-2017-content p { color: #333; } } #hannah-peschar-2017-case p.hannah-peschar-2017-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) { #hannah-peschar-2017-case p.hannah-peschar-2017-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #hannah-peschar-2017-case p.hannah-peschar-2017-error { padding: 0; } } .hannah-peschar-2017-open body { overflow: hidden; } .hannah-peschar-2017-isMobileDevice .hannah-peschar-2017-open body { max-width: 100%; max-height: 100%; } #hannah-peschar-2017-info { position: absolute; padding-top: 15px; } #hannah-peschar-2017-info #hannah-peschar-2017-title, #hannah-peschar-2017-info #hannah-peschar-2017-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #hannah-peschar-2017-info #hannah-peschar-2017-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #hannah-peschar-2017-info #hannah-peschar-2017-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #hannah-peschar-2017-info #hannah-peschar-2017-caption { clear: both; font-size: 13px; color: #aaa; } #hannah-peschar-2017-info #hannah-peschar-2017-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .hannah-peschar-2017-fullScreenMode #hannah-peschar-2017-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]) #hannah-peschar-2017-info { position: static; } } #hannah-peschar-2017-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: hannah-peschar-2017-spin 0.5s infinite linear; -moz-animation: hannah-peschar-2017-spin 0.5s infinite linear; -o-animation: hannah-peschar-2017-spin 0.5s infinite linear; animation: hannah-peschar-2017-spin 0.5s infinite linear; } #hannah-peschar-2017-loading, #hannah-peschar-2017-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; } #hannah-peschar-2017-loading > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2017-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*='hannah-peschar-2017-icon-'], a[class*='hannah-peschar-2017-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*='hannah-peschar-2017-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2017-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .hannah-peschar-2017-isMobileDevice a[class*='hannah-peschar-2017-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-prev { left: 15px; } a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-next { right: 15px; } a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-pause, a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-pause, a[class*='hannah-peschar-2017-icon-'].hannah-peschar-2017-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2017-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2017-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='hannah-peschar-2017-icon-']:hover, #hannah-peschar-2017-case:hover ~ a[class*='hannah-peschar-2017-icon-'] { opacity: 1; } } #hannah-peschar-2017-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) { #hannah-peschar-2017-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='hannah-peschar-2017-icon-'], a[class*='hannah-peschar-2017-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2017-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*='hannah-peschar-2017-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #hannah-peschar-2017-content img { width: auto; height: auto; } #hannah-peschar-2017-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #hannah-peschar-2017-info #hannah-peschar-2017-sequenceInfo, #hannah-peschar-2017-info #hannah-peschar-2017-title, #hannah-peschar-2017-info #hannah-peschar-2017-caption { color: rgba(170, 170, 170, 1.00); } #hannah-peschar-2017-info #hannah-peschar-2017-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2017-info #hannah-peschar-2017-caption { } /* @end */ /* Social icons in the lightbox */ #social-hannah-peschar-2017 { 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-hannah-peschar-2017 { display: block; } } #social-hannah-peschar-2017 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-hannah-peschar-2017 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-hannah-peschar-2017 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-hannah-peschar-2017 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2017-content, html[data-lc-type=video] #hannah-peschar-2017-content { background: transparent; } } #hannah-peschar-2017-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159725 { margin: 20px 0px 0px 0px; } #stacks_in_159728 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #hannah-peschar-2016 { display: block; width: 100%; text-align: center; } #hannah-peschar-2016 li.proGalleryItem { -webkit-transform: translateZ(0); } #hannah-peschar-2016 ul#proGalleryThumbsstacks_in_159730 { padding: 0; margin: 0; list-style: none; } #hannah-peschar-2016 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #hannah-peschar-2016 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #hannah-peschar-2016 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #hannah-peschar-2016 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 */ #hannah-peschar-2016 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; } /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2016 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #hannah-peschar-2016 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #hannah-peschar-2016 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #hannah-peschar-2016 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #hannah-peschar-2016 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #hannah-peschar-2016 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #hannah-peschar-2016 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2016 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #hannah-peschar-2016.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #hannah-peschar-2016.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #hannah-peschar-2016.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #hannah-peschar-2016.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2016.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #hannah-peschar-2016.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #hannah-peschar-2016.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #hannah-peschar-2016.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; } #hannah-peschar-2016.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #hannah-peschar-2016.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #hannah-peschar-2016.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #hannah-peschar-2016.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #hannah-peschar-2016 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #hannah-peschar-2016 li .proGalleryItemInner { overflow: hidden; } #hannah-peschar-2016 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 */ } #hannah-peschar-2016 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='hannah-peschar-2016-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 */ .hannah-peschar-2016-icon-play:before { content: '\e800'; } .hannah-peschar-2016-icon-pause:before { content: '\e801'; } .hannah-peschar-2016-icon-close:before { content: '\e802'; } .hannah-peschar-2016-icon-prev:before { content: '\e803'; } .hannah-peschar-2016-icon-next:before { content: '\e804'; } .hannah-peschar-2016-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 hannah-peschar-2016-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 hannah-peschar-2016-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 hannah-peschar-2016-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 hannah-peschar-2016-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 hannah-peschar-2016-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); } } #hannah-peschar-2016-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] #hannah-peschar-2016-case, html[data-lc-type=ajax] #hannah-peschar-2016-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]) #hannah-peschar-2016-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] #hannah-peschar-2016-content, html[data-lc-type=video] #hannah-peschar-2016-content { background-color: #333; } } html[data-lc-type=inline] #hannah-peschar-2016-content, html[data-lc-type=ajax] #hannah-peschar-2016-content, html[data-lc-type=error] #hannah-peschar-2016-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] #hannah-peschar-2016-content, html[data-lc-type=ajax] #hannah-peschar-2016-content, html[data-lc-type=error] #hannah-peschar-2016-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] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-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] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner { padding: 15px; } html[data-lc-type=inline] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=inline] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > *, html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > *, html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > *:not(iframe), html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > *:not(iframe), html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.hannah-peschar-2016-isMobileDevice[data-lc-type=iframe] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner, html[data-lc-type=video] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner { line-height: 0.75; } } html[data-lc-type=image] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner .hannah-peschar-2016-inlineWrap, html[data-lc-type=ajax] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner .hannah-peschar-2016-inlineWrap, html[data-lc-type=error] #hannah-peschar-2016-content .hannah-peschar-2016-contentInner .hannah-peschar-2016-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]) #hannah-peschar-2016-content .hannah-peschar-2016-contentInner .hannah-peschar-2016-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) { #hannah-peschar-2016-content h1, #hannah-peschar-2016-content h2, #hannah-peschar-2016-content h3, #hannah-peschar-2016-content h4, #hannah-peschar-2016-content h5, #hannah-peschar-2016-content h6, #hannah-peschar-2016-content p { color: #aaa; } } @media screen and (min-width: 641px) { #hannah-peschar-2016-content h1, #hannah-peschar-2016-content h2, #hannah-peschar-2016-content h3, #hannah-peschar-2016-content h4, #hannah-peschar-2016-content h5, #hannah-peschar-2016-content h6, #hannah-peschar-2016-content p { color: #333; } } #hannah-peschar-2016-case p.hannah-peschar-2016-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) { #hannah-peschar-2016-case p.hannah-peschar-2016-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #hannah-peschar-2016-case p.hannah-peschar-2016-error { padding: 0; } } .hannah-peschar-2016-open body { overflow: hidden; } .hannah-peschar-2016-isMobileDevice .hannah-peschar-2016-open body { max-width: 100%; max-height: 100%; } #hannah-peschar-2016-info { position: absolute; padding-top: 15px; } #hannah-peschar-2016-info #hannah-peschar-2016-title, #hannah-peschar-2016-info #hannah-peschar-2016-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #hannah-peschar-2016-info #hannah-peschar-2016-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #hannah-peschar-2016-info #hannah-peschar-2016-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #hannah-peschar-2016-info #hannah-peschar-2016-caption { clear: both; font-size: 13px; color: #aaa; } #hannah-peschar-2016-info #hannah-peschar-2016-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .hannah-peschar-2016-fullScreenMode #hannah-peschar-2016-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]) #hannah-peschar-2016-info { position: static; } } #hannah-peschar-2016-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: hannah-peschar-2016-spin 0.5s infinite linear; -moz-animation: hannah-peschar-2016-spin 0.5s infinite linear; -o-animation: hannah-peschar-2016-spin 0.5s infinite linear; animation: hannah-peschar-2016-spin 0.5s infinite linear; } #hannah-peschar-2016-loading, #hannah-peschar-2016-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; } #hannah-peschar-2016-loading > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2016-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*='hannah-peschar-2016-icon-'], a[class*='hannah-peschar-2016-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*='hannah-peschar-2016-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='hannah-peschar-2016-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .hannah-peschar-2016-isMobileDevice a[class*='hannah-peschar-2016-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-prev { left: 15px; } a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-next { right: 15px; } a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-pause, a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-pause, a[class*='hannah-peschar-2016-icon-'].hannah-peschar-2016-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2016-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='hannah-peschar-2016-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='hannah-peschar-2016-icon-']:hover, #hannah-peschar-2016-case:hover ~ a[class*='hannah-peschar-2016-icon-'] { opacity: 1; } } #hannah-peschar-2016-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) { #hannah-peschar-2016-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='hannah-peschar-2016-icon-'], a[class*='hannah-peschar-2016-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='hannah-peschar-2016-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*='hannah-peschar-2016-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #hannah-peschar-2016-content img { width: auto; height: auto; } #hannah-peschar-2016-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #hannah-peschar-2016-info #hannah-peschar-2016-sequenceInfo, #hannah-peschar-2016-info #hannah-peschar-2016-title, #hannah-peschar-2016-info #hannah-peschar-2016-caption { color: rgba(170, 170, 170, 1.00); } #hannah-peschar-2016-info #hannah-peschar-2016-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hannah-peschar-2016-info #hannah-peschar-2016-caption { } /* @end */ /* Social icons in the lightbox */ #social-hannah-peschar-2016 { 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-hannah-peschar-2016 { display: block; } } #social-hannah-peschar-2016 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-hannah-peschar-2016 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-hannah-peschar-2016 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-hannah-peschar-2016 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #hannah-peschar-2016-content, html[data-lc-type=video] #hannah-peschar-2016-content { background: transparent; } } #hannah-peschar-2016-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159730 { margin: 20px 0px 0px 0px; } #stacks_in_159739 .poster-date { display: none !important; } #stacks_in_159739 .blog-entry-author { display: none !important; } #stacks_in_159755 { background-color: rgba(0, 0, 0, 1.00); margin: 0px 0px 20px 0px; } #stacks_in_159752 { margin: 20px 0px 0px 0px; } #stacks_in_159740 { margin: 0px 0px 20px 0px; } #stacks_in_159745 { margin: 0px 0px 20px 0px; } #stacks_in_159747 { padding: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #vanloon-2019 { display: block; width: 100%; text-align: center; } #vanloon-2019 li.proGalleryItem { -webkit-transform: translateZ(0); } #vanloon-2019 ul#proGalleryThumbsstacks_in_159749 { padding: 0; margin: 0; list-style: none; } #vanloon-2019 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #vanloon-2019 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #vanloon-2019 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #vanloon-2019 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 */ #vanloon-2019 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; } /* */ /* */ /* */ /* */ /* */ /* */ #vanloon-2019 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #vanloon-2019 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #vanloon-2019 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #vanloon-2019 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #vanloon-2019 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #vanloon-2019 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #vanloon-2019 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vanloon-2019 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #vanloon-2019.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #vanloon-2019.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #vanloon-2019.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #vanloon-2019.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #vanloon-2019.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #vanloon-2019.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #vanloon-2019.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #vanloon-2019.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; } #vanloon-2019.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #vanloon-2019.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #vanloon-2019.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #vanloon-2019.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #vanloon-2019 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #vanloon-2019 li .proGalleryItemInner { overflow: hidden; } #vanloon-2019 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 */ } #vanloon-2019 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("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='vanloon-2019-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 */ .vanloon-2019-icon-play:before { content: '\e800'; } .vanloon-2019-icon-pause:before { content: '\e801'; } .vanloon-2019-icon-close:before { content: '\e802'; } .vanloon-2019-icon-prev:before { content: '\e803'; } .vanloon-2019-icon-next:before { content: '\e804'; } .vanloon-2019-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 vanloon-2019-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 vanloon-2019-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 vanloon-2019-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 vanloon-2019-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 vanloon-2019-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); } } #vanloon-2019-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] #vanloon-2019-case, html[data-lc-type=ajax] #vanloon-2019-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]) #vanloon-2019-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] #vanloon-2019-content, html[data-lc-type=video] #vanloon-2019-content { background-color: #333; } } html[data-lc-type=inline] #vanloon-2019-content, html[data-lc-type=ajax] #vanloon-2019-content, html[data-lc-type=error] #vanloon-2019-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] #vanloon-2019-content, html[data-lc-type=ajax] #vanloon-2019-content, html[data-lc-type=error] #vanloon-2019-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] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-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] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-contentInner { padding: 15px; } html[data-lc-type=inline] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=inline] #vanloon-2019-content .vanloon-2019-contentInner > *, html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner > *, html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #vanloon-2019-content .vanloon-2019-contentInner > *:not(iframe), html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner > *:not(iframe), html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.vanloon-2019-isMobileDevice[data-lc-type=iframe] #vanloon-2019-content .vanloon-2019-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #vanloon-2019-content .vanloon-2019-contentInner, html[data-lc-type=video] #vanloon-2019-content .vanloon-2019-contentInner { line-height: 0.75; } } html[data-lc-type=image] #vanloon-2019-content .vanloon-2019-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vanloon-2019-content .vanloon-2019-contentInner .vanloon-2019-inlineWrap, html[data-lc-type=ajax] #vanloon-2019-content .vanloon-2019-contentInner .vanloon-2019-inlineWrap, html[data-lc-type=error] #vanloon-2019-content .vanloon-2019-contentInner .vanloon-2019-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]) #vanloon-2019-content .vanloon-2019-contentInner .vanloon-2019-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) { #vanloon-2019-content h1, #vanloon-2019-content h2, #vanloon-2019-content h3, #vanloon-2019-content h4, #vanloon-2019-content h5, #vanloon-2019-content h6, #vanloon-2019-content p { color: #aaa; } } @media screen and (min-width: 641px) { #vanloon-2019-content h1, #vanloon-2019-content h2, #vanloon-2019-content h3, #vanloon-2019-content h4, #vanloon-2019-content h5, #vanloon-2019-content h6, #vanloon-2019-content p { color: #333; } } #vanloon-2019-case p.vanloon-2019-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) { #vanloon-2019-case p.vanloon-2019-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #vanloon-2019-case p.vanloon-2019-error { padding: 0; } } .vanloon-2019-open body { overflow: hidden; } .vanloon-2019-isMobileDevice .vanloon-2019-open body { max-width: 100%; max-height: 100%; } #vanloon-2019-info { position: absolute; padding-top: 15px; } #vanloon-2019-info #vanloon-2019-title, #vanloon-2019-info #vanloon-2019-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #vanloon-2019-info #vanloon-2019-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #vanloon-2019-info #vanloon-2019-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #vanloon-2019-info #vanloon-2019-caption { clear: both; font-size: 13px; color: #aaa; } #vanloon-2019-info #vanloon-2019-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .vanloon-2019-fullScreenMode #vanloon-2019-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]) #vanloon-2019-info { position: static; } } #vanloon-2019-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: vanloon-2019-spin 0.5s infinite linear; -moz-animation: vanloon-2019-spin 0.5s infinite linear; -o-animation: vanloon-2019-spin 0.5s infinite linear; animation: vanloon-2019-spin 0.5s infinite linear; } #vanloon-2019-loading, #vanloon-2019-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; } #vanloon-2019-loading > span { display: inline-block; text-indent: -9999px; } a[class*='vanloon-2019-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*='vanloon-2019-icon-'], a[class*='vanloon-2019-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*='vanloon-2019-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='vanloon-2019-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .vanloon-2019-isMobileDevice a[class*='vanloon-2019-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='vanloon-2019-icon-'].vanloon-2019-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='vanloon-2019-icon-'].vanloon-2019-icon-prev { left: 15px; } a[class*='vanloon-2019-icon-'].vanloon-2019-icon-next { right: 15px; } a[class*='vanloon-2019-icon-'].vanloon-2019-icon-pause, a[class*='vanloon-2019-icon-'].vanloon-2019-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='vanloon-2019-icon-'].vanloon-2019-icon-pause, a[class*='vanloon-2019-icon-'].vanloon-2019-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='vanloon-2019-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='vanloon-2019-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='vanloon-2019-icon-']:hover, #vanloon-2019-case:hover ~ a[class*='vanloon-2019-icon-'] { opacity: 1; } } #vanloon-2019-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) { #vanloon-2019-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='vanloon-2019-icon-'], a[class*='vanloon-2019-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='vanloon-2019-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*='vanloon-2019-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #vanloon-2019-content img { width: auto; height: auto; } #vanloon-2019-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #vanloon-2019-info #vanloon-2019-sequenceInfo, #vanloon-2019-info #vanloon-2019-title, #vanloon-2019-info #vanloon-2019-caption { color: rgba(170, 170, 170, 1.00); } #vanloon-2019-info #vanloon-2019-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vanloon-2019-info #vanloon-2019-caption { } /* @end */ /* Social icons in the lightbox */ #social-vanloon-2019 { 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-vanloon-2019 { display: block; } } #social-vanloon-2019 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-vanloon-2019 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-vanloon-2019 a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-vanloon-2019 a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #vanloon-2019-content, html[data-lc-type=video] #vanloon-2019-content { background: transparent; } } #vanloon-2019-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159749 { margin: 20px 0px 0px 0px; } #stacks_in_159758 .poster-date { display: none !important; } #stacks_in_159758 .blog-entry-author { display: none !important; } #stacks_in_159777 { margin: 0px 0px 20px 0px; } #stacks_in_159774 { margin: 20px 0px 0px 0px; } #stacks_in_159759 { padding: 20px 0px 20px 0px; } #stacks_in_159762>.s3_row { margin: 0 -10px; } #stacks_in_159762>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159762>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159762>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159762>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159762>.s3_row { margin: -10px 0; } #stacks_in_159762>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159780 .poster-date { display: none !important; } #stacks_in_159780 .blog-entry-author { display: none !important; } #stacks_in_159808 { margin: 0px 0px 20px 0px; } #stacks_in_159805 { margin: 20px 0px 0px 0px; } #stacks_in_159781 { padding: 20px 0px 20px 0px; } #stacks_in_159784>.s3_row { margin: 0 -10px; } #stacks_in_159784>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159784>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159784>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159784>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159784>.s3_row { margin: -10px 0; } #stacks_in_159784>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159797>.s3_row { margin: 0 -10px; } #stacks_in_159797>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159797>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159797>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159797>.s3_row { margin: -10px 0; } #stacks_in_159797>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159801 img { height: auto; } #stacks_in_159799 img { height: auto; } #stacks_in_159791>.s3_row { margin: 0 -10px; } #stacks_in_159791>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159791>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159791>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159791>.s3_row { margin: -10px 0; } #stacks_in_159791>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159795 img { height: auto; } #stacks_in_159793 img { height: auto; } #stacks_in_159785>.s3_row { margin: 0 -10px; } #stacks_in_159785>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159785>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159785>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159785>.s3_row { margin: -10px 0; } #stacks_in_159785>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159789 img { height: auto; } #stacks_in_159787 img { height: auto; } #stacks_in_159811 .poster-title { display: none !important; } #stacks_in_159811 .poster-date { display: none !important; } #stacks_in_159811 .blog-entry-author { display: none !important; } #image_stacks_in_159877{max-width:350px} #image_stacks_in_159817{max-width:350px} #stacks_in_159819 { margin: 20px 0px 0px 0px; } #stacks_in_159821 .poster-date { display: none !important; } #stacks_in_159821 .blog-entry-author { display: none !important; } #stacks_in_159832 { margin: 0px 0px 20px 0px; } #stacks_in_159822 { padding: 20px; } #stacks_in_159835 .poster-date { display: none !important; } #stacks_in_159835 .blog-entry-author { display: none !important; } #stacks_in_159854 { margin: 0px 0px 20px 0px; } #stacks_in_159851 { margin: 20px; } #stacks_in_159836 { margin: 20px; } #stacks_in_159839 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_159839 .jwresp_col{float:none} #stacks_in_159839 #jwresp_col2_stacks_in_159839{position:relative;margin:0 auto;width:32%;float:none}#stacks_in_159839 #jwresp_col1_stacks_in_159839,#stacks_in_159839 #jwresp_col3_stacks_in_159839{width:32%}#stacks_in_159839 #jwresp_col1_stacks_in_159839{float:left}#stacks_in_159839 #jwresp_col3_stacks_in_159839{float:right} @media screen and (max-width:770px){#stacks_in_159839 #jwresp_col1_stacks_in_159839,#stacks_in_159839 #jwresp_col3_stacks_in_159839{margin-bottom:20px}#stacks_in_159839 #jwresp_col1_stacks_in_159839{width:49%}#stacks_in_159839 #jwresp_col3_stacks_in_159839{width:49%}#stacks_in_159839 #jwresp_col2_stacks_in_159839{clear:both;width:100%;display:block}} @media screen and (max-width:500px){#stacks_in_159839 #jwresp_col1_stacks_in_159839,#stacks_in_159839 #jwresp_col3_stacks_in_159839,#stacks_in_159839 #jwresp_col2_stacks_in_159839{float:none;width:100%;display:block}#stacks_in_159839 #jwresp_col1_stacks_in_159839,#stacks_in_159839 #jwresp_col3_stacks_in_159839{margin-bottom:20px}} #stacks_in_159857 .poster-date { display: none !important; } #stacks_in_159857 .blog-entry-author { display: none !important; } #stacks_in_159868 { margin: 0px 0px 20px 0px; } #stacks_in_159861 { padding: 20px; } .s-container-stacks_in_159943{ }#s-wrapper-stacks_in_159943{margin:0; }#s-content-stacks_in_159943{justify-content:center; padding:0; }.s-bg-stacks_in_159943{z-index:0}#s-outer-stacks_in_159943{border-radius:0px 0px 0px 0px} .s-container-stacks_in_159944_2{ }#s-wrapper-stacks_in_159944_2{margin:0; }#s-content-stacks_in_159944_2{justify-content:center; padding:0; }.s-bg-stacks_in_159944_2{z-index:0}#s-outer-stacks_in_159944_2{border-radius:0px 0px 0px 0px} /* @group Generic Styles */ #ruleStackstacks_in_159944_46, #ruleStackstacks_in_159944_46:before, #ruleStackstacks_in_159944_46:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_159944_46 { position: relative; overflow: hidden; margin: 1.00% 0; width: %; } /* */ #ruleStackstacks_in_159944_46 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_159944_46 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(218, 164, 32, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_159944_46 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_159944_46 { text-align: center; } #ruleStackstacks_in_159944_46:before, #ruleStackstacks_in_159944_46:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_159944_46:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_159944_46:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_159944_46 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_159944_46 { margin: 40px 0px 0px 0px; } #stacks_in_159944_47 { padding: 16px 0px 0px 0px; } #stacks_in_159944_48 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #stacks_in_159944_10 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_159944_11 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159944_12 p{ margin-bottom: 0; }#p-stacks_in_159944_12 p.lead{}#p-stacks_in_159944_12 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159944_12 p{}}#p-stacks_in_159944_12 a:hover{color:var(--accent-color-hover); } .item_stacks_in_159944_17{ grid-column:span 1;grid-row:span 1; justify-content:top; overflow:hidden; }@media (max-width:900px){.item_stacks_in_159944_17{ grid-column:span 1;grid-row:span 1;}} #stacks_in_159944_19 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_159944_20 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159944_21 p{ margin-bottom: 0; }#p-stacks_in_159944_21 p.lead{}#p-stacks_in_159944_21 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159944_21 p{}}#p-stacks_in_159944_21 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_159944_6_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159944_6_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159944_6_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159944_6_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159944_6_2{width:100%} .item_stacks_in_159944_6_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159944_6_6{justify-content:flex-start;overflow:hidden; } #stacks_in_159944_29 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_159944_30 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159944_31 p{ margin-bottom: 0; }#p-stacks_in_159944_31 p.lead{}#p-stacks_in_159944_31 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159944_31 p{}}#p-stacks_in_159944_31 a:hover{color:var(--accent-color-hover); } #stacks_in_159944_36 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_159944_37 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159944_38 p{ margin-bottom: 0; }#p-stacks_in_159944_38 p.lead{}#p-stacks_in_159944_38 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159944_38 p{}}#p-stacks_in_159944_38 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_159944_25_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159944_25_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159944_25_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159944_25_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159944_25_2{width:100%} .item_stacks_in_159944_25_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159944_25_6{justify-content:flex-start;overflow:hidden; } .s-cols-stacks_in_159944_4_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159944_4_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159944_4_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159944_4_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159944_4_2{width:100%} .item_stacks_in_159944_4_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159944_4_6{justify-content:flex-start;overflow:hidden; } #p-stacks_in_159944_43 p{ margin-bottom: 0; }#p-stacks_in_159944_43 p.lead{}#p-stacks_in_159944_43 a{color:var(--link-color);}#p-stacks_in_159944_43 a:hover{color:var(--link-color-hover); }