/* * 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)}} /* * text-align */ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nomargin-top{margin-top:0}.text-nomargin-top.text >:first-child{margin-top:0}.text-nomargin-bottom{margin-bottom:0}.text-nomargin-bottom.text >:last-child{margin-bottom:0} .image-align-left{margin-left:0;margin-right:auto}.image-align-center{margin-left:auto;margin-right:auto}.image-align-right{margin-left:auto;margin-right:0}.image-full{width:100% !important}.stacks-picture img{max-width:100%;width:auto;height:auto;display:block} details{display:block}details > summary{outline:0;cursor:pointer} .com_bigwhiteduck_stacks_markdownpro_stack figure{margin:0}.com_bigwhiteduck_stacks_markdownpro_stack figure img{max-width:100%;height:auto}.com_bigwhiteduck_stacks_markdownpro_stack figure figcaption{display:none}.com_bigwhiteduck_stacks_markdownpro_stack pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-center p{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-left p{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-right p{text-align:right}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-justify p{text-align:justify}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-inherit{text-align:inherit}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h6{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h6{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h6{text-align:right}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h6{text-align:inherit}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-center ul{display:table;margin:0 auto}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-left ul{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-right ul{display:table;margin:0 0 0 auto}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-center ul li p{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-left ul li p{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-right ul li p{text-align:right}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-text-center,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-text-center p{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h6{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-list-center ul{display:table;margin:0 auto}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-listtext-center ul li p{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-justify.small-only-just-left p{text-align:left !important}}.com_bigwhiteduck_stacks_markdownpro_stack .mdp p:empty{display:none !important}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.quote-left[class*="text-"] blockquote{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.quote-left[class*="text-"] blockquote > p{text-align:left;margin-bottom:0}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.no-bot-margin >:nth-last-child(2){margin-bottom:0 !important}.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::before,.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::after{content:" ";display:table}.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::after{clear:both}.com_bigwhiteduck_stacks_markdownpro_stack .mdp-cntrls{display:none !important} .stacks-button{--button-text-color:#ffffff;--button-background-color:#0080ff;--button-background-color-hover:#0059b1;--button-radius:0;text-align:left;position:relative;box-sizing:border-box}.stacks-button > a,.stacks-button > button{color:var(--button-text-color) !important;background-color:var(--button-background-color) !important;display:inline-block;box-sizing:border-box;vertical-align:middle;margin:0 0 1rem 0;padding:.85em 1em;border:1px solid transparent;border-radius:var(--button-radius);transition:background-color .25s ease-out,color .25s ease-out;font-family:inherit;font-size:1rem;-webkit-appearance:none;line-height:1;text-align:center;text-decoration:none;cursor:pointer}.stacks-button > a:hover,.stacks-button > a:active,.stacks-button > button:hover,.stacks-button > button:active{background-color:var(--button-background-color-hover) !important}.stacks-button.button-center{text-align:center}.stacks-button.button-right{text-align:right}.stacks-button.button-fill > a,.stacks-button.button-fill > button{display:block;width:100%}.stacks-button.button-plain{--button-background-color:transparent!important;--button-background-color-hover:transparent!important}.stacks-button.button-round{--button-radius:30px}.stacks-button.button-radius{--button-radius:3px} .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}.btn-group-rounded .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}@media only screen and (min-width:600px){.btn-group-rounded-m .button-group-btn:first-of-type a{border-top-left-radius:50px!important;border-bottom-left-radius:50px!important}.btn-group-rounded-m .button-group-btn:last-of-type a{border-top-right-radius:50px!important;border-bottom-right-radius:50px!important}} 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_158939_57.nav-wrap{background-color:var(--nav-bg);width:100%;padding:35px 35px 35px 35px}#stacks_in_158939_57 .nav-content{z-index:999}#stacks_in_158939_57.nav-fixed,#stacks_in_158939_57.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_158939_57.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_158939_57.nav-sticky{position:sticky}#stacks_in_158939_57 .contained-bar{max-width:var(--container-max-width)}#stacks_in_158939_57 .navbar li>ul{background-color:rgba(0, 0, 0, 0.85)}#stacks_in_158939_57 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_158939_57 .navbar li a{color:var(--nav-link)}#stacks_in_158939_57 .navbar li:hover>*:first-child,#stacks_in_158939_57 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_158939_57 .navbar li:hover,#stacks_in_158939_57 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_158939_57 .logo img{vertical-align:top;height:30px;border-radius:0px;width:auto;max-width:none}#stacks_in_158939_57 .logo{}#stacks_in_158939_57 .site-title{}#stacks_in_158939_57 .navbar{display:block;}#stacks_in_158939_57 .branding{position:relative;display:flex;align-items:center;justify-content:center}#stacks_in_158939_57 .branding h5{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_158939_57 .site-title a{color:var(--text-color-normal);}#stacks_in_158939_57 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:1399px){#stacks_in_158939_57 .ml-dropdown{background-color:rgba(0, 0, 0, 0.85);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_158939_57 .cta{display:none} #stacks_in_158939_57 .navbar li{margin:3px 0}#stacks_in_158939_57 .branding{}}@media only screen and (min-width:1400px){ #stacks_in_158939_57 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_158939_57 .site-title{display: none;} #stacks_in_158939_57 .cta-small{display:none} #stacks_in_158939_57 .branding h5{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_158939_57 .grouped-cta,#stacks_in_158939_57 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_158939_57 .branding{min-width:0px;justify-content: start;}#stacks_in_158939_57 .logo img{height:30px}#stacks_in_158939_57 .navbar{display:inline-block} #stacks_in_158939_57 .mob-icon{display:none}#stacks_in_158939_57.nav-wrap{padding:40px 12px 50px 12px}#stacks_in_158939_57 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_158939_57 .navbar,#stacks_in_158939_57 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_158939_57 .navbar li a{padding:0 .8em}#stacks_in_158939_57 .navbar li.active,#stacks_in_158939_57 .navbar li:hover{border-radius:0px}#stacks_in_158939_57 .navbar .ml-menu,#stacks_in_158939_57 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_158939_57 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_158939_57 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_158939_57 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_158939_57 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_158939_57 .navbar .ml-menu ul,#stacks_in_158939_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_158939_57 .navbar [dir=rtl] .ml-menu ul,#stacks_in_158939_57 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_158939_57 .navbar .ml-menu ul ul,#stacks_in_158939_57 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_158939_57 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_158939_57 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_158939_57 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_158939_57 .navbar .ml-menu>li{display:inline-block}#stacks_in_158939_57 .navbar .ml-menu a,#stacks_in_158939_57 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_158939_57 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_158939_57 .navbar .ml-js li:hover>ul{display:none}#stacks_in_158939_57 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_158939_57 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_158939_57 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_158939_57 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_158939_57 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_158939_57 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_158939_57 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_158939_57 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_158939_57 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_158939_57 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_158939_57 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_158939_57 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_158939_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_158939_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_158939_57 .burg span:nth-child(1){top:0}#stacks_in_158939_57 .burg span:nth-child(2),#stacks_in_158939_57 .burg span:nth-child(3){top:18px}#stacks_in_158939_57 .burg span:nth-child(4){top:36px}#stacks_in_158939_57.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_158939_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_158939_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_158939_57.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} h1.stacks_in_158939_65{ } .s-container-stacks_in_159207{ }#s-wrapper-stacks_in_159207{margin:0; }#s-content-stacks_in_159207{justify-content:center; padding:0; }.s-bg-stacks_in_159207{z-index:0}#s-outer-stacks_in_159207{border-radius:0px 0px 0px 0px} #stacks_in_159210 { margin: 0px 0px 20px 0px; } #button_stacks_in_159214{--button-text-color:rgba(255, 255, 255, 1.00);--button-background-color:rgba(238, 163, 33, 1.00);--button-background-color-hover:rgba(202, 138, 28, 1.00)} #stacks_in_159206 { font-size: 120%; } .s-container-stacks_in_159304{max-width:1200px; }#s-wrapper-stacks_in_159304{margin:0; }#s-content-stacks_in_159304{justify-content:center; padding:0; }.s-bg-stacks_in_159304{z-index:0}#s-outer-stacks_in_159304{border-radius:0px 0px 0px 0px} .s-container-stacks_in_159305{ }#s-wrapper-stacks_in_159305{margin:0; }#s-content-stacks_in_159305{justify-content:center; padding:0; }.s-bg-stacks_in_159305{z-index:0}#s-outer-stacks_in_159305{border-radius:0px 0px 0px 0px} #stacks_in_159307 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-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_159307 { 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_159687 .poster-date { display: none !important; } #stacks_in_159687 .blog-entry-author { display: none !important; } #stacks_in_159695 { margin: 0px 0px 20px 0px; } #stacks_in_159692 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } .s-cols-stacks_in_159737_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159737_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159737_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159737_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159737_2{width:100%} .item_stacks_in_159737_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159737_6{justify-content:flex-start;overflow:hidden; } #stacks_in_159691 { margin: 30px 0px 0px 0px; } #stacks_in_159674 .poster-date { display: none !important; } #stacks_in_159674 .blog-entry-author { display: none !important; } #stacks_in_159683 { margin: 0px 0px 20px 0px; } #stacks_in_159680 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159678 { margin: 30px 0px 0px 0px; } #stacks_in_159715 .poster-date { display: none !important; } #stacks_in_159715 .blog-entry-author { display: none !important; } #stacks_in_159730 { margin: 0px 0px 20px 0px; } #stacks_in_159727 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } .s-cols-stacks_in_159719_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159719_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159719_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159719_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159719_2{width:100%} .item_stacks_in_159719_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159719_6{justify-content:flex-start;overflow:hidden; } #stacks_in_159726 { margin: 30px 0px 0px 0px; } #stacks_in_159651 .poster-date { display: none !important; } #stacks_in_159651 .blog-entry-author { display: none !important; } #stacks_in_159671 { margin: 0px 0px 20px 0px; } #stacks_in_159668 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #HAND-PORTRAITURE { display: block; width: 100%; text-align: center; } #HAND-PORTRAITURE li.proGalleryItem { -webkit-transform: translateZ(0); } #HAND-PORTRAITURE ul#proGalleryThumbsstacks_in_159733 { padding: 0; margin: 0; list-style: none; } #HAND-PORTRAITURE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #HAND-PORTRAITURE 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); } #HAND-PORTRAITURE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #HAND-PORTRAITURE 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 */ #HAND-PORTRAITURE 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; } /* */ /* */ /* */ /* */ /* */ /* */ #HAND-PORTRAITURE { -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) { #HAND-PORTRAITURE { -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) { #HAND-PORTRAITURE { -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) { #HAND-PORTRAITURE { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #HAND-PORTRAITURE li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #HAND-PORTRAITURE .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); } #HAND-PORTRAITURE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #HAND-PORTRAITURE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #HAND-PORTRAITURE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #HAND-PORTRAITURE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #HAND-PORTRAITURE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #HAND-PORTRAITURE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #HAND-PORTRAITURE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #HAND-PORTRAITURE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #HAND-PORTRAITURE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #HAND-PORTRAITURE.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; } #HAND-PORTRAITURE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #HAND-PORTRAITURE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #HAND-PORTRAITURE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #HAND-PORTRAITURE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #HAND-PORTRAITURE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #HAND-PORTRAITURE li .proGalleryItemInner { overflow: hidden; } #HAND-PORTRAITURE 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 */ } #HAND-PORTRAITURE 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*='HAND-PORTRAITURE-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 */ .HAND-PORTRAITURE-icon-play:before { content: '\e800'; } .HAND-PORTRAITURE-icon-pause:before { content: '\e801'; } .HAND-PORTRAITURE-icon-close:before { content: '\e802'; } .HAND-PORTRAITURE-icon-prev:before { content: '\e803'; } .HAND-PORTRAITURE-icon-next:before { content: '\e804'; } .HAND-PORTRAITURE-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 HAND-PORTRAITURE-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 HAND-PORTRAITURE-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 HAND-PORTRAITURE-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 HAND-PORTRAITURE-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 HAND-PORTRAITURE-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); } } #HAND-PORTRAITURE-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] #HAND-PORTRAITURE-case, html[data-lc-type=ajax] #HAND-PORTRAITURE-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]) #HAND-PORTRAITURE-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] #HAND-PORTRAITURE-content, html[data-lc-type=video] #HAND-PORTRAITURE-content { background-color: #333; } } html[data-lc-type=inline] #HAND-PORTRAITURE-content, html[data-lc-type=ajax] #HAND-PORTRAITURE-content, html[data-lc-type=error] #HAND-PORTRAITURE-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] #HAND-PORTRAITURE-content, html[data-lc-type=ajax] #HAND-PORTRAITURE-content, html[data-lc-type=error] #HAND-PORTRAITURE-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] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-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] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner { padding: 15px; } html[data-lc-type=inline] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=inline] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > *, html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > *, html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > *:not(iframe), html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > *:not(iframe), html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.HAND-PORTRAITURE-isMobileDevice[data-lc-type=iframe] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner, html[data-lc-type=video] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner .HAND-PORTRAITURE-inlineWrap, html[data-lc-type=ajax] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner .HAND-PORTRAITURE-inlineWrap, html[data-lc-type=error] #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner .HAND-PORTRAITURE-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]) #HAND-PORTRAITURE-content .HAND-PORTRAITURE-contentInner .HAND-PORTRAITURE-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) { #HAND-PORTRAITURE-content h1, #HAND-PORTRAITURE-content h2, #HAND-PORTRAITURE-content h3, #HAND-PORTRAITURE-content h4, #HAND-PORTRAITURE-content h5, #HAND-PORTRAITURE-content h6, #HAND-PORTRAITURE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #HAND-PORTRAITURE-content h1, #HAND-PORTRAITURE-content h2, #HAND-PORTRAITURE-content h3, #HAND-PORTRAITURE-content h4, #HAND-PORTRAITURE-content h5, #HAND-PORTRAITURE-content h6, #HAND-PORTRAITURE-content p { color: #333; } } #HAND-PORTRAITURE-case p.HAND-PORTRAITURE-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) { #HAND-PORTRAITURE-case p.HAND-PORTRAITURE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #HAND-PORTRAITURE-case p.HAND-PORTRAITURE-error { padding: 0; } } .HAND-PORTRAITURE-open body { overflow: hidden; } .HAND-PORTRAITURE-isMobileDevice .HAND-PORTRAITURE-open body { max-width: 100%; max-height: 100%; } #HAND-PORTRAITURE-info { position: absolute; padding-top: 15px; } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-title, #HAND-PORTRAITURE-info #HAND-PORTRAITURE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #HAND-PORTRAITURE-info #HAND-PORTRAITURE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-caption { clear: both; font-size: 13px; color: #aaa; } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .HAND-PORTRAITURE-fullScreenMode #HAND-PORTRAITURE-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]) #HAND-PORTRAITURE-info { position: static; } } #HAND-PORTRAITURE-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: HAND-PORTRAITURE-spin 0.5s infinite linear; -moz-animation: HAND-PORTRAITURE-spin 0.5s infinite linear; -o-animation: HAND-PORTRAITURE-spin 0.5s infinite linear; animation: HAND-PORTRAITURE-spin 0.5s infinite linear; } #HAND-PORTRAITURE-loading, #HAND-PORTRAITURE-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; } #HAND-PORTRAITURE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='HAND-PORTRAITURE-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*='HAND-PORTRAITURE-icon-'], a[class*='HAND-PORTRAITURE-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*='HAND-PORTRAITURE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='HAND-PORTRAITURE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .HAND-PORTRAITURE-isMobileDevice a[class*='HAND-PORTRAITURE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-prev { left: 15px; } a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-next { right: 15px; } a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-pause, a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-pause, a[class*='HAND-PORTRAITURE-icon-'].HAND-PORTRAITURE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='HAND-PORTRAITURE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='HAND-PORTRAITURE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='HAND-PORTRAITURE-icon-']:hover, #HAND-PORTRAITURE-case:hover ~ a[class*='HAND-PORTRAITURE-icon-'] { opacity: 1; } } #HAND-PORTRAITURE-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) { #HAND-PORTRAITURE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='HAND-PORTRAITURE-icon-'], a[class*='HAND-PORTRAITURE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='HAND-PORTRAITURE-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*='HAND-PORTRAITURE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #HAND-PORTRAITURE-content img { width: auto; height: auto; } #HAND-PORTRAITURE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-sequenceInfo, #HAND-PORTRAITURE-info #HAND-PORTRAITURE-title, #HAND-PORTRAITURE-info #HAND-PORTRAITURE-caption { color: rgba(170, 170, 170, 1.00); } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #HAND-PORTRAITURE-info #HAND-PORTRAITURE-caption { } /* @end */ /* Social icons in the lightbox */ #social-HAND-PORTRAITURE { 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-HAND-PORTRAITURE { display: block; } } #social-HAND-PORTRAITURE 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-HAND-PORTRAITURE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-HAND-PORTRAITURE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #HAND-PORTRAITURE-content, html[data-lc-type=video] #HAND-PORTRAITURE-content { background: transparent; } } #HAND-PORTRAITURE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159733 { margin: 20px 0px 0px 0px; } #stacks_in_159652 { margin: 30px 0px 0px 0px; } #stacks_in_159309 .poster-date { display: none !important; } #stacks_in_159309 .blog-entry-author { display: none !important; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159336 { height: 20.00px; } @media print { #spacerStackstacks_in_159336 { display: none !important; } } #stacks_out_159311,#stacks_in_159311{overflow:visible} #stacks_in_159313 { padding: 20px 20px 20px 20px; } #stacks_in_159317 { margin: 20px; padding: 20px; } #stacks_in_159319 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #galadedanza { display: block; width: 100%; text-align: center; } #galadedanza li.proGalleryItem { -webkit-transform: translateZ(0); } #galadedanza ul#proGalleryThumbsstacks_in_159321 { padding: 0; margin: 0; list-style: none; } #galadedanza li.proGalleryItem { margin: 0; padding: 0; position: relative; } #galadedanza 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); } #galadedanza li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #galadedanza 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 */ #galadedanza 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; } /* */ /* */ /* */ /* */ /* */ /* */ #galadedanza { -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) { #galadedanza { -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) { #galadedanza { -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) { #galadedanza { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #galadedanza li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #galadedanza .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); } #galadedanza .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #galadedanza .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #galadedanza.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #galadedanza.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #galadedanza.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #galadedanza.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #galadedanza.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #galadedanza.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #galadedanza.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #galadedanza.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; } #galadedanza.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #galadedanza.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #galadedanza.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #galadedanza.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #galadedanza li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #galadedanza li .proGalleryItemInner { overflow: hidden; } #galadedanza 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 */ } #galadedanza 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*='galadedanza-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 */ .galadedanza-icon-play:before { content: '\e800'; } .galadedanza-icon-pause:before { content: '\e801'; } .galadedanza-icon-close:before { content: '\e802'; } .galadedanza-icon-prev:before { content: '\e803'; } .galadedanza-icon-next:before { content: '\e804'; } .galadedanza-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 galadedanza-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 galadedanza-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 galadedanza-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 galadedanza-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 galadedanza-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); } } #galadedanza-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] #galadedanza-case, html[data-lc-type=ajax] #galadedanza-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]) #galadedanza-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] #galadedanza-content, html[data-lc-type=video] #galadedanza-content { background-color: #333; } } html[data-lc-type=inline] #galadedanza-content, html[data-lc-type=ajax] #galadedanza-content, html[data-lc-type=error] #galadedanza-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] #galadedanza-content, html[data-lc-type=ajax] #galadedanza-content, html[data-lc-type=error] #galadedanza-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] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=error] #galadedanza-content .galadedanza-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] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=error] #galadedanza-content .galadedanza-contentInner { padding: 15px; } html[data-lc-type=inline] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=inline] #galadedanza-content .galadedanza-contentInner > *, html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner > *, html[data-lc-type=error] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=error] #galadedanza-content .galadedanza-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #galadedanza-content .galadedanza-contentInner > *:not(iframe), html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner > *:not(iframe), html[data-lc-type=error] #galadedanza-content .galadedanza-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.galadedanza-isMobileDevice[data-lc-type=iframe] #galadedanza-content .galadedanza-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #galadedanza-content .galadedanza-contentInner, html[data-lc-type=video] #galadedanza-content .galadedanza-contentInner { line-height: 0.75; } } html[data-lc-type=image] #galadedanza-content .galadedanza-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #galadedanza-content .galadedanza-contentInner .galadedanza-inlineWrap, html[data-lc-type=ajax] #galadedanza-content .galadedanza-contentInner .galadedanza-inlineWrap, html[data-lc-type=error] #galadedanza-content .galadedanza-contentInner .galadedanza-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]) #galadedanza-content .galadedanza-contentInner .galadedanza-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) { #galadedanza-content h1, #galadedanza-content h2, #galadedanza-content h3, #galadedanza-content h4, #galadedanza-content h5, #galadedanza-content h6, #galadedanza-content p { color: #aaa; } } @media screen and (min-width: 641px) { #galadedanza-content h1, #galadedanza-content h2, #galadedanza-content h3, #galadedanza-content h4, #galadedanza-content h5, #galadedanza-content h6, #galadedanza-content p { color: #333; } } #galadedanza-case p.galadedanza-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) { #galadedanza-case p.galadedanza-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #galadedanza-case p.galadedanza-error { padding: 0; } } .galadedanza-open body { overflow: hidden; } .galadedanza-isMobileDevice .galadedanza-open body { max-width: 100%; max-height: 100%; } #galadedanza-info { position: absolute; padding-top: 15px; } #galadedanza-info #galadedanza-title, #galadedanza-info #galadedanza-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #galadedanza-info #galadedanza-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #galadedanza-info #galadedanza-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #galadedanza-info #galadedanza-caption { clear: both; font-size: 13px; color: #aaa; } #galadedanza-info #galadedanza-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .galadedanza-fullScreenMode #galadedanza-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]) #galadedanza-info { position: static; } } #galadedanza-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: galadedanza-spin 0.5s infinite linear; -moz-animation: galadedanza-spin 0.5s infinite linear; -o-animation: galadedanza-spin 0.5s infinite linear; animation: galadedanza-spin 0.5s infinite linear; } #galadedanza-loading, #galadedanza-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; } #galadedanza-loading > span { display: inline-block; text-indent: -9999px; } a[class*='galadedanza-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*='galadedanza-icon-'], a[class*='galadedanza-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*='galadedanza-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='galadedanza-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .galadedanza-isMobileDevice a[class*='galadedanza-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='galadedanza-icon-'].galadedanza-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='galadedanza-icon-'].galadedanza-icon-prev { left: 15px; } a[class*='galadedanza-icon-'].galadedanza-icon-next { right: 15px; } a[class*='galadedanza-icon-'].galadedanza-icon-pause, a[class*='galadedanza-icon-'].galadedanza-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='galadedanza-icon-'].galadedanza-icon-pause, a[class*='galadedanza-icon-'].galadedanza-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='galadedanza-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='galadedanza-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='galadedanza-icon-']:hover, #galadedanza-case:hover ~ a[class*='galadedanza-icon-'] { opacity: 1; } } #galadedanza-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) { #galadedanza-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='galadedanza-icon-'], a[class*='galadedanza-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='galadedanza-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*='galadedanza-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #galadedanza-content img { width: auto; height: auto; } #galadedanza-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #galadedanza-info #galadedanza-sequenceInfo, #galadedanza-info #galadedanza-title, #galadedanza-info #galadedanza-caption { color: rgba(170, 170, 170, 1.00); } #galadedanza-info #galadedanza-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #galadedanza-info #galadedanza-caption { } /* @end */ /* Social icons in the lightbox */ #social-galadedanza { 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-galadedanza { display: block; } } #social-galadedanza 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-galadedanza a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-galadedanza a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #galadedanza-content, html[data-lc-type=video] #galadedanza-content { background: transparent; } } #galadedanza-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159321 { margin: 20px 0px 0px 0px; } #stacks_in_159337 .poster-date { display: none !important; } #stacks_in_159337 .blog-entry-author { display: none !important; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159344 { height: 20.00px; } @media print { #spacerStackstacks_in_159344 { display: none !important; } } #stacks_out_159338_2,#stacks_in_159338_2{overflow:visible} #stacks_in_159338_4 { padding: 20px 20px 20px 20px; } #stacks_in_159338_17 { margin: 20px; padding: 20px; } #stacks_in_159338_8 { margin: 20px 0px 0px 0px; } #stacks_in_159338_37 { margin: 20px 0px 0px 0px; } #stacks_in_159338_30 figure{text-align:center}#stacks_in_159338_30 .mdph{display:none}#stacks_in_159338_30 .mdp.book-set{widows:5;orphans:5}#stacks_in_159338_30 .mdp.book-set p:not(:first-of-type){text-indent:1.40rem}#stacks_in_159338_30 .mdp.book-set p:not(:last-of-type){margin-bottom:1.25rem !important}#stacks_in_159338_30 .mdp.book-set.indent-all p:first-of-type{text-indent:1.40rem}#stacks_in_159338_30 .mdp.book-set.indent-all blockquote > p:first-of-type{text-indent:0}#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h1 + p,#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h2 + p,#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h3 + p,#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h4 + p,#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h5 + p,#stacks_in_159338_30 .mdp.book-set:not(.indent-all) h6 + p{text-indent:0 !important}#stacks_in_159338_30 .mdp.p-lead p:first-of-type{font-size:130%}#stacks_out_159338_30{max-width:800px;margin-left:auto;margin-right:auto}@media only screen and (min-width:0px){#stacks_in_159338_30 p{}} #stacks_in_159338_30 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_159338_30 .effect-label{display:block !important}#stacks_in_159338_30 blockquote{-webkit-box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00);box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00)}#stacks_in_159338_30 blockquote{position:relative;z-index:1}#stacks_in_159338_30 blockquote::before,#stacks_in_159338_30 blockquote::after{position:relative;z-index:-1;display:block;line-height:0;color:rgba(255, 130, 0, 1.00);font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:96px}@media all and (min-width:640px){#stacks_in_159338_30 blockquote::before,#stacks_in_159338_30 blockquote::after{font-size:118px}}@media all and (min-width:1000px){#stacks_in_159338_30 blockquote::before,#stacks_in_159338_30 blockquote::after{font-size:122px}}#stacks_in_159338_30 blockquote p:last-of-type{margin-bottom:0}#stacks_in_159338_30 blockquote::before{content:"\201C";left:0px;top:0px;margin-top:calc(96px / 3)}@media all and (min-width:640px){#stacks_in_159338_30 blockquote::before{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159338_30 blockquote::before{margin-top:calc(122px / 3)}}#stacks_in_159338_30 blockquote::after{content:"\201D";text-align:right;right:0px;bottom:-40px;}@media all and (min-width:640px){#stacks_in_159338_30 blockquote::after{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159338_30 blockquote::after{margin-top:calc(122px / 3)}}#stacks_in_159338_30 blockquote{background-color:rgba(51, 51, 51, 1.00);}#stacks_in_159338_30 blockquote{padding:0}#stacks_in_159338_30 blockquote{padding: 22px }@media all and (min-width:640px){#stacks_in_159338_30 blockquote{padding: 30px }}@media all and (min-width:1000px){#stacks_in_159338_30 blockquote{padding: 34px }}#stacks_in_159338_30 blockquote{padding-bottom:calc(34px * 1.00)}#stacks_in_159338_30 blockquote{border-width:0px 0px 0px 0px;border-color:rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(51, 51, 51, 1.00);border-style:dotted;border-radius:9px 9px 9px 9px}#stacks_in_159338_30 blockquote > p{font-size:19px !important}@media all and (min-width:640px){#stacks_in_159338_30 blockquote > p{font-size:22px !important}}@media all and (min-width:1000px){#stacks_in_159338_30 blockquote > p{font-size:22px !important}}#stacks_in_159338_30 cite{font-size:70% !important}#stacks_in_159338_30 blockquote > p{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159338_30 cite{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159338_30 blockquote > p{font-style:italic !important} #stacks_in_159338_47 { margin: 20px 0px 20px 0px; } #stacks_in_159338_71 { margin: 20px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159338_77 { height: 20.00px; } @media print { #spacerStackstacks_in_159338_77 { display: none !important; } } #video_stack_videotag_stacks_in_159338_87 { max-width: 100%; height: auto; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159338_100 { height: 20.00px; } @media print { #spacerStackstacks_in_159338_100 { display: none !important; } } #video_stack_videotag_stacks_in_159338_90 { max-width: 100%; height: auto; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159338_96 { height: 20.00px; } @media print { #spacerStackstacks_in_159338_96 { display: none !important; } } /* @group ProGallery Grid */ #umbrellas { display: block; width: 100%; text-align: center; } #umbrellas li.proGalleryItem { -webkit-transform: translateZ(0); } #umbrellas ul#proGalleryThumbsstacks_in_159338_93 { padding: 0; margin: 0; list-style: none; } #umbrellas li.proGalleryItem { margin: 0; padding: 0; position: relative; } #umbrellas 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); } #umbrellas li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #umbrellas 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 */ #umbrellas 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; } /* */ /* */ /* */ /* */ /* */ /* */ #umbrellas { -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) { #umbrellas { -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) { #umbrellas { -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) { #umbrellas { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #umbrellas li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #umbrellas .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); } #umbrellas .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #umbrellas .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #umbrellas.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #umbrellas.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #umbrellas.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #umbrellas.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #umbrellas.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #umbrellas.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #umbrellas.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #umbrellas.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; } #umbrellas.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #umbrellas.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #umbrellas.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #umbrellas.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #umbrellas li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #umbrellas li .proGalleryItemInner { overflow: hidden; } #umbrellas 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 */ } #umbrellas 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*='umbrellas-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 */ .umbrellas-icon-play:before { content: '\e800'; } .umbrellas-icon-pause:before { content: '\e801'; } .umbrellas-icon-close:before { content: '\e802'; } .umbrellas-icon-prev:before { content: '\e803'; } .umbrellas-icon-next:before { content: '\e804'; } .umbrellas-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 umbrellas-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 umbrellas-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 umbrellas-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 umbrellas-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 umbrellas-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); } } #umbrellas-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] #umbrellas-case, html[data-lc-type=ajax] #umbrellas-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]) #umbrellas-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] #umbrellas-content, html[data-lc-type=video] #umbrellas-content { background-color: #333; } } html[data-lc-type=inline] #umbrellas-content, html[data-lc-type=ajax] #umbrellas-content, html[data-lc-type=error] #umbrellas-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] #umbrellas-content, html[data-lc-type=ajax] #umbrellas-content, html[data-lc-type=error] #umbrellas-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] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-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] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner { padding: 15px; } html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner > *, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner > *, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner > *:not(iframe), html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner > *:not(iframe), html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.umbrellas-isMobileDevice[data-lc-type=iframe] #umbrellas-content .umbrellas-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=video] #umbrellas-content .umbrellas-contentInner { line-height: 0.75; } } html[data-lc-type=image] #umbrellas-content .umbrellas-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner .umbrellas-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]) #umbrellas-content .umbrellas-contentInner .umbrellas-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) { #umbrellas-content h1, #umbrellas-content h2, #umbrellas-content h3, #umbrellas-content h4, #umbrellas-content h5, #umbrellas-content h6, #umbrellas-content p { color: #aaa; } } @media screen and (min-width: 641px) { #umbrellas-content h1, #umbrellas-content h2, #umbrellas-content h3, #umbrellas-content h4, #umbrellas-content h5, #umbrellas-content h6, #umbrellas-content p { color: #333; } } #umbrellas-case p.umbrellas-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) { #umbrellas-case p.umbrellas-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #umbrellas-case p.umbrellas-error { padding: 0; } } .umbrellas-open body { overflow: hidden; } .umbrellas-isMobileDevice .umbrellas-open body { max-width: 100%; max-height: 100%; } #umbrellas-info { position: absolute; padding-top: 15px; } #umbrellas-info #umbrellas-title, #umbrellas-info #umbrellas-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #umbrellas-info #umbrellas-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #umbrellas-info #umbrellas-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #umbrellas-info #umbrellas-caption { clear: both; font-size: 13px; color: #aaa; } #umbrellas-info #umbrellas-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .umbrellas-fullScreenMode #umbrellas-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]) #umbrellas-info { position: static; } } #umbrellas-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: umbrellas-spin 0.5s infinite linear; -moz-animation: umbrellas-spin 0.5s infinite linear; -o-animation: umbrellas-spin 0.5s infinite linear; animation: umbrellas-spin 0.5s infinite linear; } #umbrellas-loading, #umbrellas-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; } #umbrellas-loading > span { display: inline-block; text-indent: -9999px; } a[class*='umbrellas-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*='umbrellas-icon-'], a[class*='umbrellas-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*='umbrellas-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='umbrellas-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .umbrellas-isMobileDevice a[class*='umbrellas-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='umbrellas-icon-'].umbrellas-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='umbrellas-icon-'].umbrellas-icon-prev { left: 15px; } a[class*='umbrellas-icon-'].umbrellas-icon-next { right: 15px; } a[class*='umbrellas-icon-'].umbrellas-icon-pause, a[class*='umbrellas-icon-'].umbrellas-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='umbrellas-icon-'].umbrellas-icon-pause, a[class*='umbrellas-icon-'].umbrellas-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='umbrellas-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='umbrellas-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='umbrellas-icon-']:hover, #umbrellas-case:hover ~ a[class*='umbrellas-icon-'] { opacity: 1; } } #umbrellas-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) { #umbrellas-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='umbrellas-icon-'], a[class*='umbrellas-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='umbrellas-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*='umbrellas-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #umbrellas-content img { width: auto; height: auto; } #umbrellas-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #umbrellas-info #umbrellas-sequenceInfo, #umbrellas-info #umbrellas-title, #umbrellas-info #umbrellas-caption { color: rgba(170, 170, 170, 1.00); } #umbrellas-info #umbrellas-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #umbrellas-info #umbrellas-caption { } /* @end */ /* Social icons in the lightbox */ #social-umbrellas { 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-umbrellas { display: block; } } #social-umbrellas 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-umbrellas a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-umbrellas a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #umbrellas-content, html[data-lc-type=video] #umbrellas-content { background: transparent; } } #umbrellas-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159338_93 { margin: 20px 0px 0px 0px; } #stacks_in_159345 .poster-date { display: none !important; } #stacks_in_159345 .blog-entry-author { display: none !important; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159371 { height: 20.00px; } @media print { #spacerStackstacks_in_159371 { display: none !important; } } #stacks_in_159367 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159358 { margin: 20px 0px 20px 0px; padding: 20px; } #stacks_in_159647 figure{text-align:center}#stacks_in_159647 .mdph{display:none}#stacks_in_159647 .mdp.book-set{widows:5;orphans:5}#stacks_in_159647 .mdp.book-set p:not(:first-of-type){text-indent:1.40rem}#stacks_in_159647 .mdp.book-set p:not(:last-of-type){margin-bottom:1.25rem !important}#stacks_in_159647 .mdp.book-set.indent-all p:first-of-type{text-indent:1.40rem}#stacks_in_159647 .mdp.book-set.indent-all blockquote > p:first-of-type{text-indent:0}#stacks_in_159647 .mdp.book-set:not(.indent-all) h1 + p,#stacks_in_159647 .mdp.book-set:not(.indent-all) h2 + p,#stacks_in_159647 .mdp.book-set:not(.indent-all) h3 + p,#stacks_in_159647 .mdp.book-set:not(.indent-all) h4 + p,#stacks_in_159647 .mdp.book-set:not(.indent-all) h5 + p,#stacks_in_159647 .mdp.book-set:not(.indent-all) h6 + p{text-indent:0 !important}#stacks_in_159647 .mdp.p-lead p:first-of-type{font-size:130%}#stacks_out_159647{max-width:800px;margin-left:auto;margin-right:auto}@media only screen and (min-width:0px){#stacks_in_159647 p{}} #stacks_in_159647 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_159647 .effect-label{display:block !important}#stacks_in_159647 blockquote{-webkit-box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00);box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00)}#stacks_in_159647 blockquote{position:relative;z-index:1}#stacks_in_159647 blockquote::before,#stacks_in_159647 blockquote::after{position:relative;z-index:-1;display:block;line-height:0;color:rgba(255, 130, 0, 1.00);font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:96px}@media all and (min-width:640px){#stacks_in_159647 blockquote::before,#stacks_in_159647 blockquote::after{font-size:118px}}@media all and (min-width:1000px){#stacks_in_159647 blockquote::before,#stacks_in_159647 blockquote::after{font-size:122px}}#stacks_in_159647 blockquote p:last-of-type{margin-bottom:0}#stacks_in_159647 blockquote::before{content:"\201C";left:0px;top:0px;margin-top:calc(96px / 3)}@media all and (min-width:640px){#stacks_in_159647 blockquote::before{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159647 blockquote::before{margin-top:calc(122px / 3)}}#stacks_in_159647 blockquote::after{content:"\201D";text-align:right;right:0px;bottom:-40px;}@media all and (min-width:640px){#stacks_in_159647 blockquote::after{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159647 blockquote::after{margin-top:calc(122px / 3)}}#stacks_in_159647 blockquote{background-color:rgba(51, 51, 51, 1.00);}#stacks_in_159647 blockquote{padding:0}#stacks_in_159647 blockquote{padding: 22px }@media all and (min-width:640px){#stacks_in_159647 blockquote{padding: 30px }}@media all and (min-width:1000px){#stacks_in_159647 blockquote{padding: 34px }}#stacks_in_159647 blockquote{padding-bottom:calc(34px * 1.00)}#stacks_in_159647 blockquote{border-width:0px 0px 0px 0px;border-color:rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(51, 51, 51, 1.00);border-style:dotted;border-radius:9px 9px 9px 9px}#stacks_in_159647 blockquote > p{font-size:19px !important}@media all and (min-width:640px){#stacks_in_159647 blockquote > p{font-size:22px !important}}@media all and (min-width:1000px){#stacks_in_159647 blockquote > p{font-size:22px !important}}#stacks_in_159647 cite{font-size:70% !important}#stacks_in_159647 blockquote > p{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159647 cite{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159647 blockquote > p{font-style:italic !important} #stacks_in_159360 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px; margin: 30px; padding: 20px; } #stacks_in_159351 { margin: 20px; padding: 20px; } #stacks_in_159353 { padding: 20px; } #stacks_in_159643 figure{text-align:center}#stacks_in_159643 .mdph{display:none}#stacks_in_159643 .mdp.book-set{widows:5;orphans:5}#stacks_in_159643 .mdp.book-set p:not(:first-of-type){text-indent:1.40rem}#stacks_in_159643 .mdp.book-set p:not(:last-of-type){margin-bottom:1.25rem !important}#stacks_in_159643 .mdp.book-set.indent-all p:first-of-type{text-indent:1.40rem}#stacks_in_159643 .mdp.book-set.indent-all blockquote > p:first-of-type{text-indent:0}#stacks_in_159643 .mdp.book-set:not(.indent-all) h1 + p,#stacks_in_159643 .mdp.book-set:not(.indent-all) h2 + p,#stacks_in_159643 .mdp.book-set:not(.indent-all) h3 + p,#stacks_in_159643 .mdp.book-set:not(.indent-all) h4 + p,#stacks_in_159643 .mdp.book-set:not(.indent-all) h5 + p,#stacks_in_159643 .mdp.book-set:not(.indent-all) h6 + p{text-indent:0 !important}#stacks_in_159643 .mdp.p-lead p:first-of-type{font-size:130%}#stacks_out_159643{max-width:800px;margin-left:auto;margin-right:auto}@media only screen and (min-width:0px){#stacks_in_159643 p{}} #stacks_in_159643 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_159643 .effect-label{display:block !important}#stacks_in_159643 blockquote{-webkit-box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00);box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00)}#stacks_in_159643 blockquote{position:relative;z-index:1}#stacks_in_159643 blockquote::before,#stacks_in_159643 blockquote::after{position:relative;z-index:-1;display:block;line-height:0;color:rgba(255, 130, 0, 1.00);font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:96px}@media all and (min-width:640px){#stacks_in_159643 blockquote::before,#stacks_in_159643 blockquote::after{font-size:118px}}@media all and (min-width:1000px){#stacks_in_159643 blockquote::before,#stacks_in_159643 blockquote::after{font-size:122px}}#stacks_in_159643 blockquote p:last-of-type{margin-bottom:0}#stacks_in_159643 blockquote::before{content:"\201C";left:0px;top:0px;margin-top:calc(96px / 3)}@media all and (min-width:640px){#stacks_in_159643 blockquote::before{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159643 blockquote::before{margin-top:calc(122px / 3)}}#stacks_in_159643 blockquote::after{content:"\201D";text-align:right;right:0px;bottom:-40px;}@media all and (min-width:640px){#stacks_in_159643 blockquote::after{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_159643 blockquote::after{margin-top:calc(122px / 3)}}#stacks_in_159643 blockquote{background-color:rgba(51, 51, 51, 1.00);}#stacks_in_159643 blockquote{padding:0}#stacks_in_159643 blockquote{padding: 22px }@media all and (min-width:640px){#stacks_in_159643 blockquote{padding: 30px }}@media all and (min-width:1000px){#stacks_in_159643 blockquote{padding: 34px }}#stacks_in_159643 blockquote{padding-bottom:calc(34px * 1.00)}#stacks_in_159643 blockquote{border-width:0px 0px 0px 0px;border-color:rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(51, 51, 51, 1.00);border-style:dotted;border-radius:9px 9px 9px 9px}#stacks_in_159643 blockquote > p{font-size:19px !important}@media all and (min-width:640px){#stacks_in_159643 blockquote > p{font-size:22px !important}}@media all and (min-width:1000px){#stacks_in_159643 blockquote > p{font-size:22px !important}}#stacks_in_159643 cite{font-size:70% !important}#stacks_in_159643 blockquote > p{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159643 cite{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_159643 blockquote > p{font-style:italic !important} /* @group ProGallery Grid */ #gravitybook { display: block; width: 100%; text-align: center; } #gravitybook li.proGalleryItem { -webkit-transform: translateZ(0); } #gravitybook ul#proGalleryThumbsstacks_in_159364 { padding: 0; margin: 0; list-style: none; } #gravitybook li.proGalleryItem { margin: 0; padding: 0; position: relative; } #gravitybook 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); } #gravitybook li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #gravitybook 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 */ #gravitybook 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; } /* */ /* */ /* */ /* */ /* */ /* */ #gravitybook { -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) { #gravitybook { -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) { #gravitybook { -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) { #gravitybook { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #gravitybook li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #gravitybook .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); } #gravitybook .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #gravitybook .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #gravitybook.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #gravitybook.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #gravitybook.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #gravitybook.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #gravitybook.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #gravitybook.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #gravitybook.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #gravitybook.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; } #gravitybook.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #gravitybook.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #gravitybook.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #gravitybook.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #gravitybook li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #gravitybook li .proGalleryItemInner { overflow: hidden; } #gravitybook 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 */ } #gravitybook 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*='gravitybook-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 */ .gravitybook-icon-play:before { content: '\e800'; } .gravitybook-icon-pause:before { content: '\e801'; } .gravitybook-icon-close:before { content: '\e802'; } .gravitybook-icon-prev:before { content: '\e803'; } .gravitybook-icon-next:before { content: '\e804'; } .gravitybook-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 gravitybook-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 gravitybook-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 gravitybook-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 gravitybook-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 gravitybook-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); } } #gravitybook-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] #gravitybook-case, html[data-lc-type=ajax] #gravitybook-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]) #gravitybook-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] #gravitybook-content, html[data-lc-type=video] #gravitybook-content { background-color: #333; } } html[data-lc-type=inline] #gravitybook-content, html[data-lc-type=ajax] #gravitybook-content, html[data-lc-type=error] #gravitybook-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] #gravitybook-content, html[data-lc-type=ajax] #gravitybook-content, html[data-lc-type=error] #gravitybook-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] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=error] #gravitybook-content .gravitybook-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] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=error] #gravitybook-content .gravitybook-contentInner { padding: 15px; } html[data-lc-type=inline] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=inline] #gravitybook-content .gravitybook-contentInner > *, html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner > *, html[data-lc-type=error] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=error] #gravitybook-content .gravitybook-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #gravitybook-content .gravitybook-contentInner > *:not(iframe), html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner > *:not(iframe), html[data-lc-type=error] #gravitybook-content .gravitybook-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.gravitybook-isMobileDevice[data-lc-type=iframe] #gravitybook-content .gravitybook-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #gravitybook-content .gravitybook-contentInner, html[data-lc-type=video] #gravitybook-content .gravitybook-contentInner { line-height: 0.75; } } html[data-lc-type=image] #gravitybook-content .gravitybook-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #gravitybook-content .gravitybook-contentInner .gravitybook-inlineWrap, html[data-lc-type=ajax] #gravitybook-content .gravitybook-contentInner .gravitybook-inlineWrap, html[data-lc-type=error] #gravitybook-content .gravitybook-contentInner .gravitybook-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]) #gravitybook-content .gravitybook-contentInner .gravitybook-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) { #gravitybook-content h1, #gravitybook-content h2, #gravitybook-content h3, #gravitybook-content h4, #gravitybook-content h5, #gravitybook-content h6, #gravitybook-content p { color: #aaa; } } @media screen and (min-width: 641px) { #gravitybook-content h1, #gravitybook-content h2, #gravitybook-content h3, #gravitybook-content h4, #gravitybook-content h5, #gravitybook-content h6, #gravitybook-content p { color: #333; } } #gravitybook-case p.gravitybook-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) { #gravitybook-case p.gravitybook-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #gravitybook-case p.gravitybook-error { padding: 0; } } .gravitybook-open body { overflow: hidden; } .gravitybook-isMobileDevice .gravitybook-open body { max-width: 100%; max-height: 100%; } #gravitybook-info { position: absolute; padding-top: 15px; } #gravitybook-info #gravitybook-title, #gravitybook-info #gravitybook-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #gravitybook-info #gravitybook-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #gravitybook-info #gravitybook-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #gravitybook-info #gravitybook-caption { clear: both; font-size: 13px; color: #aaa; } #gravitybook-info #gravitybook-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .gravitybook-fullScreenMode #gravitybook-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]) #gravitybook-info { position: static; } } #gravitybook-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: gravitybook-spin 0.5s infinite linear; -moz-animation: gravitybook-spin 0.5s infinite linear; -o-animation: gravitybook-spin 0.5s infinite linear; animation: gravitybook-spin 0.5s infinite linear; } #gravitybook-loading, #gravitybook-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; } #gravitybook-loading > span { display: inline-block; text-indent: -9999px; } a[class*='gravitybook-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*='gravitybook-icon-'], a[class*='gravitybook-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*='gravitybook-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='gravitybook-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .gravitybook-isMobileDevice a[class*='gravitybook-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='gravitybook-icon-'].gravitybook-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='gravitybook-icon-'].gravitybook-icon-prev { left: 15px; } a[class*='gravitybook-icon-'].gravitybook-icon-next { right: 15px; } a[class*='gravitybook-icon-'].gravitybook-icon-pause, a[class*='gravitybook-icon-'].gravitybook-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='gravitybook-icon-'].gravitybook-icon-pause, a[class*='gravitybook-icon-'].gravitybook-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='gravitybook-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='gravitybook-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='gravitybook-icon-']:hover, #gravitybook-case:hover ~ a[class*='gravitybook-icon-'] { opacity: 1; } } #gravitybook-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) { #gravitybook-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='gravitybook-icon-'], a[class*='gravitybook-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='gravitybook-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*='gravitybook-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #gravitybook-content img { width: auto; height: auto; } #gravitybook-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #gravitybook-info #gravitybook-sequenceInfo, #gravitybook-info #gravitybook-title, #gravitybook-info #gravitybook-caption { color: rgba(170, 170, 170, 1.00); } #gravitybook-info #gravitybook-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #gravitybook-info #gravitybook-caption { } /* @end */ /* Social icons in the lightbox */ #social-gravitybook { 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-gravitybook { display: block; } } #social-gravitybook 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-gravitybook a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-gravitybook a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #gravitybook-content, html[data-lc-type=video] #gravitybook-content { background: transparent; } } #gravitybook-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159364 { margin: 40px 0px 40px 0px; } #stacks_in_159372 .poster-date { display: none !important; } #stacks_in_159372 .blog-entry-author { display: none !important; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_159395 { height: 20.00px; } @media print { #spacerStackstacks_in_159395 { display: none !important; } } #stacks_in_159390 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159380 { margin: 40px 0px 0px 0px; } /* @group ProGallery Grid */ #cryptic2024 { display: block; width: 100%; text-align: center; } #cryptic2024 li.proGalleryItem { -webkit-transform: translateZ(0); } #cryptic2024 ul#proGalleryThumbsstacks_in_159385 { padding: 0; margin: 0; list-style: none; } #cryptic2024 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #cryptic2024 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); } #cryptic2024 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #cryptic2024 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 */ #cryptic2024 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; } /* */ /* */ /* */ /* */ /* */ /* */ #cryptic2024 { -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) { #cryptic2024 { -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) { #cryptic2024 { -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) { #cryptic2024 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #cryptic2024 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #cryptic2024 .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); } #cryptic2024 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cryptic2024 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #cryptic2024.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #cryptic2024.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #cryptic2024.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #cryptic2024.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #cryptic2024.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #cryptic2024.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #cryptic2024.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #cryptic2024.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; } #cryptic2024.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #cryptic2024.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #cryptic2024.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #cryptic2024.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #cryptic2024 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #cryptic2024 li .proGalleryItemInner { overflow: hidden; } #cryptic2024 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 */ } #cryptic2024 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*='cryptic2024-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 */ .cryptic2024-icon-play:before { content: '\e800'; } .cryptic2024-icon-pause:before { content: '\e801'; } .cryptic2024-icon-close:before { content: '\e802'; } .cryptic2024-icon-prev:before { content: '\e803'; } .cryptic2024-icon-next:before { content: '\e804'; } .cryptic2024-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 cryptic2024-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 cryptic2024-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 cryptic2024-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 cryptic2024-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 cryptic2024-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); } } #cryptic2024-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] #cryptic2024-case, html[data-lc-type=ajax] #cryptic2024-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]) #cryptic2024-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] #cryptic2024-content, html[data-lc-type=video] #cryptic2024-content { background-color: #333; } } html[data-lc-type=inline] #cryptic2024-content, html[data-lc-type=ajax] #cryptic2024-content, html[data-lc-type=error] #cryptic2024-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] #cryptic2024-content, html[data-lc-type=ajax] #cryptic2024-content, html[data-lc-type=error] #cryptic2024-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] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=error] #cryptic2024-content .cryptic2024-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] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=error] #cryptic2024-content .cryptic2024-contentInner { padding: 15px; } html[data-lc-type=inline] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=inline] #cryptic2024-content .cryptic2024-contentInner > *, html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner > *, html[data-lc-type=error] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=error] #cryptic2024-content .cryptic2024-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #cryptic2024-content .cryptic2024-contentInner > *:not(iframe), html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner > *:not(iframe), html[data-lc-type=error] #cryptic2024-content .cryptic2024-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.cryptic2024-isMobileDevice[data-lc-type=iframe] #cryptic2024-content .cryptic2024-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #cryptic2024-content .cryptic2024-contentInner, html[data-lc-type=video] #cryptic2024-content .cryptic2024-contentInner { line-height: 0.75; } } html[data-lc-type=image] #cryptic2024-content .cryptic2024-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #cryptic2024-content .cryptic2024-contentInner .cryptic2024-inlineWrap, html[data-lc-type=ajax] #cryptic2024-content .cryptic2024-contentInner .cryptic2024-inlineWrap, html[data-lc-type=error] #cryptic2024-content .cryptic2024-contentInner .cryptic2024-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]) #cryptic2024-content .cryptic2024-contentInner .cryptic2024-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) { #cryptic2024-content h1, #cryptic2024-content h2, #cryptic2024-content h3, #cryptic2024-content h4, #cryptic2024-content h5, #cryptic2024-content h6, #cryptic2024-content p { color: #aaa; } } @media screen and (min-width: 641px) { #cryptic2024-content h1, #cryptic2024-content h2, #cryptic2024-content h3, #cryptic2024-content h4, #cryptic2024-content h5, #cryptic2024-content h6, #cryptic2024-content p { color: #333; } } #cryptic2024-case p.cryptic2024-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) { #cryptic2024-case p.cryptic2024-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #cryptic2024-case p.cryptic2024-error { padding: 0; } } .cryptic2024-open body { overflow: hidden; } .cryptic2024-isMobileDevice .cryptic2024-open body { max-width: 100%; max-height: 100%; } #cryptic2024-info { position: absolute; padding-top: 15px; } #cryptic2024-info #cryptic2024-title, #cryptic2024-info #cryptic2024-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #cryptic2024-info #cryptic2024-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #cryptic2024-info #cryptic2024-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #cryptic2024-info #cryptic2024-caption { clear: both; font-size: 13px; color: #aaa; } #cryptic2024-info #cryptic2024-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .cryptic2024-fullScreenMode #cryptic2024-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]) #cryptic2024-info { position: static; } } #cryptic2024-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: cryptic2024-spin 0.5s infinite linear; -moz-animation: cryptic2024-spin 0.5s infinite linear; -o-animation: cryptic2024-spin 0.5s infinite linear; animation: cryptic2024-spin 0.5s infinite linear; } #cryptic2024-loading, #cryptic2024-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; } #cryptic2024-loading > span { display: inline-block; text-indent: -9999px; } a[class*='cryptic2024-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*='cryptic2024-icon-'], a[class*='cryptic2024-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*='cryptic2024-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='cryptic2024-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .cryptic2024-isMobileDevice a[class*='cryptic2024-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='cryptic2024-icon-'].cryptic2024-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='cryptic2024-icon-'].cryptic2024-icon-prev { left: 15px; } a[class*='cryptic2024-icon-'].cryptic2024-icon-next { right: 15px; } a[class*='cryptic2024-icon-'].cryptic2024-icon-pause, a[class*='cryptic2024-icon-'].cryptic2024-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='cryptic2024-icon-'].cryptic2024-icon-pause, a[class*='cryptic2024-icon-'].cryptic2024-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='cryptic2024-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='cryptic2024-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='cryptic2024-icon-']:hover, #cryptic2024-case:hover ~ a[class*='cryptic2024-icon-'] { opacity: 1; } } #cryptic2024-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) { #cryptic2024-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='cryptic2024-icon-'], a[class*='cryptic2024-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='cryptic2024-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*='cryptic2024-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #cryptic2024-content img { width: auto; height: auto; } #cryptic2024-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #cryptic2024-info #cryptic2024-sequenceInfo, #cryptic2024-info #cryptic2024-title, #cryptic2024-info #cryptic2024-caption { color: rgba(170, 170, 170, 1.00); } #cryptic2024-info #cryptic2024-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cryptic2024-info #cryptic2024-caption { } /* @end */ /* Social icons in the lightbox */ #social-cryptic2024 { 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-cryptic2024 { display: block; } } #social-cryptic2024 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-cryptic2024 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-cryptic2024 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #cryptic2024-content, html[data-lc-type=video] #cryptic2024-content { background: transparent; } } #cryptic2024-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159385 { margin: 40px 0px 40px 0px; } #readMoreContentstacks_in_159388 span { display: none; } #readMoreLinkstacks_in_159388 { display: block; width: 100%; } @media print { #readMoreContentstacks_in_159388 span { display: inline; } #readMoreLinkstacks_in_159388 { display: none; } } #stacks_in_159388 { border: solid rgba(255, 255, 255, 1.00); border-width: 1px; margin: 20px; padding: 20px; } #stacks_in_159396 .poster-date { display: none !important; } #stacks_in_159396 .blog-entry-author { display: none !important; } #stacks_in_159423 { margin: 0px 0px 20px 0px; } #stacks_in_159420 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #vim_stack_stacks_in_159397_8 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_159397_8 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_159397_8 { display: none; } } #stacks_in_159397_9 { margin: 20px 0px 60px 0px; } #stacks_in_159399 { margin: 0px 0px 20px 0px; } #stacks_in_159401 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_159401 .pullquote:before, #stacks_in_159401 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_159401 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_159401 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_159401 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_159401 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_159401 { background-color: rgba(255, 255, 255, 0.20); border: solid rgba(218, 165, 32, 0.00); border-width: 1px; margin: 0px 0px 40px 0px; } #stacks_in_159403 { display:inline-block; width:100%; line-height: 1.400000em; font-size: 110%; } #stacks_in_159404 { margin: 0px 0px 40px 0px; padding: 0px 0px 40px 0px; } /* @group ProGallery Grid */ #stilllives2024 { display: block; width: 100%; text-align: center; } #stilllives2024 li.proGalleryItem { -webkit-transform: translateZ(0); } #stilllives2024 ul#proGalleryThumbsstacks_in_159406 { padding: 0; margin: 0; list-style: none; } #stilllives2024 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #stilllives2024 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); } #stilllives2024 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #stilllives2024 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 */ #stilllives2024 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; } /* */ /* */ /* */ /* */ /* */ /* */ #stilllives2024 { -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) { #stilllives2024 { -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) { #stilllives2024 { -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) { #stilllives2024 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #stilllives2024 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #stilllives2024 .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); } #stilllives2024 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #stilllives2024 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #stilllives2024.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #stilllives2024.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #stilllives2024.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #stilllives2024.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #stilllives2024.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #stilllives2024.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #stilllives2024.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #stilllives2024.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; } #stilllives2024.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #stilllives2024.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #stilllives2024.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #stilllives2024.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #stilllives2024 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #stilllives2024 li .proGalleryItemInner { overflow: hidden; } #stilllives2024 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 */ } #stilllives2024 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*='stilllives2024-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 */ .stilllives2024-icon-play:before { content: '\e800'; } .stilllives2024-icon-pause:before { content: '\e801'; } .stilllives2024-icon-close:before { content: '\e802'; } .stilllives2024-icon-prev:before { content: '\e803'; } .stilllives2024-icon-next:before { content: '\e804'; } .stilllives2024-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 stilllives2024-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 stilllives2024-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 stilllives2024-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 stilllives2024-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 stilllives2024-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); } } #stilllives2024-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] #stilllives2024-case, html[data-lc-type=ajax] #stilllives2024-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]) #stilllives2024-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] #stilllives2024-content, html[data-lc-type=video] #stilllives2024-content { background-color: #333; } } html[data-lc-type=inline] #stilllives2024-content, html[data-lc-type=ajax] #stilllives2024-content, html[data-lc-type=error] #stilllives2024-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] #stilllives2024-content, html[data-lc-type=ajax] #stilllives2024-content, html[data-lc-type=error] #stilllives2024-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] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=error] #stilllives2024-content .stilllives2024-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] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=error] #stilllives2024-content .stilllives2024-contentInner { padding: 15px; } html[data-lc-type=inline] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=inline] #stilllives2024-content .stilllives2024-contentInner > *, html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner > *, html[data-lc-type=error] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=error] #stilllives2024-content .stilllives2024-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #stilllives2024-content .stilllives2024-contentInner > *:not(iframe), html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner > *:not(iframe), html[data-lc-type=error] #stilllives2024-content .stilllives2024-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.stilllives2024-isMobileDevice[data-lc-type=iframe] #stilllives2024-content .stilllives2024-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #stilllives2024-content .stilllives2024-contentInner, html[data-lc-type=video] #stilllives2024-content .stilllives2024-contentInner { line-height: 0.75; } } html[data-lc-type=image] #stilllives2024-content .stilllives2024-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #stilllives2024-content .stilllives2024-contentInner .stilllives2024-inlineWrap, html[data-lc-type=ajax] #stilllives2024-content .stilllives2024-contentInner .stilllives2024-inlineWrap, html[data-lc-type=error] #stilllives2024-content .stilllives2024-contentInner .stilllives2024-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]) #stilllives2024-content .stilllives2024-contentInner .stilllives2024-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) { #stilllives2024-content h1, #stilllives2024-content h2, #stilllives2024-content h3, #stilllives2024-content h4, #stilllives2024-content h5, #stilllives2024-content h6, #stilllives2024-content p { color: #aaa; } } @media screen and (min-width: 641px) { #stilllives2024-content h1, #stilllives2024-content h2, #stilllives2024-content h3, #stilllives2024-content h4, #stilllives2024-content h5, #stilllives2024-content h6, #stilllives2024-content p { color: #333; } } #stilllives2024-case p.stilllives2024-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) { #stilllives2024-case p.stilllives2024-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #stilllives2024-case p.stilllives2024-error { padding: 0; } } .stilllives2024-open body { overflow: hidden; } .stilllives2024-isMobileDevice .stilllives2024-open body { max-width: 100%; max-height: 100%; } #stilllives2024-info { position: absolute; padding-top: 15px; } #stilllives2024-info #stilllives2024-title, #stilllives2024-info #stilllives2024-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #stilllives2024-info #stilllives2024-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #stilllives2024-info #stilllives2024-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #stilllives2024-info #stilllives2024-caption { clear: both; font-size: 13px; color: #aaa; } #stilllives2024-info #stilllives2024-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .stilllives2024-fullScreenMode #stilllives2024-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]) #stilllives2024-info { position: static; } } #stilllives2024-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: stilllives2024-spin 0.5s infinite linear; -moz-animation: stilllives2024-spin 0.5s infinite linear; -o-animation: stilllives2024-spin 0.5s infinite linear; animation: stilllives2024-spin 0.5s infinite linear; } #stilllives2024-loading, #stilllives2024-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; } #stilllives2024-loading > span { display: inline-block; text-indent: -9999px; } a[class*='stilllives2024-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*='stilllives2024-icon-'], a[class*='stilllives2024-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*='stilllives2024-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='stilllives2024-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .stilllives2024-isMobileDevice a[class*='stilllives2024-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='stilllives2024-icon-'].stilllives2024-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='stilllives2024-icon-'].stilllives2024-icon-prev { left: 15px; } a[class*='stilllives2024-icon-'].stilllives2024-icon-next { right: 15px; } a[class*='stilllives2024-icon-'].stilllives2024-icon-pause, a[class*='stilllives2024-icon-'].stilllives2024-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='stilllives2024-icon-'].stilllives2024-icon-pause, a[class*='stilllives2024-icon-'].stilllives2024-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='stilllives2024-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='stilllives2024-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='stilllives2024-icon-']:hover, #stilllives2024-case:hover ~ a[class*='stilllives2024-icon-'] { opacity: 1; } } #stilllives2024-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) { #stilllives2024-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='stilllives2024-icon-'], a[class*='stilllives2024-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='stilllives2024-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*='stilllives2024-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #stilllives2024-content img { width: auto; height: auto; } #stilllives2024-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #stilllives2024-info #stilllives2024-sequenceInfo, #stilllives2024-info #stilllives2024-title, #stilllives2024-info #stilllives2024-caption { color: rgba(170, 170, 170, 1.00); } #stilllives2024-info #stilllives2024-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #stilllives2024-info #stilllives2024-caption { } /* @end */ /* Social icons in the lightbox */ #social-stilllives2024 { 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-stilllives2024 { display: block; } } #social-stilllives2024 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-stilllives2024 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-stilllives2024 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #stilllives2024-content, html[data-lc-type=video] #stilllives2024-content { background: transparent; } } #stilllives2024-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159406 { margin: 20px 0px 0px 0px; } #toggleWrapper_stacks_in_159409 { position: relative; display: block; } #toggleTrigger_stacks_in_159409 { 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_159409:hover { color: #000100; cursor: pointer; } #toggleContainer_stacks_in_159409 { 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_159409 a:link:after, #toggleTrigger_stacks_in_159409 a:visited:after { display: none; } #toggleContainer_stacks_in_159409 { display: block !important; } } #stacks_in_159409 { margin: 40px 0px 40px 0px; } #stacks_in_159325 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159412 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_159326, #ruleStackstacks_in_159326:before, #ruleStackstacks_in_159326:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_159326 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_159326 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_159326 [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_159326 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_159326 { text-align: center; } #ruleStackstacks_in_159326:before, #ruleStackstacks_in_159326:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_159326:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_159326:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_159326 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_159415 { padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #steellivespress { display: block; width: 100%; text-align: center; } #steellivespress li.proGalleryItem { -webkit-transform: translateZ(0); } #steellivespress ul#proGalleryThumbsstacks_in_159417 { padding: 0; margin: 0; list-style: none; } #steellivespress li.proGalleryItem { margin: 0; padding: 0; position: relative; } #steellivespress 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); } #steellivespress li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #steellivespress 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 */ #steellivespress 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; } /* */ /* */ /* */ /* */ /* */ /* */ #steellivespress { -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) { #steellivespress { -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) { #steellivespress { -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) { #steellivespress { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #steellivespress li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #steellivespress .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); } #steellivespress .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellivespress .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #steellivespress.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #steellivespress.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #steellivespress.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #steellivespress.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #steellivespress.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #steellivespress.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #steellivespress.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #steellivespress.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; } #steellivespress.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #steellivespress.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #steellivespress.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #steellivespress.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #steellivespress li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #steellivespress li .proGalleryItemInner { overflow: hidden; } #steellivespress 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 */ } #steellivespress 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*='steellivespress-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 */ .steellivespress-icon-play:before { content: '\e800'; } .steellivespress-icon-pause:before { content: '\e801'; } .steellivespress-icon-close:before { content: '\e802'; } .steellivespress-icon-prev:before { content: '\e803'; } .steellivespress-icon-next:before { content: '\e804'; } .steellivespress-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 steellivespress-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 steellivespress-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 steellivespress-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 steellivespress-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 steellivespress-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); } } #steellivespress-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] #steellivespress-case, html[data-lc-type=ajax] #steellivespress-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]) #steellivespress-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] #steellivespress-content, html[data-lc-type=video] #steellivespress-content { background-color: #333; } } html[data-lc-type=inline] #steellivespress-content, html[data-lc-type=ajax] #steellivespress-content, html[data-lc-type=error] #steellivespress-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] #steellivespress-content, html[data-lc-type=ajax] #steellivespress-content, html[data-lc-type=error] #steellivespress-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] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-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] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner { padding: 15px; } html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner > *, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner > *, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner > *:not(iframe), html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner > *:not(iframe), html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.steellivespress-isMobileDevice[data-lc-type=iframe] #steellivespress-content .steellivespress-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=video] #steellivespress-content .steellivespress-contentInner { line-height: 0.75; } } html[data-lc-type=image] #steellivespress-content .steellivespress-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner .steellivespress-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]) #steellivespress-content .steellivespress-contentInner .steellivespress-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) { #steellivespress-content h1, #steellivespress-content h2, #steellivespress-content h3, #steellivespress-content h4, #steellivespress-content h5, #steellivespress-content h6, #steellivespress-content p { color: #aaa; } } @media screen and (min-width: 641px) { #steellivespress-content h1, #steellivespress-content h2, #steellivespress-content h3, #steellivespress-content h4, #steellivespress-content h5, #steellivespress-content h6, #steellivespress-content p { color: #333; } } #steellivespress-case p.steellivespress-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) { #steellivespress-case p.steellivespress-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #steellivespress-case p.steellivespress-error { padding: 0; } } .steellivespress-open body { overflow: hidden; } .steellivespress-isMobileDevice .steellivespress-open body { max-width: 100%; max-height: 100%; } #steellivespress-info { position: absolute; padding-top: 15px; } #steellivespress-info #steellivespress-title, #steellivespress-info #steellivespress-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #steellivespress-info #steellivespress-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #steellivespress-info #steellivespress-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #steellivespress-info #steellivespress-caption { clear: both; font-size: 13px; color: #aaa; } #steellivespress-info #steellivespress-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .steellivespress-fullScreenMode #steellivespress-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]) #steellivespress-info { position: static; } } #steellivespress-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: steellivespress-spin 0.5s infinite linear; -moz-animation: steellivespress-spin 0.5s infinite linear; -o-animation: steellivespress-spin 0.5s infinite linear; animation: steellivespress-spin 0.5s infinite linear; } #steellivespress-loading, #steellivespress-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; } #steellivespress-loading > span { display: inline-block; text-indent: -9999px; } a[class*='steellivespress-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*='steellivespress-icon-'], a[class*='steellivespress-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*='steellivespress-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='steellivespress-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .steellivespress-isMobileDevice a[class*='steellivespress-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='steellivespress-icon-'].steellivespress-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='steellivespress-icon-'].steellivespress-icon-prev { left: 15px; } a[class*='steellivespress-icon-'].steellivespress-icon-next { right: 15px; } a[class*='steellivespress-icon-'].steellivespress-icon-pause, a[class*='steellivespress-icon-'].steellivespress-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='steellivespress-icon-'].steellivespress-icon-pause, a[class*='steellivespress-icon-'].steellivespress-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='steellivespress-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='steellivespress-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='steellivespress-icon-']:hover, #steellivespress-case:hover ~ a[class*='steellivespress-icon-'] { opacity: 1; } } #steellivespress-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) { #steellivespress-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='steellivespress-icon-'], a[class*='steellivespress-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='steellivespress-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*='steellivespress-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #steellivespress-content img { width: auto; height: auto; } #steellivespress-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #steellivespress-info #steellivespress-sequenceInfo, #steellivespress-info #steellivespress-title, #steellivespress-info #steellivespress-caption { color: rgba(170, 170, 170, 1.00); } #steellivespress-info #steellivespress-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellivespress-info #steellivespress-caption { } /* @end */ /* Social icons in the lightbox */ #social-steellivespress { 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-steellivespress { display: block; } } #social-steellivespress 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-steellivespress a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-steellivespress a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #steellivespress-content, html[data-lc-type=video] #steellivespress-content { background: transparent; } } #steellivespress-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159417 { margin: 20px 0px 0px 0px; } #stacks_in_159426 .poster-date { display: none !important; } #stacks_in_159426 .blog-entry-author { display: none !important; } #stacks_in_159445 { margin: 0px 0px 20px 0px; } #stacks_in_159442 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159427 { margin: 30px 0px 0px 0px; } #stacks_in_159432>.s3_row { margin: 0 -10px; } #stacks_in_159432>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_159432>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_159432>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159432>.s3_row { margin: -10px 0; } #stacks_in_159432>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159432 { margin: 20px 0px 20px 0px; } #stacks_in_159438 { margin: 20px 0px 0px 0px; } #stacks_in_159440 { padding: 20px 0px 0px 0px; } #stacks_in_159448 .poster-date { display: none !important; } #stacks_in_159448 .blog-entry-author { display: none !important; } #stacks_in_159460 { margin: 0px 0px 20px 0px; } #stacks_in_159457 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159452 { padding: 20px 0px 40px 0px; } /* @group ProGallery Grid */ #storytellers-in-lilford-in-events { display: block; width: 100%; text-align: center; } #storytellers-in-lilford-in-events li.proGalleryItem { -webkit-transform: translateZ(0); } #storytellers-in-lilford-in-events ul#proGalleryThumbsstacks_in_159454 { padding: 0; margin: 0; list-style: none; } #storytellers-in-lilford-in-events li.proGalleryItem { margin: 0; padding: 0; position: relative; } #storytellers-in-lilford-in-events 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); } #storytellers-in-lilford-in-events li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #storytellers-in-lilford-in-events 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 */ #storytellers-in-lilford-in-events 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; } /* */ /* */ /* */ /* */ /* */ /* */ #storytellers-in-lilford-in-events { -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) { #storytellers-in-lilford-in-events { -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) { #storytellers-in-lilford-in-events { -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) { #storytellers-in-lilford-in-events { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #storytellers-in-lilford-in-events li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #storytellers-in-lilford-in-events .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); } #storytellers-in-lilford-in-events .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #storytellers-in-lilford-in-events .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #storytellers-in-lilford-in-events.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #storytellers-in-lilford-in-events.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #storytellers-in-lilford-in-events.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #storytellers-in-lilford-in-events.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #storytellers-in-lilford-in-events.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #storytellers-in-lilford-in-events.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #storytellers-in-lilford-in-events.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #storytellers-in-lilford-in-events.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; } #storytellers-in-lilford-in-events.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #storytellers-in-lilford-in-events.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #storytellers-in-lilford-in-events.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #storytellers-in-lilford-in-events.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #storytellers-in-lilford-in-events li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #storytellers-in-lilford-in-events li .proGalleryItemInner { overflow: hidden; } #storytellers-in-lilford-in-events 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 */ } #storytellers-in-lilford-in-events 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*='storytellers-in-lilford-in-events-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 */ .storytellers-in-lilford-in-events-icon-play:before { content: '\e800'; } .storytellers-in-lilford-in-events-icon-pause:before { content: '\e801'; } .storytellers-in-lilford-in-events-icon-close:before { content: '\e802'; } .storytellers-in-lilford-in-events-icon-prev:before { content: '\e803'; } .storytellers-in-lilford-in-events-icon-next:before { content: '\e804'; } .storytellers-in-lilford-in-events-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 storytellers-in-lilford-in-events-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 storytellers-in-lilford-in-events-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 storytellers-in-lilford-in-events-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 storytellers-in-lilford-in-events-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 storytellers-in-lilford-in-events-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); } } #storytellers-in-lilford-in-events-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] #storytellers-in-lilford-in-events-case, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-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]) #storytellers-in-lilford-in-events-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] #storytellers-in-lilford-in-events-content, html[data-lc-type=video] #storytellers-in-lilford-in-events-content { background-color: #333; } } html[data-lc-type=inline] #storytellers-in-lilford-in-events-content, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content, html[data-lc-type=error] #storytellers-in-lilford-in-events-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] #storytellers-in-lilford-in-events-content, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content, html[data-lc-type=error] #storytellers-in-lilford-in-events-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] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-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] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner { padding: 15px; } html[data-lc-type=inline] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=inline] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > *, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > *, html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > *:not(iframe), html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > *:not(iframe), html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.storytellers-in-lilford-in-events-isMobileDevice[data-lc-type=iframe] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner, html[data-lc-type=video] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner { line-height: 0.75; } } html[data-lc-type=image] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner .storytellers-in-lilford-in-events-inlineWrap, html[data-lc-type=ajax] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner .storytellers-in-lilford-in-events-inlineWrap, html[data-lc-type=error] #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner .storytellers-in-lilford-in-events-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]) #storytellers-in-lilford-in-events-content .storytellers-in-lilford-in-events-contentInner .storytellers-in-lilford-in-events-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) { #storytellers-in-lilford-in-events-content h1, #storytellers-in-lilford-in-events-content h2, #storytellers-in-lilford-in-events-content h3, #storytellers-in-lilford-in-events-content h4, #storytellers-in-lilford-in-events-content h5, #storytellers-in-lilford-in-events-content h6, #storytellers-in-lilford-in-events-content p { color: #aaa; } } @media screen and (min-width: 641px) { #storytellers-in-lilford-in-events-content h1, #storytellers-in-lilford-in-events-content h2, #storytellers-in-lilford-in-events-content h3, #storytellers-in-lilford-in-events-content h4, #storytellers-in-lilford-in-events-content h5, #storytellers-in-lilford-in-events-content h6, #storytellers-in-lilford-in-events-content p { color: #333; } } #storytellers-in-lilford-in-events-case p.storytellers-in-lilford-in-events-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) { #storytellers-in-lilford-in-events-case p.storytellers-in-lilford-in-events-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #storytellers-in-lilford-in-events-case p.storytellers-in-lilford-in-events-error { padding: 0; } } .storytellers-in-lilford-in-events-open body { overflow: hidden; } .storytellers-in-lilford-in-events-isMobileDevice .storytellers-in-lilford-in-events-open body { max-width: 100%; max-height: 100%; } #storytellers-in-lilford-in-events-info { position: absolute; padding-top: 15px; } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-title, #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-caption { clear: both; font-size: 13px; color: #aaa; } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .storytellers-in-lilford-in-events-fullScreenMode #storytellers-in-lilford-in-events-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]) #storytellers-in-lilford-in-events-info { position: static; } } #storytellers-in-lilford-in-events-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: storytellers-in-lilford-in-events-spin 0.5s infinite linear; -moz-animation: storytellers-in-lilford-in-events-spin 0.5s infinite linear; -o-animation: storytellers-in-lilford-in-events-spin 0.5s infinite linear; animation: storytellers-in-lilford-in-events-spin 0.5s infinite linear; } #storytellers-in-lilford-in-events-loading, #storytellers-in-lilford-in-events-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; } #storytellers-in-lilford-in-events-loading > span { display: inline-block; text-indent: -9999px; } a[class*='storytellers-in-lilford-in-events-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*='storytellers-in-lilford-in-events-icon-'], a[class*='storytellers-in-lilford-in-events-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*='storytellers-in-lilford-in-events-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='storytellers-in-lilford-in-events-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .storytellers-in-lilford-in-events-isMobileDevice a[class*='storytellers-in-lilford-in-events-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-prev { left: 15px; } a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-next { right: 15px; } a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-pause, a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-pause, a[class*='storytellers-in-lilford-in-events-icon-'].storytellers-in-lilford-in-events-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='storytellers-in-lilford-in-events-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='storytellers-in-lilford-in-events-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='storytellers-in-lilford-in-events-icon-']:hover, #storytellers-in-lilford-in-events-case:hover ~ a[class*='storytellers-in-lilford-in-events-icon-'] { opacity: 1; } } #storytellers-in-lilford-in-events-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) { #storytellers-in-lilford-in-events-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='storytellers-in-lilford-in-events-icon-'], a[class*='storytellers-in-lilford-in-events-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='storytellers-in-lilford-in-events-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*='storytellers-in-lilford-in-events-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #storytellers-in-lilford-in-events-content img { width: auto; height: auto; } #storytellers-in-lilford-in-events-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-sequenceInfo, #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-title, #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-caption { color: rgba(170, 170, 170, 1.00); } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #storytellers-in-lilford-in-events-info #storytellers-in-lilford-in-events-caption { } /* @end */ /* Social icons in the lightbox */ #social-storytellers-in-lilford-in-events { 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-storytellers-in-lilford-in-events { display: block; } } #social-storytellers-in-lilford-in-events 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-storytellers-in-lilford-in-events a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-storytellers-in-lilford-in-events a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #storytellers-in-lilford-in-events-content, html[data-lc-type=video] #storytellers-in-lilford-in-events-content { background: transparent; } } #storytellers-in-lilford-in-events-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159454 { margin: 20px 0px 0px 0px; } #stacks_in_159463 .poster-date { display: none !important; } #stacks_in_159463 .blog-entry-author { display: none !important; } #stacks_in_159482 { margin: 0px 0px 20px 0px; } #stacks_in_159479 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159467 { padding: 20px 0px 0px 0px; } #stacks_in_159469>.s3_row { margin: 0 -10px; } #stacks_in_159469>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_159469>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_159469>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_159469>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_159469>.s3_row { margin: -10px 0; } #stacks_in_159469>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_159469 { margin: 20px 0px 0px 0px; } #stacks_in_159485 .poster-date { display: none !important; } #stacks_in_159485 .blog-entry-author { display: none !important; } /* @group ProGallery Grid */ #preview-Art-for-Cure { display: block; width: 100%; text-align: center; } #preview-Art-for-Cure li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-Art-for-Cure ul#proGalleryThumbsstacks_in_159542 { padding: 0; margin: 0; list-style: none; } #preview-Art-for-Cure li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-Art-for-Cure 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); } #preview-Art-for-Cure li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-Art-for-Cure 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 */ #preview-Art-for-Cure 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; } /* */ /* */ /* */ #preview-Art-for-Cure li { display: none; } #preview-Art-for-Cure li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-Art-for-Cure .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); } #preview-Art-for-Cure .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-Art-for-Cure .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-Art-for-Cure.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-Art-for-Cure.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-Art-for-Cure.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-Art-for-Cure.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-Art-for-Cure.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-Art-for-Cure.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-Art-for-Cure.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-Art-for-Cure.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; } #preview-Art-for-Cure.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-Art-for-Cure.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-Art-for-Cure.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-Art-for-Cure.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-Art-for-Cure li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-Art-for-Cure li .proGalleryItemInner { overflow: hidden; } #preview-Art-for-Cure 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 */ } #preview-Art-for-Cure 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*='preview-Art-for-Cure-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 */ .preview-Art-for-Cure-icon-play:before { content: '\e800'; } .preview-Art-for-Cure-icon-pause:before { content: '\e801'; } .preview-Art-for-Cure-icon-close:before { content: '\e802'; } .preview-Art-for-Cure-icon-prev:before { content: '\e803'; } .preview-Art-for-Cure-icon-next:before { content: '\e804'; } .preview-Art-for-Cure-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 preview-Art-for-Cure-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 preview-Art-for-Cure-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 preview-Art-for-Cure-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 preview-Art-for-Cure-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 preview-Art-for-Cure-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); } } #preview-Art-for-Cure-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] #preview-Art-for-Cure-case, html[data-lc-type=ajax] #preview-Art-for-Cure-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]) #preview-Art-for-Cure-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] #preview-Art-for-Cure-content, html[data-lc-type=video] #preview-Art-for-Cure-content { background-color: #333; } } html[data-lc-type=inline] #preview-Art-for-Cure-content, html[data-lc-type=ajax] #preview-Art-for-Cure-content, html[data-lc-type=error] #preview-Art-for-Cure-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] #preview-Art-for-Cure-content, html[data-lc-type=ajax] #preview-Art-for-Cure-content, html[data-lc-type=error] #preview-Art-for-Cure-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] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-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] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=inline] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > *, html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > *, html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > *:not(iframe), html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-Art-for-Cure-isMobileDevice[data-lc-type=iframe] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner, html[data-lc-type=video] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner .preview-Art-for-Cure-inlineWrap, html[data-lc-type=ajax] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner .preview-Art-for-Cure-inlineWrap, html[data-lc-type=error] #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner .preview-Art-for-Cure-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]) #preview-Art-for-Cure-content .preview-Art-for-Cure-contentInner .preview-Art-for-Cure-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) { #preview-Art-for-Cure-content h1, #preview-Art-for-Cure-content h2, #preview-Art-for-Cure-content h3, #preview-Art-for-Cure-content h4, #preview-Art-for-Cure-content h5, #preview-Art-for-Cure-content h6, #preview-Art-for-Cure-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-Art-for-Cure-content h1, #preview-Art-for-Cure-content h2, #preview-Art-for-Cure-content h3, #preview-Art-for-Cure-content h4, #preview-Art-for-Cure-content h5, #preview-Art-for-Cure-content h6, #preview-Art-for-Cure-content p { color: #333; } } #preview-Art-for-Cure-case p.preview-Art-for-Cure-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) { #preview-Art-for-Cure-case p.preview-Art-for-Cure-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-Art-for-Cure-case p.preview-Art-for-Cure-error { padding: 0; } } .preview-Art-for-Cure-open body { overflow: hidden; } .preview-Art-for-Cure-isMobileDevice .preview-Art-for-Cure-open body { max-width: 100%; max-height: 100%; } #preview-Art-for-Cure-info { position: absolute; padding-top: 15px; } #preview-Art-for-Cure-info #preview-Art-for-Cure-title, #preview-Art-for-Cure-info #preview-Art-for-Cure-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-Art-for-Cure-info #preview-Art-for-Cure-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-Art-for-Cure-info #preview-Art-for-Cure-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-Art-for-Cure-info #preview-Art-for-Cure-caption { clear: both; font-size: 13px; color: #aaa; } #preview-Art-for-Cure-info #preview-Art-for-Cure-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-Art-for-Cure-fullScreenMode #preview-Art-for-Cure-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]) #preview-Art-for-Cure-info { position: static; } } #preview-Art-for-Cure-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: preview-Art-for-Cure-spin 0.5s infinite linear; -moz-animation: preview-Art-for-Cure-spin 0.5s infinite linear; -o-animation: preview-Art-for-Cure-spin 0.5s infinite linear; animation: preview-Art-for-Cure-spin 0.5s infinite linear; } #preview-Art-for-Cure-loading, #preview-Art-for-Cure-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; } #preview-Art-for-Cure-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-Art-for-Cure-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*='preview-Art-for-Cure-icon-'], a[class*='preview-Art-for-Cure-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*='preview-Art-for-Cure-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-Art-for-Cure-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-Art-for-Cure-isMobileDevice a[class*='preview-Art-for-Cure-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-prev { left: 15px; } a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-next { right: 15px; } a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-pause, a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-pause, a[class*='preview-Art-for-Cure-icon-'].preview-Art-for-Cure-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-Art-for-Cure-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-Art-for-Cure-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-Art-for-Cure-icon-']:hover, #preview-Art-for-Cure-case:hover ~ a[class*='preview-Art-for-Cure-icon-'] { opacity: 1; } } #preview-Art-for-Cure-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) { #preview-Art-for-Cure-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-Art-for-Cure-icon-'], a[class*='preview-Art-for-Cure-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-Art-for-Cure-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*='preview-Art-for-Cure-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-Art-for-Cure-content img { width: auto; height: auto; } #preview-Art-for-Cure-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-Art-for-Cure-info #preview-Art-for-Cure-sequenceInfo, #preview-Art-for-Cure-info #preview-Art-for-Cure-title, #preview-Art-for-Cure-info #preview-Art-for-Cure-caption { color: rgba(170, 170, 170, 1.00); } #preview-Art-for-Cure-info #preview-Art-for-Cure-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-Art-for-Cure-info #preview-Art-for-Cure-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-Art-for-Cure { 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-preview-Art-for-Cure { display: block; } } #social-preview-Art-for-Cure 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-preview-Art-for-Cure a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-Art-for-Cure a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-Art-for-Cure-content, html[data-lc-type=video] #preview-Art-for-Cure-content { background: transparent; } } #preview-Art-for-Cure-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159539 { padding: 20px; } #stacks_out_159486 { width: 50%; } #stacks_in_159489 { margin: 40px 0px 20px 0px; } /* @group ProGallery Grid */ #Art-for-Cure { display: block; width: 100%; text-align: center; } #Art-for-Cure li.proGalleryItem { -webkit-transform: translateZ(0); } #Art-for-Cure ul#proGalleryThumbsstacks_in_159493 { padding: 0; margin: 0; list-style: none; } #Art-for-Cure li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Art-for-Cure 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); } #Art-for-Cure li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Art-for-Cure 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 */ #Art-for-Cure 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; } /* */ /* */ /* */ /* */ /* */ /* */ #Art-for-Cure { -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) { #Art-for-Cure { -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) { #Art-for-Cure { -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) { #Art-for-Cure { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Art-for-Cure li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Art-for-Cure .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); } #Art-for-Cure .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Art-for-Cure .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Art-for-Cure.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Art-for-Cure.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Art-for-Cure.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Art-for-Cure.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Art-for-Cure.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Art-for-Cure.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Art-for-Cure.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Art-for-Cure.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; } #Art-for-Cure.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Art-for-Cure.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Art-for-Cure.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Art-for-Cure.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Art-for-Cure li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Art-for-Cure li .proGalleryItemInner { overflow: hidden; } #Art-for-Cure 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 */ } #Art-for-Cure 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*='Art-for-Cure-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 */ .Art-for-Cure-icon-play:before { content: '\e800'; } .Art-for-Cure-icon-pause:before { content: '\e801'; } .Art-for-Cure-icon-close:before { content: '\e802'; } .Art-for-Cure-icon-prev:before { content: '\e803'; } .Art-for-Cure-icon-next:before { content: '\e804'; } .Art-for-Cure-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 Art-for-Cure-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 Art-for-Cure-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 Art-for-Cure-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 Art-for-Cure-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 Art-for-Cure-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); } } #Art-for-Cure-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] #Art-for-Cure-case, html[data-lc-type=ajax] #Art-for-Cure-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]) #Art-for-Cure-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] #Art-for-Cure-content, html[data-lc-type=video] #Art-for-Cure-content { background-color: #333; } } html[data-lc-type=inline] #Art-for-Cure-content, html[data-lc-type=ajax] #Art-for-Cure-content, html[data-lc-type=error] #Art-for-Cure-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] #Art-for-Cure-content, html[data-lc-type=ajax] #Art-for-Cure-content, html[data-lc-type=error] #Art-for-Cure-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] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-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] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-contentInner { padding: 15px; } html[data-lc-type=inline] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=inline] #Art-for-Cure-content .Art-for-Cure-contentInner > *, html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner > *, html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Art-for-Cure-content .Art-for-Cure-contentInner > *:not(iframe), html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner > *:not(iframe), html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Art-for-Cure-isMobileDevice[data-lc-type=iframe] #Art-for-Cure-content .Art-for-Cure-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Art-for-Cure-content .Art-for-Cure-contentInner, html[data-lc-type=video] #Art-for-Cure-content .Art-for-Cure-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Art-for-Cure-content .Art-for-Cure-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Art-for-Cure-content .Art-for-Cure-contentInner .Art-for-Cure-inlineWrap, html[data-lc-type=ajax] #Art-for-Cure-content .Art-for-Cure-contentInner .Art-for-Cure-inlineWrap, html[data-lc-type=error] #Art-for-Cure-content .Art-for-Cure-contentInner .Art-for-Cure-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]) #Art-for-Cure-content .Art-for-Cure-contentInner .Art-for-Cure-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) { #Art-for-Cure-content h1, #Art-for-Cure-content h2, #Art-for-Cure-content h3, #Art-for-Cure-content h4, #Art-for-Cure-content h5, #Art-for-Cure-content h6, #Art-for-Cure-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Art-for-Cure-content h1, #Art-for-Cure-content h2, #Art-for-Cure-content h3, #Art-for-Cure-content h4, #Art-for-Cure-content h5, #Art-for-Cure-content h6, #Art-for-Cure-content p { color: #333; } } #Art-for-Cure-case p.Art-for-Cure-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) { #Art-for-Cure-case p.Art-for-Cure-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Art-for-Cure-case p.Art-for-Cure-error { padding: 0; } } .Art-for-Cure-open body { overflow: hidden; } .Art-for-Cure-isMobileDevice .Art-for-Cure-open body { max-width: 100%; max-height: 100%; } #Art-for-Cure-info { position: absolute; padding-top: 15px; } #Art-for-Cure-info #Art-for-Cure-title, #Art-for-Cure-info #Art-for-Cure-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Art-for-Cure-info #Art-for-Cure-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Art-for-Cure-info #Art-for-Cure-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Art-for-Cure-info #Art-for-Cure-caption { clear: both; font-size: 13px; color: #aaa; } #Art-for-Cure-info #Art-for-Cure-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Art-for-Cure-fullScreenMode #Art-for-Cure-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]) #Art-for-Cure-info { position: static; } } #Art-for-Cure-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: Art-for-Cure-spin 0.5s infinite linear; -moz-animation: Art-for-Cure-spin 0.5s infinite linear; -o-animation: Art-for-Cure-spin 0.5s infinite linear; animation: Art-for-Cure-spin 0.5s infinite linear; } #Art-for-Cure-loading, #Art-for-Cure-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; } #Art-for-Cure-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Art-for-Cure-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*='Art-for-Cure-icon-'], a[class*='Art-for-Cure-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*='Art-for-Cure-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Art-for-Cure-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Art-for-Cure-isMobileDevice a[class*='Art-for-Cure-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-prev { left: 15px; } a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-next { right: 15px; } a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-pause, a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-pause, a[class*='Art-for-Cure-icon-'].Art-for-Cure-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Art-for-Cure-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Art-for-Cure-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Art-for-Cure-icon-']:hover, #Art-for-Cure-case:hover ~ a[class*='Art-for-Cure-icon-'] { opacity: 1; } } #Art-for-Cure-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) { #Art-for-Cure-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Art-for-Cure-icon-'], a[class*='Art-for-Cure-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Art-for-Cure-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*='Art-for-Cure-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Art-for-Cure-content img { width: auto; height: auto; } #Art-for-Cure-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Art-for-Cure-info #Art-for-Cure-sequenceInfo, #Art-for-Cure-info #Art-for-Cure-title, #Art-for-Cure-info #Art-for-Cure-caption { color: rgba(170, 170, 170, 1.00); } #Art-for-Cure-info #Art-for-Cure-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Art-for-Cure-info #Art-for-Cure-caption { } /* @end */ /* Social icons in the lightbox */ #social-Art-for-Cure { 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-Art-for-Cure { display: block; } } #social-Art-for-Cure 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-Art-for-Cure a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Art-for-Cure a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Art-for-Cure-content, html[data-lc-type=video] #Art-for-Cure-content { background: transparent; } } #Art-for-Cure-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159493 { margin: 20px 0px 0px 0px; } #stacks_in_159496 { margin: 20px 0px 20px 0px; } #s4s_flexbox_stack_stacks_in_159328 { display: flex; gap: 0; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: normal; min-height: auto; padding: 0; margin: -10px; max-width: 1200px; } @media screen and (min-width: 992px) { #s4s_flexbox_stack_stacks_in_159328 { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; align-content: normal; min-height: auto; } } #s4s_flexbox_item_stacks_in_159498 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159498 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-MUUN { display: block; width: 100%; text-align: center; } #preview-MUUN li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-MUUN ul#proGalleryThumbsstacks_in_159499 { padding: 0; margin: 0; list-style: none; } #preview-MUUN li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-MUUN 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); } #preview-MUUN li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-MUUN 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 */ #preview-MUUN 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; } /* */ /* */ /* */ #preview-MUUN li { display: none; } #preview-MUUN li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-MUUN .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); } #preview-MUUN .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-MUUN .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-MUUN.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-MUUN.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-MUUN.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-MUUN.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-MUUN.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-MUUN.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-MUUN.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-MUUN.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; } #preview-MUUN.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-MUUN.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-MUUN.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-MUUN.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-MUUN li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-MUUN li .proGalleryItemInner { overflow: hidden; } #preview-MUUN 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 */ } #preview-MUUN 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*='preview-MUUN-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 */ .preview-MUUN-icon-play:before { content: '\e800'; } .preview-MUUN-icon-pause:before { content: '\e801'; } .preview-MUUN-icon-close:before { content: '\e802'; } .preview-MUUN-icon-prev:before { content: '\e803'; } .preview-MUUN-icon-next:before { content: '\e804'; } .preview-MUUN-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 preview-MUUN-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 preview-MUUN-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 preview-MUUN-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 preview-MUUN-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 preview-MUUN-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); } } #preview-MUUN-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] #preview-MUUN-case, html[data-lc-type=ajax] #preview-MUUN-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]) #preview-MUUN-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] #preview-MUUN-content, html[data-lc-type=video] #preview-MUUN-content { background-color: #333; } } html[data-lc-type=inline] #preview-MUUN-content, html[data-lc-type=ajax] #preview-MUUN-content, html[data-lc-type=error] #preview-MUUN-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] #preview-MUUN-content, html[data-lc-type=ajax] #preview-MUUN-content, html[data-lc-type=error] #preview-MUUN-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] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-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] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=inline] #preview-MUUN-content .preview-MUUN-contentInner > *, html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner > *, html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-MUUN-content .preview-MUUN-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner > *:not(iframe), html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-MUUN-isMobileDevice[data-lc-type=iframe] #preview-MUUN-content .preview-MUUN-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-MUUN-content .preview-MUUN-contentInner, html[data-lc-type=video] #preview-MUUN-content .preview-MUUN-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-MUUN-content .preview-MUUN-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-MUUN-content .preview-MUUN-contentInner .preview-MUUN-inlineWrap, html[data-lc-type=ajax] #preview-MUUN-content .preview-MUUN-contentInner .preview-MUUN-inlineWrap, html[data-lc-type=error] #preview-MUUN-content .preview-MUUN-contentInner .preview-MUUN-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]) #preview-MUUN-content .preview-MUUN-contentInner .preview-MUUN-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) { #preview-MUUN-content h1, #preview-MUUN-content h2, #preview-MUUN-content h3, #preview-MUUN-content h4, #preview-MUUN-content h5, #preview-MUUN-content h6, #preview-MUUN-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-MUUN-content h1, #preview-MUUN-content h2, #preview-MUUN-content h3, #preview-MUUN-content h4, #preview-MUUN-content h5, #preview-MUUN-content h6, #preview-MUUN-content p { color: #333; } } #preview-MUUN-case p.preview-MUUN-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) { #preview-MUUN-case p.preview-MUUN-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-MUUN-case p.preview-MUUN-error { padding: 0; } } .preview-MUUN-open body { overflow: hidden; } .preview-MUUN-isMobileDevice .preview-MUUN-open body { max-width: 100%; max-height: 100%; } #preview-MUUN-info { position: absolute; padding-top: 15px; } #preview-MUUN-info #preview-MUUN-title, #preview-MUUN-info #preview-MUUN-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-MUUN-info #preview-MUUN-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-MUUN-info #preview-MUUN-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-MUUN-info #preview-MUUN-caption { clear: both; font-size: 13px; color: #aaa; } #preview-MUUN-info #preview-MUUN-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-MUUN-fullScreenMode #preview-MUUN-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]) #preview-MUUN-info { position: static; } } #preview-MUUN-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: preview-MUUN-spin 0.5s infinite linear; -moz-animation: preview-MUUN-spin 0.5s infinite linear; -o-animation: preview-MUUN-spin 0.5s infinite linear; animation: preview-MUUN-spin 0.5s infinite linear; } #preview-MUUN-loading, #preview-MUUN-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; } #preview-MUUN-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-MUUN-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*='preview-MUUN-icon-'], a[class*='preview-MUUN-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*='preview-MUUN-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-MUUN-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-MUUN-isMobileDevice a[class*='preview-MUUN-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-MUUN-icon-'].preview-MUUN-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-MUUN-icon-'].preview-MUUN-icon-prev { left: 15px; } a[class*='preview-MUUN-icon-'].preview-MUUN-icon-next { right: 15px; } a[class*='preview-MUUN-icon-'].preview-MUUN-icon-pause, a[class*='preview-MUUN-icon-'].preview-MUUN-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-MUUN-icon-'].preview-MUUN-icon-pause, a[class*='preview-MUUN-icon-'].preview-MUUN-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-MUUN-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-MUUN-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-MUUN-icon-']:hover, #preview-MUUN-case:hover ~ a[class*='preview-MUUN-icon-'] { opacity: 1; } } #preview-MUUN-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) { #preview-MUUN-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-MUUN-icon-'], a[class*='preview-MUUN-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-MUUN-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*='preview-MUUN-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-MUUN-content img { width: auto; height: auto; } #preview-MUUN-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-MUUN-info #preview-MUUN-sequenceInfo, #preview-MUUN-info #preview-MUUN-title, #preview-MUUN-info #preview-MUUN-caption { color: rgba(170, 170, 170, 1.00); } #preview-MUUN-info #preview-MUUN-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-MUUN-info #preview-MUUN-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-MUUN { 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-preview-MUUN { display: block; } } #social-preview-MUUN 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-preview-MUUN a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-MUUN a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-MUUN-content, html[data-lc-type=video] #preview-MUUN-content { background: transparent; } } #preview-MUUN-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159503 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159503 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-BUDDHA-HEAD-5 { display: block; width: 100%; text-align: center; } #preview-BUDDHA-HEAD-5 li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-BUDDHA-HEAD-5 ul#proGalleryThumbsstacks_in_159504 { padding: 0; margin: 0; list-style: none; } #preview-BUDDHA-HEAD-5 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-BUDDHA-HEAD-5 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); } #preview-BUDDHA-HEAD-5 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-BUDDHA-HEAD-5 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 */ #preview-BUDDHA-HEAD-5 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; } /* */ /* */ /* */ #preview-BUDDHA-HEAD-5 li { display: none; } #preview-BUDDHA-HEAD-5 li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-BUDDHA-HEAD-5 .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); } #preview-BUDDHA-HEAD-5 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-BUDDHA-HEAD-5 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-BUDDHA-HEAD-5.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-BUDDHA-HEAD-5.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-BUDDHA-HEAD-5.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-BUDDHA-HEAD-5.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-BUDDHA-HEAD-5.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-BUDDHA-HEAD-5.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-BUDDHA-HEAD-5.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-BUDDHA-HEAD-5.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; } #preview-BUDDHA-HEAD-5.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-BUDDHA-HEAD-5.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-BUDDHA-HEAD-5.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-BUDDHA-HEAD-5.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-BUDDHA-HEAD-5 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-BUDDHA-HEAD-5 li .proGalleryItemInner { overflow: hidden; } #preview-BUDDHA-HEAD-5 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 */ } #preview-BUDDHA-HEAD-5 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*='preview-BUDDHA-HEAD-5-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 */ .preview-BUDDHA-HEAD-5-icon-play:before { content: '\e800'; } .preview-BUDDHA-HEAD-5-icon-pause:before { content: '\e801'; } .preview-BUDDHA-HEAD-5-icon-close:before { content: '\e802'; } .preview-BUDDHA-HEAD-5-icon-prev:before { content: '\e803'; } .preview-BUDDHA-HEAD-5-icon-next:before { content: '\e804'; } .preview-BUDDHA-HEAD-5-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 preview-BUDDHA-HEAD-5-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 preview-BUDDHA-HEAD-5-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 preview-BUDDHA-HEAD-5-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 preview-BUDDHA-HEAD-5-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 preview-BUDDHA-HEAD-5-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); } } #preview-BUDDHA-HEAD-5-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] #preview-BUDDHA-HEAD-5-case, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-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]) #preview-BUDDHA-HEAD-5-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] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=video] #preview-BUDDHA-HEAD-5-content { background-color: #333; } } html[data-lc-type=inline] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-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] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-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] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-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] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=inline] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > *, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > *, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > *:not(iframe), html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-BUDDHA-HEAD-5-isMobileDevice[data-lc-type=iframe] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner, html[data-lc-type=video] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner .preview-BUDDHA-HEAD-5-inlineWrap, html[data-lc-type=ajax] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner .preview-BUDDHA-HEAD-5-inlineWrap, html[data-lc-type=error] #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner .preview-BUDDHA-HEAD-5-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]) #preview-BUDDHA-HEAD-5-content .preview-BUDDHA-HEAD-5-contentInner .preview-BUDDHA-HEAD-5-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) { #preview-BUDDHA-HEAD-5-content h1, #preview-BUDDHA-HEAD-5-content h2, #preview-BUDDHA-HEAD-5-content h3, #preview-BUDDHA-HEAD-5-content h4, #preview-BUDDHA-HEAD-5-content h5, #preview-BUDDHA-HEAD-5-content h6, #preview-BUDDHA-HEAD-5-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-BUDDHA-HEAD-5-content h1, #preview-BUDDHA-HEAD-5-content h2, #preview-BUDDHA-HEAD-5-content h3, #preview-BUDDHA-HEAD-5-content h4, #preview-BUDDHA-HEAD-5-content h5, #preview-BUDDHA-HEAD-5-content h6, #preview-BUDDHA-HEAD-5-content p { color: #333; } } #preview-BUDDHA-HEAD-5-case p.preview-BUDDHA-HEAD-5-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) { #preview-BUDDHA-HEAD-5-case p.preview-BUDDHA-HEAD-5-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-BUDDHA-HEAD-5-case p.preview-BUDDHA-HEAD-5-error { padding: 0; } } .preview-BUDDHA-HEAD-5-open body { overflow: hidden; } .preview-BUDDHA-HEAD-5-isMobileDevice .preview-BUDDHA-HEAD-5-open body { max-width: 100%; max-height: 100%; } #preview-BUDDHA-HEAD-5-info { position: absolute; padding-top: 15px; } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-title, #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-caption { clear: both; font-size: 13px; color: #aaa; } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-BUDDHA-HEAD-5-fullScreenMode #preview-BUDDHA-HEAD-5-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]) #preview-BUDDHA-HEAD-5-info { position: static; } } #preview-BUDDHA-HEAD-5-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: preview-BUDDHA-HEAD-5-spin 0.5s infinite linear; -moz-animation: preview-BUDDHA-HEAD-5-spin 0.5s infinite linear; -o-animation: preview-BUDDHA-HEAD-5-spin 0.5s infinite linear; animation: preview-BUDDHA-HEAD-5-spin 0.5s infinite linear; } #preview-BUDDHA-HEAD-5-loading, #preview-BUDDHA-HEAD-5-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; } #preview-BUDDHA-HEAD-5-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-BUDDHA-HEAD-5-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*='preview-BUDDHA-HEAD-5-icon-'], a[class*='preview-BUDDHA-HEAD-5-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*='preview-BUDDHA-HEAD-5-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-BUDDHA-HEAD-5-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-BUDDHA-HEAD-5-isMobileDevice a[class*='preview-BUDDHA-HEAD-5-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-prev { left: 15px; } a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-next { right: 15px; } a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-pause, a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-pause, a[class*='preview-BUDDHA-HEAD-5-icon-'].preview-BUDDHA-HEAD-5-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-BUDDHA-HEAD-5-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-BUDDHA-HEAD-5-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-BUDDHA-HEAD-5-icon-']:hover, #preview-BUDDHA-HEAD-5-case:hover ~ a[class*='preview-BUDDHA-HEAD-5-icon-'] { opacity: 1; } } #preview-BUDDHA-HEAD-5-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) { #preview-BUDDHA-HEAD-5-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-BUDDHA-HEAD-5-icon-'], a[class*='preview-BUDDHA-HEAD-5-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-BUDDHA-HEAD-5-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*='preview-BUDDHA-HEAD-5-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-BUDDHA-HEAD-5-content img { width: auto; height: auto; } #preview-BUDDHA-HEAD-5-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-sequenceInfo, #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-title, #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-caption { color: rgba(170, 170, 170, 1.00); } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-BUDDHA-HEAD-5-info #preview-BUDDHA-HEAD-5-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-BUDDHA-HEAD-5 { 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-preview-BUDDHA-HEAD-5 { display: block; } } #social-preview-BUDDHA-HEAD-5 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-preview-BUDDHA-HEAD-5 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-BUDDHA-HEAD-5 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-BUDDHA-HEAD-5-content, html[data-lc-type=video] #preview-BUDDHA-HEAD-5-content { background: transparent; } } #preview-BUDDHA-HEAD-5-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159508 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159508 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-AANGEL { display: block; width: 100%; text-align: center; } #preview-AANGEL li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-AANGEL ul#proGalleryThumbsstacks_in_159509 { padding: 0; margin: 0; list-style: none; } #preview-AANGEL li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-AANGEL 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); } #preview-AANGEL li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-AANGEL 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 */ #preview-AANGEL 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; } /* */ /* */ /* */ #preview-AANGEL li { display: none; } #preview-AANGEL li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-AANGEL .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); } #preview-AANGEL .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-AANGEL .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-AANGEL.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-AANGEL.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-AANGEL.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-AANGEL.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-AANGEL.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-AANGEL.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-AANGEL.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-AANGEL.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; } #preview-AANGEL.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-AANGEL.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-AANGEL.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-AANGEL.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-AANGEL li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-AANGEL li .proGalleryItemInner { overflow: hidden; } #preview-AANGEL 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 */ } #preview-AANGEL 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*='preview-AANGEL-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 */ .preview-AANGEL-icon-play:before { content: '\e800'; } .preview-AANGEL-icon-pause:before { content: '\e801'; } .preview-AANGEL-icon-close:before { content: '\e802'; } .preview-AANGEL-icon-prev:before { content: '\e803'; } .preview-AANGEL-icon-next:before { content: '\e804'; } .preview-AANGEL-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 preview-AANGEL-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 preview-AANGEL-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 preview-AANGEL-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 preview-AANGEL-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 preview-AANGEL-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); } } #preview-AANGEL-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] #preview-AANGEL-case, html[data-lc-type=ajax] #preview-AANGEL-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]) #preview-AANGEL-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] #preview-AANGEL-content, html[data-lc-type=video] #preview-AANGEL-content { background-color: #333; } } html[data-lc-type=inline] #preview-AANGEL-content, html[data-lc-type=ajax] #preview-AANGEL-content, html[data-lc-type=error] #preview-AANGEL-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] #preview-AANGEL-content, html[data-lc-type=ajax] #preview-AANGEL-content, html[data-lc-type=error] #preview-AANGEL-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] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-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] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=inline] #preview-AANGEL-content .preview-AANGEL-contentInner > *, html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner > *, html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-AANGEL-content .preview-AANGEL-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner > *:not(iframe), html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-AANGEL-isMobileDevice[data-lc-type=iframe] #preview-AANGEL-content .preview-AANGEL-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-AANGEL-content .preview-AANGEL-contentInner, html[data-lc-type=video] #preview-AANGEL-content .preview-AANGEL-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-AANGEL-content .preview-AANGEL-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-AANGEL-content .preview-AANGEL-contentInner .preview-AANGEL-inlineWrap, html[data-lc-type=ajax] #preview-AANGEL-content .preview-AANGEL-contentInner .preview-AANGEL-inlineWrap, html[data-lc-type=error] #preview-AANGEL-content .preview-AANGEL-contentInner .preview-AANGEL-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]) #preview-AANGEL-content .preview-AANGEL-contentInner .preview-AANGEL-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) { #preview-AANGEL-content h1, #preview-AANGEL-content h2, #preview-AANGEL-content h3, #preview-AANGEL-content h4, #preview-AANGEL-content h5, #preview-AANGEL-content h6, #preview-AANGEL-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-AANGEL-content h1, #preview-AANGEL-content h2, #preview-AANGEL-content h3, #preview-AANGEL-content h4, #preview-AANGEL-content h5, #preview-AANGEL-content h6, #preview-AANGEL-content p { color: #333; } } #preview-AANGEL-case p.preview-AANGEL-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) { #preview-AANGEL-case p.preview-AANGEL-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-AANGEL-case p.preview-AANGEL-error { padding: 0; } } .preview-AANGEL-open body { overflow: hidden; } .preview-AANGEL-isMobileDevice .preview-AANGEL-open body { max-width: 100%; max-height: 100%; } #preview-AANGEL-info { position: absolute; padding-top: 15px; } #preview-AANGEL-info #preview-AANGEL-title, #preview-AANGEL-info #preview-AANGEL-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-AANGEL-info #preview-AANGEL-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-AANGEL-info #preview-AANGEL-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-AANGEL-info #preview-AANGEL-caption { clear: both; font-size: 13px; color: #aaa; } #preview-AANGEL-info #preview-AANGEL-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-AANGEL-fullScreenMode #preview-AANGEL-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]) #preview-AANGEL-info { position: static; } } #preview-AANGEL-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: preview-AANGEL-spin 0.5s infinite linear; -moz-animation: preview-AANGEL-spin 0.5s infinite linear; -o-animation: preview-AANGEL-spin 0.5s infinite linear; animation: preview-AANGEL-spin 0.5s infinite linear; } #preview-AANGEL-loading, #preview-AANGEL-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; } #preview-AANGEL-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-AANGEL-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*='preview-AANGEL-icon-'], a[class*='preview-AANGEL-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*='preview-AANGEL-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-AANGEL-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-AANGEL-isMobileDevice a[class*='preview-AANGEL-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-prev { left: 15px; } a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-next { right: 15px; } a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-pause, a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-pause, a[class*='preview-AANGEL-icon-'].preview-AANGEL-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-AANGEL-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-AANGEL-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-AANGEL-icon-']:hover, #preview-AANGEL-case:hover ~ a[class*='preview-AANGEL-icon-'] { opacity: 1; } } #preview-AANGEL-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) { #preview-AANGEL-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-AANGEL-icon-'], a[class*='preview-AANGEL-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-AANGEL-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*='preview-AANGEL-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-AANGEL-content img { width: auto; height: auto; } #preview-AANGEL-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-AANGEL-info #preview-AANGEL-sequenceInfo, #preview-AANGEL-info #preview-AANGEL-title, #preview-AANGEL-info #preview-AANGEL-caption { color: rgba(170, 170, 170, 1.00); } #preview-AANGEL-info #preview-AANGEL-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-AANGEL-info #preview-AANGEL-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-AANGEL { 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-preview-AANGEL { display: block; } } #social-preview-AANGEL 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-preview-AANGEL a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-AANGEL a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-AANGEL-content, html[data-lc-type=video] #preview-AANGEL-content { background: transparent; } } #preview-AANGEL-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159513 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159513 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-SCRUMPLE { display: block; width: 100%; text-align: center; } #preview-SCRUMPLE li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-SCRUMPLE ul#proGalleryThumbsstacks_in_159514 { padding: 0; margin: 0; list-style: none; } #preview-SCRUMPLE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-SCRUMPLE 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); } #preview-SCRUMPLE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-SCRUMPLE 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 */ #preview-SCRUMPLE 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; } /* */ /* */ /* */ #preview-SCRUMPLE li { display: none; } #preview-SCRUMPLE li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-SCRUMPLE .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); } #preview-SCRUMPLE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-SCRUMPLE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-SCRUMPLE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-SCRUMPLE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-SCRUMPLE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-SCRUMPLE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-SCRUMPLE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-SCRUMPLE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-SCRUMPLE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-SCRUMPLE.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; } #preview-SCRUMPLE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-SCRUMPLE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-SCRUMPLE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-SCRUMPLE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-SCRUMPLE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-SCRUMPLE li .proGalleryItemInner { overflow: hidden; } #preview-SCRUMPLE 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 */ } #preview-SCRUMPLE 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*='preview-SCRUMPLE-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 */ .preview-SCRUMPLE-icon-play:before { content: '\e800'; } .preview-SCRUMPLE-icon-pause:before { content: '\e801'; } .preview-SCRUMPLE-icon-close:before { content: '\e802'; } .preview-SCRUMPLE-icon-prev:before { content: '\e803'; } .preview-SCRUMPLE-icon-next:before { content: '\e804'; } .preview-SCRUMPLE-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 preview-SCRUMPLE-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 preview-SCRUMPLE-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 preview-SCRUMPLE-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 preview-SCRUMPLE-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 preview-SCRUMPLE-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); } } #preview-SCRUMPLE-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] #preview-SCRUMPLE-case, html[data-lc-type=ajax] #preview-SCRUMPLE-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]) #preview-SCRUMPLE-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] #preview-SCRUMPLE-content, html[data-lc-type=video] #preview-SCRUMPLE-content { background-color: #333; } } html[data-lc-type=inline] #preview-SCRUMPLE-content, html[data-lc-type=ajax] #preview-SCRUMPLE-content, html[data-lc-type=error] #preview-SCRUMPLE-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] #preview-SCRUMPLE-content, html[data-lc-type=ajax] #preview-SCRUMPLE-content, html[data-lc-type=error] #preview-SCRUMPLE-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] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-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] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=inline] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > *, html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > *, html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > *:not(iframe), html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-SCRUMPLE-isMobileDevice[data-lc-type=iframe] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner, html[data-lc-type=video] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner .preview-SCRUMPLE-inlineWrap, html[data-lc-type=ajax] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner .preview-SCRUMPLE-inlineWrap, html[data-lc-type=error] #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner .preview-SCRUMPLE-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]) #preview-SCRUMPLE-content .preview-SCRUMPLE-contentInner .preview-SCRUMPLE-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) { #preview-SCRUMPLE-content h1, #preview-SCRUMPLE-content h2, #preview-SCRUMPLE-content h3, #preview-SCRUMPLE-content h4, #preview-SCRUMPLE-content h5, #preview-SCRUMPLE-content h6, #preview-SCRUMPLE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-SCRUMPLE-content h1, #preview-SCRUMPLE-content h2, #preview-SCRUMPLE-content h3, #preview-SCRUMPLE-content h4, #preview-SCRUMPLE-content h5, #preview-SCRUMPLE-content h6, #preview-SCRUMPLE-content p { color: #333; } } #preview-SCRUMPLE-case p.preview-SCRUMPLE-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) { #preview-SCRUMPLE-case p.preview-SCRUMPLE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-SCRUMPLE-case p.preview-SCRUMPLE-error { padding: 0; } } .preview-SCRUMPLE-open body { overflow: hidden; } .preview-SCRUMPLE-isMobileDevice .preview-SCRUMPLE-open body { max-width: 100%; max-height: 100%; } #preview-SCRUMPLE-info { position: absolute; padding-top: 15px; } #preview-SCRUMPLE-info #preview-SCRUMPLE-title, #preview-SCRUMPLE-info #preview-SCRUMPLE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-SCRUMPLE-info #preview-SCRUMPLE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-SCRUMPLE-info #preview-SCRUMPLE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-SCRUMPLE-info #preview-SCRUMPLE-caption { clear: both; font-size: 13px; color: #aaa; } #preview-SCRUMPLE-info #preview-SCRUMPLE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-SCRUMPLE-fullScreenMode #preview-SCRUMPLE-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]) #preview-SCRUMPLE-info { position: static; } } #preview-SCRUMPLE-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: preview-SCRUMPLE-spin 0.5s infinite linear; -moz-animation: preview-SCRUMPLE-spin 0.5s infinite linear; -o-animation: preview-SCRUMPLE-spin 0.5s infinite linear; animation: preview-SCRUMPLE-spin 0.5s infinite linear; } #preview-SCRUMPLE-loading, #preview-SCRUMPLE-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; } #preview-SCRUMPLE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-SCRUMPLE-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*='preview-SCRUMPLE-icon-'], a[class*='preview-SCRUMPLE-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*='preview-SCRUMPLE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-SCRUMPLE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-SCRUMPLE-isMobileDevice a[class*='preview-SCRUMPLE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-prev { left: 15px; } a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-next { right: 15px; } a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-pause, a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-pause, a[class*='preview-SCRUMPLE-icon-'].preview-SCRUMPLE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-SCRUMPLE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-SCRUMPLE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-SCRUMPLE-icon-']:hover, #preview-SCRUMPLE-case:hover ~ a[class*='preview-SCRUMPLE-icon-'] { opacity: 1; } } #preview-SCRUMPLE-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) { #preview-SCRUMPLE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-SCRUMPLE-icon-'], a[class*='preview-SCRUMPLE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-SCRUMPLE-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*='preview-SCRUMPLE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-SCRUMPLE-content img { width: auto; height: auto; } #preview-SCRUMPLE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-SCRUMPLE-info #preview-SCRUMPLE-sequenceInfo, #preview-SCRUMPLE-info #preview-SCRUMPLE-title, #preview-SCRUMPLE-info #preview-SCRUMPLE-caption { color: rgba(170, 170, 170, 1.00); } #preview-SCRUMPLE-info #preview-SCRUMPLE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-SCRUMPLE-info #preview-SCRUMPLE-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-SCRUMPLE { 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-preview-SCRUMPLE { display: block; } } #social-preview-SCRUMPLE 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-preview-SCRUMPLE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-SCRUMPLE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-SCRUMPLE-content, html[data-lc-type=video] #preview-SCRUMPLE-content { background: transparent; } } #preview-SCRUMPLE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159518 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159518 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-TUUSUM { display: block; width: 100%; text-align: center; } #preview-TUUSUM li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-TUUSUM ul#proGalleryThumbsstacks_in_159519 { padding: 0; margin: 0; list-style: none; } #preview-TUUSUM li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-TUUSUM 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); } #preview-TUUSUM li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-TUUSUM 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 */ #preview-TUUSUM 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; } /* */ /* */ /* */ #preview-TUUSUM li { display: none; } #preview-TUUSUM li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-TUUSUM .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); } #preview-TUUSUM .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-TUUSUM .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-TUUSUM.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-TUUSUM.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-TUUSUM.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-TUUSUM.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-TUUSUM.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-TUUSUM.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-TUUSUM.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-TUUSUM.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; } #preview-TUUSUM.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-TUUSUM.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-TUUSUM.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-TUUSUM.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-TUUSUM li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-TUUSUM li .proGalleryItemInner { overflow: hidden; } #preview-TUUSUM 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 */ } #preview-TUUSUM 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*='preview-TUUSUM-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 */ .preview-TUUSUM-icon-play:before { content: '\e800'; } .preview-TUUSUM-icon-pause:before { content: '\e801'; } .preview-TUUSUM-icon-close:before { content: '\e802'; } .preview-TUUSUM-icon-prev:before { content: '\e803'; } .preview-TUUSUM-icon-next:before { content: '\e804'; } .preview-TUUSUM-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 preview-TUUSUM-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 preview-TUUSUM-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 preview-TUUSUM-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 preview-TUUSUM-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 preview-TUUSUM-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); } } #preview-TUUSUM-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] #preview-TUUSUM-case, html[data-lc-type=ajax] #preview-TUUSUM-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]) #preview-TUUSUM-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] #preview-TUUSUM-content, html[data-lc-type=video] #preview-TUUSUM-content { background-color: #333; } } html[data-lc-type=inline] #preview-TUUSUM-content, html[data-lc-type=ajax] #preview-TUUSUM-content, html[data-lc-type=error] #preview-TUUSUM-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] #preview-TUUSUM-content, html[data-lc-type=ajax] #preview-TUUSUM-content, html[data-lc-type=error] #preview-TUUSUM-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] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-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] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=inline] #preview-TUUSUM-content .preview-TUUSUM-contentInner > *, html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner > *, html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-TUUSUM-content .preview-TUUSUM-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner > *:not(iframe), html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-TUUSUM-isMobileDevice[data-lc-type=iframe] #preview-TUUSUM-content .preview-TUUSUM-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-TUUSUM-content .preview-TUUSUM-contentInner, html[data-lc-type=video] #preview-TUUSUM-content .preview-TUUSUM-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-TUUSUM-content .preview-TUUSUM-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-TUUSUM-content .preview-TUUSUM-contentInner .preview-TUUSUM-inlineWrap, html[data-lc-type=ajax] #preview-TUUSUM-content .preview-TUUSUM-contentInner .preview-TUUSUM-inlineWrap, html[data-lc-type=error] #preview-TUUSUM-content .preview-TUUSUM-contentInner .preview-TUUSUM-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]) #preview-TUUSUM-content .preview-TUUSUM-contentInner .preview-TUUSUM-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) { #preview-TUUSUM-content h1, #preview-TUUSUM-content h2, #preview-TUUSUM-content h3, #preview-TUUSUM-content h4, #preview-TUUSUM-content h5, #preview-TUUSUM-content h6, #preview-TUUSUM-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-TUUSUM-content h1, #preview-TUUSUM-content h2, #preview-TUUSUM-content h3, #preview-TUUSUM-content h4, #preview-TUUSUM-content h5, #preview-TUUSUM-content h6, #preview-TUUSUM-content p { color: #333; } } #preview-TUUSUM-case p.preview-TUUSUM-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) { #preview-TUUSUM-case p.preview-TUUSUM-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-TUUSUM-case p.preview-TUUSUM-error { padding: 0; } } .preview-TUUSUM-open body { overflow: hidden; } .preview-TUUSUM-isMobileDevice .preview-TUUSUM-open body { max-width: 100%; max-height: 100%; } #preview-TUUSUM-info { position: absolute; padding-top: 15px; } #preview-TUUSUM-info #preview-TUUSUM-title, #preview-TUUSUM-info #preview-TUUSUM-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-TUUSUM-info #preview-TUUSUM-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-TUUSUM-info #preview-TUUSUM-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-TUUSUM-info #preview-TUUSUM-caption { clear: both; font-size: 13px; color: #aaa; } #preview-TUUSUM-info #preview-TUUSUM-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-TUUSUM-fullScreenMode #preview-TUUSUM-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]) #preview-TUUSUM-info { position: static; } } #preview-TUUSUM-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: preview-TUUSUM-spin 0.5s infinite linear; -moz-animation: preview-TUUSUM-spin 0.5s infinite linear; -o-animation: preview-TUUSUM-spin 0.5s infinite linear; animation: preview-TUUSUM-spin 0.5s infinite linear; } #preview-TUUSUM-loading, #preview-TUUSUM-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; } #preview-TUUSUM-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-TUUSUM-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*='preview-TUUSUM-icon-'], a[class*='preview-TUUSUM-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*='preview-TUUSUM-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-TUUSUM-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-TUUSUM-isMobileDevice a[class*='preview-TUUSUM-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-prev { left: 15px; } a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-next { right: 15px; } a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-pause, a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-pause, a[class*='preview-TUUSUM-icon-'].preview-TUUSUM-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-TUUSUM-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-TUUSUM-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-TUUSUM-icon-']:hover, #preview-TUUSUM-case:hover ~ a[class*='preview-TUUSUM-icon-'] { opacity: 1; } } #preview-TUUSUM-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) { #preview-TUUSUM-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-TUUSUM-icon-'], a[class*='preview-TUUSUM-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-TUUSUM-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*='preview-TUUSUM-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-TUUSUM-content img { width: auto; height: auto; } #preview-TUUSUM-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-TUUSUM-info #preview-TUUSUM-sequenceInfo, #preview-TUUSUM-info #preview-TUUSUM-title, #preview-TUUSUM-info #preview-TUUSUM-caption { color: rgba(170, 170, 170, 1.00); } #preview-TUUSUM-info #preview-TUUSUM-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-TUUSUM-info #preview-TUUSUM-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-TUUSUM { 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-preview-TUUSUM { display: block; } } #social-preview-TUUSUM 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-preview-TUUSUM a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-TUUSUM a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-TUUSUM-content, html[data-lc-type=video] #preview-TUUSUM-content { background: transparent; } } #preview-TUUSUM-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159523 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159523 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-SQUERE { display: block; width: 100%; text-align: center; } #preview-SQUERE li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-SQUERE ul#proGalleryThumbsstacks_in_159524 { padding: 0; margin: 0; list-style: none; } #preview-SQUERE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-SQUERE 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); } #preview-SQUERE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-SQUERE 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 */ #preview-SQUERE 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; } /* */ /* */ /* */ #preview-SQUERE li { display: none; } #preview-SQUERE li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-SQUERE .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); } #preview-SQUERE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-SQUERE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-SQUERE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-SQUERE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-SQUERE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-SQUERE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-SQUERE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-SQUERE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-SQUERE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-SQUERE.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; } #preview-SQUERE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-SQUERE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-SQUERE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-SQUERE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-SQUERE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-SQUERE li .proGalleryItemInner { overflow: hidden; } #preview-SQUERE 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 */ } #preview-SQUERE 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*='preview-SQUERE-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 */ .preview-SQUERE-icon-play:before { content: '\e800'; } .preview-SQUERE-icon-pause:before { content: '\e801'; } .preview-SQUERE-icon-close:before { content: '\e802'; } .preview-SQUERE-icon-prev:before { content: '\e803'; } .preview-SQUERE-icon-next:before { content: '\e804'; } .preview-SQUERE-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 preview-SQUERE-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 preview-SQUERE-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 preview-SQUERE-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 preview-SQUERE-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 preview-SQUERE-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); } } #preview-SQUERE-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] #preview-SQUERE-case, html[data-lc-type=ajax] #preview-SQUERE-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]) #preview-SQUERE-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] #preview-SQUERE-content, html[data-lc-type=video] #preview-SQUERE-content { background-color: #333; } } html[data-lc-type=inline] #preview-SQUERE-content, html[data-lc-type=ajax] #preview-SQUERE-content, html[data-lc-type=error] #preview-SQUERE-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] #preview-SQUERE-content, html[data-lc-type=ajax] #preview-SQUERE-content, html[data-lc-type=error] #preview-SQUERE-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] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-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] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=inline] #preview-SQUERE-content .preview-SQUERE-contentInner > *, html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner > *, html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-SQUERE-content .preview-SQUERE-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner > *:not(iframe), html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-SQUERE-isMobileDevice[data-lc-type=iframe] #preview-SQUERE-content .preview-SQUERE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-SQUERE-content .preview-SQUERE-contentInner, html[data-lc-type=video] #preview-SQUERE-content .preview-SQUERE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-SQUERE-content .preview-SQUERE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-SQUERE-content .preview-SQUERE-contentInner .preview-SQUERE-inlineWrap, html[data-lc-type=ajax] #preview-SQUERE-content .preview-SQUERE-contentInner .preview-SQUERE-inlineWrap, html[data-lc-type=error] #preview-SQUERE-content .preview-SQUERE-contentInner .preview-SQUERE-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]) #preview-SQUERE-content .preview-SQUERE-contentInner .preview-SQUERE-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) { #preview-SQUERE-content h1, #preview-SQUERE-content h2, #preview-SQUERE-content h3, #preview-SQUERE-content h4, #preview-SQUERE-content h5, #preview-SQUERE-content h6, #preview-SQUERE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-SQUERE-content h1, #preview-SQUERE-content h2, #preview-SQUERE-content h3, #preview-SQUERE-content h4, #preview-SQUERE-content h5, #preview-SQUERE-content h6, #preview-SQUERE-content p { color: #333; } } #preview-SQUERE-case p.preview-SQUERE-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) { #preview-SQUERE-case p.preview-SQUERE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-SQUERE-case p.preview-SQUERE-error { padding: 0; } } .preview-SQUERE-open body { overflow: hidden; } .preview-SQUERE-isMobileDevice .preview-SQUERE-open body { max-width: 100%; max-height: 100%; } #preview-SQUERE-info { position: absolute; padding-top: 15px; } #preview-SQUERE-info #preview-SQUERE-title, #preview-SQUERE-info #preview-SQUERE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-SQUERE-info #preview-SQUERE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-SQUERE-info #preview-SQUERE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-SQUERE-info #preview-SQUERE-caption { clear: both; font-size: 13px; color: #aaa; } #preview-SQUERE-info #preview-SQUERE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-SQUERE-fullScreenMode #preview-SQUERE-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]) #preview-SQUERE-info { position: static; } } #preview-SQUERE-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: preview-SQUERE-spin 0.5s infinite linear; -moz-animation: preview-SQUERE-spin 0.5s infinite linear; -o-animation: preview-SQUERE-spin 0.5s infinite linear; animation: preview-SQUERE-spin 0.5s infinite linear; } #preview-SQUERE-loading, #preview-SQUERE-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; } #preview-SQUERE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-SQUERE-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*='preview-SQUERE-icon-'], a[class*='preview-SQUERE-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*='preview-SQUERE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-SQUERE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-SQUERE-isMobileDevice a[class*='preview-SQUERE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-prev { left: 15px; } a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-next { right: 15px; } a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-pause, a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-pause, a[class*='preview-SQUERE-icon-'].preview-SQUERE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-SQUERE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-SQUERE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-SQUERE-icon-']:hover, #preview-SQUERE-case:hover ~ a[class*='preview-SQUERE-icon-'] { opacity: 1; } } #preview-SQUERE-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) { #preview-SQUERE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-SQUERE-icon-'], a[class*='preview-SQUERE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-SQUERE-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*='preview-SQUERE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-SQUERE-content img { width: auto; height: auto; } #preview-SQUERE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-SQUERE-info #preview-SQUERE-sequenceInfo, #preview-SQUERE-info #preview-SQUERE-title, #preview-SQUERE-info #preview-SQUERE-caption { color: rgba(170, 170, 170, 1.00); } #preview-SQUERE-info #preview-SQUERE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-SQUERE-info #preview-SQUERE-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-SQUERE { 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-preview-SQUERE { display: block; } } #social-preview-SQUERE 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-preview-SQUERE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-SQUERE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-SQUERE-content, html[data-lc-type=video] #preview-SQUERE-content { background: transparent; } } #preview-SQUERE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159528 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159528 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-CIRCUM { display: block; width: 100%; text-align: center; } #preview-CIRCUM li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-CIRCUM ul#proGalleryThumbsstacks_in_159529 { padding: 0; margin: 0; list-style: none; } #preview-CIRCUM li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-CIRCUM 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); } #preview-CIRCUM li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-CIRCUM 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 */ #preview-CIRCUM 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; } /* */ /* */ /* */ #preview-CIRCUM li { display: none; } #preview-CIRCUM li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-CIRCUM .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); } #preview-CIRCUM .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-CIRCUM .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-CIRCUM.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-CIRCUM.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-CIRCUM.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-CIRCUM.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-CIRCUM.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-CIRCUM.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-CIRCUM.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-CIRCUM.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; } #preview-CIRCUM.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-CIRCUM.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-CIRCUM.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-CIRCUM.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-CIRCUM li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-CIRCUM li .proGalleryItemInner { overflow: hidden; } #preview-CIRCUM 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 */ } #preview-CIRCUM 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*='preview-CIRCUM-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 */ .preview-CIRCUM-icon-play:before { content: '\e800'; } .preview-CIRCUM-icon-pause:before { content: '\e801'; } .preview-CIRCUM-icon-close:before { content: '\e802'; } .preview-CIRCUM-icon-prev:before { content: '\e803'; } .preview-CIRCUM-icon-next:before { content: '\e804'; } .preview-CIRCUM-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 preview-CIRCUM-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 preview-CIRCUM-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 preview-CIRCUM-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 preview-CIRCUM-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 preview-CIRCUM-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); } } #preview-CIRCUM-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] #preview-CIRCUM-case, html[data-lc-type=ajax] #preview-CIRCUM-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]) #preview-CIRCUM-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] #preview-CIRCUM-content, html[data-lc-type=video] #preview-CIRCUM-content { background-color: #333; } } html[data-lc-type=inline] #preview-CIRCUM-content, html[data-lc-type=ajax] #preview-CIRCUM-content, html[data-lc-type=error] #preview-CIRCUM-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] #preview-CIRCUM-content, html[data-lc-type=ajax] #preview-CIRCUM-content, html[data-lc-type=error] #preview-CIRCUM-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] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-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] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=inline] #preview-CIRCUM-content .preview-CIRCUM-contentInner > *, html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner > *, html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-CIRCUM-content .preview-CIRCUM-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner > *:not(iframe), html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-CIRCUM-isMobileDevice[data-lc-type=iframe] #preview-CIRCUM-content .preview-CIRCUM-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-CIRCUM-content .preview-CIRCUM-contentInner, html[data-lc-type=video] #preview-CIRCUM-content .preview-CIRCUM-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-CIRCUM-content .preview-CIRCUM-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-CIRCUM-content .preview-CIRCUM-contentInner .preview-CIRCUM-inlineWrap, html[data-lc-type=ajax] #preview-CIRCUM-content .preview-CIRCUM-contentInner .preview-CIRCUM-inlineWrap, html[data-lc-type=error] #preview-CIRCUM-content .preview-CIRCUM-contentInner .preview-CIRCUM-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]) #preview-CIRCUM-content .preview-CIRCUM-contentInner .preview-CIRCUM-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) { #preview-CIRCUM-content h1, #preview-CIRCUM-content h2, #preview-CIRCUM-content h3, #preview-CIRCUM-content h4, #preview-CIRCUM-content h5, #preview-CIRCUM-content h6, #preview-CIRCUM-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-CIRCUM-content h1, #preview-CIRCUM-content h2, #preview-CIRCUM-content h3, #preview-CIRCUM-content h4, #preview-CIRCUM-content h5, #preview-CIRCUM-content h6, #preview-CIRCUM-content p { color: #333; } } #preview-CIRCUM-case p.preview-CIRCUM-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) { #preview-CIRCUM-case p.preview-CIRCUM-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-CIRCUM-case p.preview-CIRCUM-error { padding: 0; } } .preview-CIRCUM-open body { overflow: hidden; } .preview-CIRCUM-isMobileDevice .preview-CIRCUM-open body { max-width: 100%; max-height: 100%; } #preview-CIRCUM-info { position: absolute; padding-top: 15px; } #preview-CIRCUM-info #preview-CIRCUM-title, #preview-CIRCUM-info #preview-CIRCUM-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-CIRCUM-info #preview-CIRCUM-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-CIRCUM-info #preview-CIRCUM-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-CIRCUM-info #preview-CIRCUM-caption { clear: both; font-size: 13px; color: #aaa; } #preview-CIRCUM-info #preview-CIRCUM-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-CIRCUM-fullScreenMode #preview-CIRCUM-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]) #preview-CIRCUM-info { position: static; } } #preview-CIRCUM-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: preview-CIRCUM-spin 0.5s infinite linear; -moz-animation: preview-CIRCUM-spin 0.5s infinite linear; -o-animation: preview-CIRCUM-spin 0.5s infinite linear; animation: preview-CIRCUM-spin 0.5s infinite linear; } #preview-CIRCUM-loading, #preview-CIRCUM-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; } #preview-CIRCUM-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-CIRCUM-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*='preview-CIRCUM-icon-'], a[class*='preview-CIRCUM-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*='preview-CIRCUM-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-CIRCUM-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-CIRCUM-isMobileDevice a[class*='preview-CIRCUM-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-prev { left: 15px; } a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-next { right: 15px; } a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-pause, a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-pause, a[class*='preview-CIRCUM-icon-'].preview-CIRCUM-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-CIRCUM-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-CIRCUM-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-CIRCUM-icon-']:hover, #preview-CIRCUM-case:hover ~ a[class*='preview-CIRCUM-icon-'] { opacity: 1; } } #preview-CIRCUM-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) { #preview-CIRCUM-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-CIRCUM-icon-'], a[class*='preview-CIRCUM-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-CIRCUM-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*='preview-CIRCUM-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-CIRCUM-content img { width: auto; height: auto; } #preview-CIRCUM-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-CIRCUM-info #preview-CIRCUM-sequenceInfo, #preview-CIRCUM-info #preview-CIRCUM-title, #preview-CIRCUM-info #preview-CIRCUM-caption { color: rgba(170, 170, 170, 1.00); } #preview-CIRCUM-info #preview-CIRCUM-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-CIRCUM-info #preview-CIRCUM-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-CIRCUM { 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-preview-CIRCUM { display: block; } } #social-preview-CIRCUM 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-preview-CIRCUM a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-CIRCUM a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-CIRCUM-content, html[data-lc-type=video] #preview-CIRCUM-content { background: transparent; } } #preview-CIRCUM-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #s4s_flexbox_item_stacks_in_159533 { flex-grow: 0; flex-basis: 360px; flex-shrink: 1; align-self: auto; min-height: auto; background-color: rgba(0, 0, 0, 1.00); padding: 0rem; margin: 1rem; border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 0; } @media screen and (min-width: 992px) { #s4s_flexbox_item_stacks_in_159533 { flex-grow: 0; flex-basis: 30%; flex-shrink: 1; align-self: auto; min-height: auto; } } /* @group ProGallery Grid */ #preview-MORPHED { display: block; width: 100%; text-align: center; } #preview-MORPHED li.proGalleryItem { -webkit-transform: translateZ(0); } #preview-MORPHED ul#proGalleryThumbsstacks_in_159534 { padding: 0; margin: 0; list-style: none; } #preview-MORPHED li.proGalleryItem { margin: 0; padding: 0; position: relative; } #preview-MORPHED 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); } #preview-MORPHED li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #preview-MORPHED 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 */ #preview-MORPHED 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; } /* */ /* */ /* */ #preview-MORPHED li { display: none; } #preview-MORPHED li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #preview-MORPHED .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); } #preview-MORPHED .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-MORPHED .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #preview-MORPHED.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #preview-MORPHED.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #preview-MORPHED.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #preview-MORPHED.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #preview-MORPHED.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #preview-MORPHED.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #preview-MORPHED.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #preview-MORPHED.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; } #preview-MORPHED.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #preview-MORPHED.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #preview-MORPHED.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #preview-MORPHED.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #preview-MORPHED li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #preview-MORPHED li .proGalleryItemInner { overflow: hidden; } #preview-MORPHED 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 */ } #preview-MORPHED 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*='preview-MORPHED-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 */ .preview-MORPHED-icon-play:before { content: '\e800'; } .preview-MORPHED-icon-pause:before { content: '\e801'; } .preview-MORPHED-icon-close:before { content: '\e802'; } .preview-MORPHED-icon-prev:before { content: '\e803'; } .preview-MORPHED-icon-next:before { content: '\e804'; } .preview-MORPHED-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 preview-MORPHED-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 preview-MORPHED-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 preview-MORPHED-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 preview-MORPHED-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 preview-MORPHED-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); } } #preview-MORPHED-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] #preview-MORPHED-case, html[data-lc-type=ajax] #preview-MORPHED-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]) #preview-MORPHED-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] #preview-MORPHED-content, html[data-lc-type=video] #preview-MORPHED-content { background-color: #333; } } html[data-lc-type=inline] #preview-MORPHED-content, html[data-lc-type=ajax] #preview-MORPHED-content, html[data-lc-type=error] #preview-MORPHED-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] #preview-MORPHED-content, html[data-lc-type=ajax] #preview-MORPHED-content, html[data-lc-type=error] #preview-MORPHED-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] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-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] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-contentInner { padding: 15px; } html[data-lc-type=inline] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=inline] #preview-MORPHED-content .preview-MORPHED-contentInner > *, html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner > *, html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #preview-MORPHED-content .preview-MORPHED-contentInner > *:not(iframe), html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner > *:not(iframe), html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.preview-MORPHED-isMobileDevice[data-lc-type=iframe] #preview-MORPHED-content .preview-MORPHED-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #preview-MORPHED-content .preview-MORPHED-contentInner, html[data-lc-type=video] #preview-MORPHED-content .preview-MORPHED-contentInner { line-height: 0.75; } } html[data-lc-type=image] #preview-MORPHED-content .preview-MORPHED-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #preview-MORPHED-content .preview-MORPHED-contentInner .preview-MORPHED-inlineWrap, html[data-lc-type=ajax] #preview-MORPHED-content .preview-MORPHED-contentInner .preview-MORPHED-inlineWrap, html[data-lc-type=error] #preview-MORPHED-content .preview-MORPHED-contentInner .preview-MORPHED-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]) #preview-MORPHED-content .preview-MORPHED-contentInner .preview-MORPHED-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) { #preview-MORPHED-content h1, #preview-MORPHED-content h2, #preview-MORPHED-content h3, #preview-MORPHED-content h4, #preview-MORPHED-content h5, #preview-MORPHED-content h6, #preview-MORPHED-content p { color: #aaa; } } @media screen and (min-width: 641px) { #preview-MORPHED-content h1, #preview-MORPHED-content h2, #preview-MORPHED-content h3, #preview-MORPHED-content h4, #preview-MORPHED-content h5, #preview-MORPHED-content h6, #preview-MORPHED-content p { color: #333; } } #preview-MORPHED-case p.preview-MORPHED-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) { #preview-MORPHED-case p.preview-MORPHED-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #preview-MORPHED-case p.preview-MORPHED-error { padding: 0; } } .preview-MORPHED-open body { overflow: hidden; } .preview-MORPHED-isMobileDevice .preview-MORPHED-open body { max-width: 100%; max-height: 100%; } #preview-MORPHED-info { position: absolute; padding-top: 15px; } #preview-MORPHED-info #preview-MORPHED-title, #preview-MORPHED-info #preview-MORPHED-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #preview-MORPHED-info #preview-MORPHED-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #preview-MORPHED-info #preview-MORPHED-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #preview-MORPHED-info #preview-MORPHED-caption { clear: both; font-size: 13px; color: #aaa; } #preview-MORPHED-info #preview-MORPHED-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .preview-MORPHED-fullScreenMode #preview-MORPHED-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]) #preview-MORPHED-info { position: static; } } #preview-MORPHED-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: preview-MORPHED-spin 0.5s infinite linear; -moz-animation: preview-MORPHED-spin 0.5s infinite linear; -o-animation: preview-MORPHED-spin 0.5s infinite linear; animation: preview-MORPHED-spin 0.5s infinite linear; } #preview-MORPHED-loading, #preview-MORPHED-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; } #preview-MORPHED-loading > span { display: inline-block; text-indent: -9999px; } a[class*='preview-MORPHED-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*='preview-MORPHED-icon-'], a[class*='preview-MORPHED-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*='preview-MORPHED-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='preview-MORPHED-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .preview-MORPHED-isMobileDevice a[class*='preview-MORPHED-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-prev { left: 15px; } a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-next { right: 15px; } a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-pause, a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-pause, a[class*='preview-MORPHED-icon-'].preview-MORPHED-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='preview-MORPHED-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='preview-MORPHED-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='preview-MORPHED-icon-']:hover, #preview-MORPHED-case:hover ~ a[class*='preview-MORPHED-icon-'] { opacity: 1; } } #preview-MORPHED-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) { #preview-MORPHED-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='preview-MORPHED-icon-'], a[class*='preview-MORPHED-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='preview-MORPHED-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*='preview-MORPHED-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #preview-MORPHED-content img { width: auto; height: auto; } #preview-MORPHED-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #preview-MORPHED-info #preview-MORPHED-sequenceInfo, #preview-MORPHED-info #preview-MORPHED-title, #preview-MORPHED-info #preview-MORPHED-caption { color: rgba(170, 170, 170, 1.00); } #preview-MORPHED-info #preview-MORPHED-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #preview-MORPHED-info #preview-MORPHED-caption { } /* @end */ /* Social icons in the lightbox */ #social-preview-MORPHED { 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-preview-MORPHED { display: block; } } #social-preview-MORPHED 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-preview-MORPHED a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-preview-MORPHED a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #preview-MORPHED-content, html[data-lc-type=video] #preview-MORPHED-content { background: transparent; } } #preview-MORPHED-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159546 .poster-date { display: none !important; } #stacks_in_159546 .blog-entry-author { display: none !important; } #stacks_in_159558 { margin: 0px 0px 20px 0px; } #stacks_in_159555 { padding: 20px; } #stacks_in_159550 { 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_159552 { 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_159552 { margin: 20px 0px 0px 0px; } #stacks_in_159561 .poster-date { display: none !important; } #stacks_in_159561 .blog-entry-author { display: none !important; } #stacks_in_159329 { margin: 0px 0px 20px 0px; } #stacks_in_159572 { padding: 20px; } /* @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_159567 { 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: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; 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_159567 { margin: 20px 0px 0px 0px; } #stacks_in_159570 { margin: 20px 0px 20px 0px; padding: 0px 0px 20px 0px; } #stacks_in_159577 .poster-date { display: none !important; } #stacks_in_159577 .blog-entry-author { display: none !important; } #stacks_in_159591 { margin: 0px 0px 20px 0px; } #stacks_in_159588 { padding: 20px; } #stacks_in_159578 { margin: 40px 0px 20px 0px; } /* @group ProGallery Grid */ #DIOR { display: block; width: 100%; text-align: center; } #DIOR li.proGalleryItem { -webkit-transform: translateZ(0); } #DIOR ul#proGalleryThumbsstacks_in_159585 { padding: 0; margin: 0; list-style: none; } #DIOR li.proGalleryItem { margin: 0; padding: 0; position: relative; } #DIOR 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); } #DIOR li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #DIOR 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 */ #DIOR 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; } /* */ /* */ /* */ /* */ /* */ /* */ #DIOR { -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) { #DIOR { -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) { #DIOR { -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) { #DIOR { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #DIOR li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #DIOR .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); } #DIOR .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #DIOR.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #DIOR.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #DIOR.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #DIOR.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #DIOR.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #DIOR.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #DIOR.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; } #DIOR.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #DIOR.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #DIOR.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #DIOR li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #DIOR li .proGalleryItemInner { overflow: hidden; } #DIOR 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 */ } #DIOR 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*='DIOR-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 */ .DIOR-icon-play:before { content: '\e800'; } .DIOR-icon-pause:before { content: '\e801'; } .DIOR-icon-close:before { content: '\e802'; } .DIOR-icon-prev:before { content: '\e803'; } .DIOR-icon-next:before { content: '\e804'; } .DIOR-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 DIOR-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 DIOR-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 DIOR-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 DIOR-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 DIOR-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); } } #DIOR-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] #DIOR-case, html[data-lc-type=ajax] #DIOR-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]) #DIOR-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] #DIOR-content, html[data-lc-type=video] #DIOR-content { background-color: #333; } } html[data-lc-type=inline] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-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] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-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] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-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] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner { padding: 15px; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner, html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=error] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=error] #DIOR-content .DIOR-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.DIOR-isMobileDevice[data-lc-type=iframe] #DIOR-content .DIOR-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #DIOR-content .DIOR-contentInner, html[data-lc-type=video] #DIOR-content .DIOR-contentInner { line-height: 0.75; } } html[data-lc-type=image] #DIOR-content .DIOR-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=error] #DIOR-content .DIOR-contentInner .DIOR-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]) #DIOR-content .DIOR-contentInner .DIOR-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) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #aaa; } } @media screen and (min-width: 641px) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #333; } } #DIOR-case p.DIOR-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) { #DIOR-case p.DIOR-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #DIOR-case p.DIOR-error { padding: 0; } } .DIOR-open body { overflow: hidden; } .DIOR-isMobileDevice .DIOR-open body { max-width: 100%; max-height: 100%; } #DIOR-info { position: absolute; padding-top: 15px; } #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #DIOR-info #DIOR-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #DIOR-info #DIOR-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #DIOR-info #DIOR-caption { clear: both; font-size: 13px; color: #aaa; } #DIOR-info #DIOR-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .DIOR-fullScreenMode #DIOR-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]) #DIOR-info { position: static; } } #DIOR-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: DIOR-spin 0.5s infinite linear; -moz-animation: DIOR-spin 0.5s infinite linear; -o-animation: DIOR-spin 0.5s infinite linear; animation: DIOR-spin 0.5s infinite linear; } #DIOR-loading, #DIOR-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; } #DIOR-loading > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-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*='DIOR-icon-'], a[class*='DIOR-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*='DIOR-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .DIOR-isMobileDevice a[class*='DIOR-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='DIOR-icon-'].DIOR-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='DIOR-icon-'].DIOR-icon-prev { left: 15px; } a[class*='DIOR-icon-'].DIOR-icon-next { right: 15px; } a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='DIOR-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='DIOR-icon-']:hover, #DIOR-case:hover ~ a[class*='DIOR-icon-'] { opacity: 1; } } #DIOR-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) { #DIOR-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='DIOR-icon-'], a[class*='DIOR-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='DIOR-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*='DIOR-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #DIOR-content img { width: auto; height: auto; } #DIOR-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #DIOR-info #DIOR-sequenceInfo, #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { color: rgba(170, 170, 170, 1.00); } #DIOR-info #DIOR-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR-info #DIOR-caption { } /* @end */ /* Social icons in the lightbox */ #social-DIOR { 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-DIOR { display: block; } } #social-DIOR 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-DIOR a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-DIOR a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #DIOR-content, html[data-lc-type=video] #DIOR-content { background: transparent; } } #DIOR-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159585 { margin: 20px 0px 0px 0px; } #stacks_in_159594 .poster-date { display: none !important; } #stacks_in_159594 .blog-entry-author { display: none !important; } #stacks_in_159603 { margin: 20px 0px 0px 0px; padding: 20px; } #stacks_in_159595 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #DIOR { display: block; width: 100%; text-align: center; } #DIOR li.proGalleryItem { -webkit-transform: translateZ(0); } #DIOR ul#proGalleryThumbsstacks_in_159600 { padding: 0; margin: 0; list-style: none; } #DIOR li.proGalleryItem { margin: 0; padding: 0; position: relative; } #DIOR 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); } #DIOR li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #DIOR 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 */ #DIOR 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; } /* */ /* */ /* */ /* */ /* */ /* */ #DIOR { -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) { #DIOR { -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) { #DIOR { -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) { #DIOR { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #DIOR li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #DIOR .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); } #DIOR .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #DIOR.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #DIOR.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #DIOR.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #DIOR.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #DIOR.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #DIOR.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #DIOR.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; } #DIOR.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #DIOR.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #DIOR.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #DIOR li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #DIOR li .proGalleryItemInner { overflow: hidden; } #DIOR 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 */ } #DIOR 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*='DIOR-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 */ .DIOR-icon-play:before { content: '\e800'; } .DIOR-icon-pause:before { content: '\e801'; } .DIOR-icon-close:before { content: '\e802'; } .DIOR-icon-prev:before { content: '\e803'; } .DIOR-icon-next:before { content: '\e804'; } .DIOR-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 DIOR-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 DIOR-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 DIOR-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 DIOR-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 DIOR-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); } } #DIOR-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] #DIOR-case, html[data-lc-type=ajax] #DIOR-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]) #DIOR-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] #DIOR-content, html[data-lc-type=video] #DIOR-content { background-color: #333; } } html[data-lc-type=inline] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-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] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-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] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-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] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner { padding: 15px; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner, html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=error] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=error] #DIOR-content .DIOR-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.DIOR-isMobileDevice[data-lc-type=iframe] #DIOR-content .DIOR-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #DIOR-content .DIOR-contentInner, html[data-lc-type=video] #DIOR-content .DIOR-contentInner { line-height: 0.75; } } html[data-lc-type=image] #DIOR-content .DIOR-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=error] #DIOR-content .DIOR-contentInner .DIOR-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]) #DIOR-content .DIOR-contentInner .DIOR-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) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #aaa; } } @media screen and (min-width: 641px) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #333; } } #DIOR-case p.DIOR-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) { #DIOR-case p.DIOR-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #DIOR-case p.DIOR-error { padding: 0; } } .DIOR-open body { overflow: hidden; } .DIOR-isMobileDevice .DIOR-open body { max-width: 100%; max-height: 100%; } #DIOR-info { position: absolute; padding-top: 15px; } #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #DIOR-info #DIOR-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #DIOR-info #DIOR-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #DIOR-info #DIOR-caption { clear: both; font-size: 13px; color: #aaa; } #DIOR-info #DIOR-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .DIOR-fullScreenMode #DIOR-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]) #DIOR-info { position: static; } } #DIOR-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: DIOR-spin 0.5s infinite linear; -moz-animation: DIOR-spin 0.5s infinite linear; -o-animation: DIOR-spin 0.5s infinite linear; animation: DIOR-spin 0.5s infinite linear; } #DIOR-loading, #DIOR-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; } #DIOR-loading > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-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*='DIOR-icon-'], a[class*='DIOR-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*='DIOR-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .DIOR-isMobileDevice a[class*='DIOR-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='DIOR-icon-'].DIOR-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='DIOR-icon-'].DIOR-icon-prev { left: 15px; } a[class*='DIOR-icon-'].DIOR-icon-next { right: 15px; } a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='DIOR-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='DIOR-icon-']:hover, #DIOR-case:hover ~ a[class*='DIOR-icon-'] { opacity: 1; } } #DIOR-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) { #DIOR-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='DIOR-icon-'], a[class*='DIOR-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='DIOR-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*='DIOR-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #DIOR-content img { width: auto; height: auto; } #DIOR-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #DIOR-info #DIOR-sequenceInfo, #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { color: rgba(170, 170, 170, 1.00); } #DIOR-info #DIOR-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR-info #DIOR-caption { } /* @end */ /* Social icons in the lightbox */ #social-DIOR { 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-DIOR { display: block; } } #social-DIOR 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-DIOR a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-DIOR a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #DIOR-content, html[data-lc-type=video] #DIOR-content { background: transparent; } } #DIOR-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159600 { margin: 20px 0px 0px 0px; } #stacks_in_159611 .poster-date { display: none !important; } #stacks_in_159611 .blog-entry-author { display: none !important; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image URL Stack' Style Sheet: fsrimageurl.css Created: 05, June, 2014 Last Modified: 08, August, 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_159624 { } #stacks_in_159624 #stacks_in_159624_image #editmessage { position: absolute; top: 0; left: 0; visibility: hidden; display: block; width: 100%; height: 38px; margin: 0 auto; padding: 8px 12px 0 12px; color: #ffffff; font-size: 14px; line-height: 18px; text-align: center; font-weight: bold; background-color: rgba(0, 0, 0, 0.66); } #stacks_in_159624 #stacks_in_159624_image { display: block; text-align: center; } #stacks_in_159624 #stacks_in_159624_image img { max-width: 100% !important; height: auto !important; min-height: 38px; padding: 0; margin: 0 auto; border: 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_159624 #stacks_in_159624_image { display: block; text-align: center; } #stacks_in_159624 #stacks_in_159624_image img { max-width: 75% !important; min-width: 40% !important; height: auto !important; } } #stacks_in_159625 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #video_stack_videotag_stacks_in_159615 { max-width: 100%; height: auto; } /* @group ProGallery Grid */ #hashtagqueens { display: block; width: 100%; text-align: center; } #hashtagqueens li.proGalleryItem { -webkit-transform: translateZ(0); } #hashtagqueens ul#proGalleryThumbsstacks_in_159616 { padding: 0; margin: 0; list-style: none; } #hashtagqueens li.proGalleryItem { margin: 0; padding: 0; position: relative; } #hashtagqueens 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); } #hashtagqueens li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #hashtagqueens 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 */ #hashtagqueens 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; } /* */ /* */ /* */ /* */ /* */ /* */ #hashtagqueens { -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) { #hashtagqueens { -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) { #hashtagqueens { -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) { #hashtagqueens { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #hashtagqueens li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #hashtagqueens .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); } #hashtagqueens .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hashtagqueens .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #hashtagqueens.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #hashtagqueens.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #hashtagqueens.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #hashtagqueens.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #hashtagqueens.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #hashtagqueens.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #hashtagqueens.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #hashtagqueens.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; } #hashtagqueens.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #hashtagqueens.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #hashtagqueens.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #hashtagqueens.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #hashtagqueens li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #hashtagqueens li .proGalleryItemInner { overflow: hidden; } #hashtagqueens 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 */ } #hashtagqueens 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*='hashtagqueens-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 */ .hashtagqueens-icon-play:before { content: '\e800'; } .hashtagqueens-icon-pause:before { content: '\e801'; } .hashtagqueens-icon-close:before { content: '\e802'; } .hashtagqueens-icon-prev:before { content: '\e803'; } .hashtagqueens-icon-next:before { content: '\e804'; } .hashtagqueens-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 hashtagqueens-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 hashtagqueens-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 hashtagqueens-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 hashtagqueens-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 hashtagqueens-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); } } #hashtagqueens-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] #hashtagqueens-case, html[data-lc-type=ajax] #hashtagqueens-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]) #hashtagqueens-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] #hashtagqueens-content, html[data-lc-type=video] #hashtagqueens-content { background-color: #333; } } html[data-lc-type=inline] #hashtagqueens-content, html[data-lc-type=ajax] #hashtagqueens-content, html[data-lc-type=error] #hashtagqueens-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] #hashtagqueens-content, html[data-lc-type=ajax] #hashtagqueens-content, html[data-lc-type=error] #hashtagqueens-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] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-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] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-contentInner { padding: 15px; } html[data-lc-type=inline] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=inline] #hashtagqueens-content .hashtagqueens-contentInner > *, html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner > *, html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #hashtagqueens-content .hashtagqueens-contentInner > *:not(iframe), html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner > *:not(iframe), html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.hashtagqueens-isMobileDevice[data-lc-type=iframe] #hashtagqueens-content .hashtagqueens-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #hashtagqueens-content .hashtagqueens-contentInner, html[data-lc-type=video] #hashtagqueens-content .hashtagqueens-contentInner { line-height: 0.75; } } html[data-lc-type=image] #hashtagqueens-content .hashtagqueens-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #hashtagqueens-content .hashtagqueens-contentInner .hashtagqueens-inlineWrap, html[data-lc-type=ajax] #hashtagqueens-content .hashtagqueens-contentInner .hashtagqueens-inlineWrap, html[data-lc-type=error] #hashtagqueens-content .hashtagqueens-contentInner .hashtagqueens-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]) #hashtagqueens-content .hashtagqueens-contentInner .hashtagqueens-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) { #hashtagqueens-content h1, #hashtagqueens-content h2, #hashtagqueens-content h3, #hashtagqueens-content h4, #hashtagqueens-content h5, #hashtagqueens-content h6, #hashtagqueens-content p { color: #aaa; } } @media screen and (min-width: 641px) { #hashtagqueens-content h1, #hashtagqueens-content h2, #hashtagqueens-content h3, #hashtagqueens-content h4, #hashtagqueens-content h5, #hashtagqueens-content h6, #hashtagqueens-content p { color: #333; } } #hashtagqueens-case p.hashtagqueens-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) { #hashtagqueens-case p.hashtagqueens-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #hashtagqueens-case p.hashtagqueens-error { padding: 0; } } .hashtagqueens-open body { overflow: hidden; } .hashtagqueens-isMobileDevice .hashtagqueens-open body { max-width: 100%; max-height: 100%; } #hashtagqueens-info { position: absolute; padding-top: 15px; } #hashtagqueens-info #hashtagqueens-title, #hashtagqueens-info #hashtagqueens-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #hashtagqueens-info #hashtagqueens-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #hashtagqueens-info #hashtagqueens-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #hashtagqueens-info #hashtagqueens-caption { clear: both; font-size: 13px; color: #aaa; } #hashtagqueens-info #hashtagqueens-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .hashtagqueens-fullScreenMode #hashtagqueens-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]) #hashtagqueens-info { position: static; } } #hashtagqueens-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: hashtagqueens-spin 0.5s infinite linear; -moz-animation: hashtagqueens-spin 0.5s infinite linear; -o-animation: hashtagqueens-spin 0.5s infinite linear; animation: hashtagqueens-spin 0.5s infinite linear; } #hashtagqueens-loading, #hashtagqueens-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; } #hashtagqueens-loading > span { display: inline-block; text-indent: -9999px; } a[class*='hashtagqueens-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*='hashtagqueens-icon-'], a[class*='hashtagqueens-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*='hashtagqueens-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='hashtagqueens-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .hashtagqueens-isMobileDevice a[class*='hashtagqueens-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='hashtagqueens-icon-'].hashtagqueens-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='hashtagqueens-icon-'].hashtagqueens-icon-prev { left: 15px; } a[class*='hashtagqueens-icon-'].hashtagqueens-icon-next { right: 15px; } a[class*='hashtagqueens-icon-'].hashtagqueens-icon-pause, a[class*='hashtagqueens-icon-'].hashtagqueens-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='hashtagqueens-icon-'].hashtagqueens-icon-pause, a[class*='hashtagqueens-icon-'].hashtagqueens-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='hashtagqueens-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='hashtagqueens-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='hashtagqueens-icon-']:hover, #hashtagqueens-case:hover ~ a[class*='hashtagqueens-icon-'] { opacity: 1; } } #hashtagqueens-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) { #hashtagqueens-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='hashtagqueens-icon-'], a[class*='hashtagqueens-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='hashtagqueens-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*='hashtagqueens-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #hashtagqueens-content img { width: auto; height: auto; } #hashtagqueens-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #hashtagqueens-info #hashtagqueens-sequenceInfo, #hashtagqueens-info #hashtagqueens-title, #hashtagqueens-info #hashtagqueens-caption { color: rgba(170, 170, 170, 1.00); } #hashtagqueens-info #hashtagqueens-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #hashtagqueens-info #hashtagqueens-caption { } /* @end */ /* Social icons in the lightbox */ #social-hashtagqueens { 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-hashtagqueens { display: block; } } #social-hashtagqueens 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-hashtagqueens a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-hashtagqueens a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #hashtagqueens-content, html[data-lc-type=video] #hashtagqueens-content { background: transparent; } } #hashtagqueens-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_159616 { margin: 20px 0px 20px 0px; } #stacks_in_159619 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #video_stack_videotag_stacks_in_159621 { max-width: 100%; height: auto; } #stacks_in_159621 { margin: 20px 0px 20px 0px; } #stacks_in_159622 { margin: 40px 0px 20px 0px; } .stacks_in_159628 .source-button{ }#stacks_in_159628 .button-group-btn:not(:last-child) .source-button{margin-bottom:0}#stacks_in_159628 .button-group-btn:last-child .source-button{}.stacks_in_159628 .source-button,#stacks_in_159628 .s-button-group{display:block}#stacks_in_159628 .s-button-group .button-group-btn{padding-right:0!important;padding-bottom:1px}@media only screen and (max-width:600px){.stacks_in_159628 .source-button,#stacks_in_159628 .s-button-group{display:block}#stacks_in_159628 .s-button-group .button-group-btn{padding-right:0!important}}#stacks_in_159628 .s-button-group{justify-content:center}#stacks_in_159628 .s-button-group .button-group-btn:not(:last-child){padding-right:1px}@media only screen and (max-width:0px){#stacks_in_159628 .s-button-group .button-group-btn{padding-right:0!important;padding-left:0}}#stacks_in_159628 .s-button-group .button-group-btn{padding-bottom:1px} #stacks_in_159745 { margin: 0px 0px 20px 0px; } .s-container-stacks_in_159629{ }#s-wrapper-stacks_in_159629{margin:0; }#s-content-stacks_in_159629{justify-content:center; padding:0; }.s-bg-stacks_in_159629{z-index:0}#s-outer-stacks_in_159629{border-radius:0px 0px 0px 0px} .s-container-stacks_in_159630_2{ }#s-wrapper-stacks_in_159630_2{margin:0; }#s-content-stacks_in_159630_2{justify-content:center; padding:0; }.s-bg-stacks_in_159630_2{z-index:0}#s-outer-stacks_in_159630_2{border-radius:0px 0px 0px 0px} /* @group Generic Styles */ #ruleStackstacks_in_159630_46, #ruleStackstacks_in_159630_46:before, #ruleStackstacks_in_159630_46:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_159630_46 { position: relative; overflow: hidden; margin: 1.00% 0; width: %; } /* */ #ruleStackstacks_in_159630_46 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_159630_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_159630_46 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_159630_46 { text-align: center; } #ruleStackstacks_in_159630_46:before, #ruleStackstacks_in_159630_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_159630_46:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_159630_46:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_159630_46 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_159630_46 { margin: 40px 0px 0px 0px; } #stacks_in_159630_47 { padding: 16px 0px 0px 0px; } #stacks_in_159630_48 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #stacks_in_159630_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_159630_11 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159630_12 p{ margin-bottom: 0; }#p-stacks_in_159630_12 p.lead{}#p-stacks_in_159630_12 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159630_12 p{}}#p-stacks_in_159630_12 a:hover{color:var(--accent-color-hover); } .item_stacks_in_159630_17{ grid-column:span 1;grid-row:span 1; justify-content:top; overflow:hidden; }@media (max-width:900px){.item_stacks_in_159630_17{ grid-column:span 1;grid-row:span 1;}} #stacks_in_159630_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_159630_20 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159630_21 p{ margin-bottom: 0; }#p-stacks_in_159630_21 p.lead{}#p-stacks_in_159630_21 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159630_21 p{}}#p-stacks_in_159630_21 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_159630_6_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159630_6_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159630_6_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159630_6_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159630_6_2{width:100%} .item_stacks_in_159630_6_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159630_6_6{justify-content:flex-start;overflow:hidden; } #stacks_in_159630_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_159630_30 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159630_31 p{ margin-bottom: 0; }#p-stacks_in_159630_31 p.lead{}#p-stacks_in_159630_31 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159630_31 p{}}#p-stacks_in_159630_31 a:hover{color:var(--accent-color-hover); } #stacks_in_159630_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_159630_37 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_159630_38 p{ margin-bottom: 0; }#p-stacks_in_159630_38 p.lead{}#p-stacks_in_159630_38 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_159630_38 p{}}#p-stacks_in_159630_38 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_159630_25_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159630_25_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159630_25_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159630_25_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159630_25_2{width:100%} .item_stacks_in_159630_25_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159630_25_6{justify-content:flex-start;overflow:hidden; } .s-cols-stacks_in_159630_4_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_159630_4_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_159630_4_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_159630_4_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_159630_4_2{width:100%} .item_stacks_in_159630_4_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_159630_4_6{justify-content:flex-start;overflow:hidden; } #p-stacks_in_159630_43 p{ margin-bottom: 0; }#p-stacks_in_159630_43 p.lead{}#p-stacks_in_159630_43 a{color:var(--link-color);}#p-stacks_in_159630_43 a:hover{color:var(--link-color-hover); } #stacks_in_159702 { margin: 0px 0px 20px 0px; }