/* * 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)}} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .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}.com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} 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_14262_57.nav-wrap{background-color:var(--nav-bg);width:100%;padding:35px 35px 35px 35px}#stacks_in_14262_57 .nav-content{z-index:999}#stacks_in_14262_57.nav-fixed,#stacks_in_14262_57.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_14262_57.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_14262_57.nav-sticky{position:sticky}#stacks_in_14262_57 .contained-bar{max-width:var(--container-max-width)}#stacks_in_14262_57 .navbar li>ul{background-color:rgba(0, 0, 0, 0.85)}#stacks_in_14262_57 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_14262_57 .navbar li a{color:var(--nav-link)}#stacks_in_14262_57 .navbar li:hover>*:first-child,#stacks_in_14262_57 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_14262_57 .navbar li:hover,#stacks_in_14262_57 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_14262_57 .logo img{vertical-align:top;height:30px;border-radius:0px;width:auto;max-width:none}#stacks_in_14262_57 .logo{}#stacks_in_14262_57 .site-title{}#stacks_in_14262_57 .navbar{display:block;}#stacks_in_14262_57 .branding{position:relative;display:flex;align-items:center;justify-content:center}#stacks_in_14262_57 .branding h5{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_14262_57 .site-title a{color:var(--text-color-normal);}#stacks_in_14262_57 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:1399px){#stacks_in_14262_57 .ml-dropdown{background-color:rgba(0, 0, 0, 0.85);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_14262_57 .cta{display:none} #stacks_in_14262_57 .navbar li{margin:3px 0}#stacks_in_14262_57 .branding{}}@media only screen and (min-width:1400px){ #stacks_in_14262_57 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_14262_57 .site-title{display: none;} #stacks_in_14262_57 .cta-small{display:none} #stacks_in_14262_57 .branding h5{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_14262_57 .grouped-cta,#stacks_in_14262_57 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_14262_57 .branding{min-width:0px;justify-content: start;}#stacks_in_14262_57 .logo img{height:30px}#stacks_in_14262_57 .navbar{display:inline-block} #stacks_in_14262_57 .mob-icon{display:none}#stacks_in_14262_57.nav-wrap{padding:40px 12px 50px 12px}#stacks_in_14262_57 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_14262_57 .navbar,#stacks_in_14262_57 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_14262_57 .navbar li a{padding:0 .8em}#stacks_in_14262_57 .navbar li.active,#stacks_in_14262_57 .navbar li:hover{border-radius:0px}#stacks_in_14262_57 .navbar .ml-menu,#stacks_in_14262_57 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_14262_57 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_14262_57 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_14262_57 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_14262_57 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_14262_57 .navbar .ml-menu ul,#stacks_in_14262_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_14262_57 .navbar [dir=rtl] .ml-menu ul,#stacks_in_14262_57 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_14262_57 .navbar .ml-menu ul ul,#stacks_in_14262_57 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_14262_57 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_14262_57 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_14262_57 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_14262_57 .navbar .ml-menu>li{display:inline-block}#stacks_in_14262_57 .navbar .ml-menu a,#stacks_in_14262_57 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_14262_57 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_14262_57 .navbar .ml-js li:hover>ul{display:none}#stacks_in_14262_57 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_14262_57 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_14262_57 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_14262_57 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_14262_57 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_14262_57 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_14262_57 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_14262_57 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_14262_57 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_14262_57 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_14262_57 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_14262_57 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_14262_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_14262_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_14262_57 .burg span:nth-child(1){top:0}#stacks_in_14262_57 .burg span:nth-child(2),#stacks_in_14262_57 .burg span:nth-child(3){top:18px}#stacks_in_14262_57 .burg span:nth-child(4){top:36px}#stacks_in_14262_57.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_14262_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_14262_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_14262_57.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} h1.stacks_in_14262_65{ } .s-container-stacks_in_14263{max-width:1200px; }#s-wrapper-stacks_in_14263{margin:0; }#s-content-stacks_in_14263{justify-content:center; }.s-bg-stacks_in_14263{z-index:0}#s-content-stacks_in_14263{border-radius:0px 0px 0px 0px} #stacks_in_14275>.s3_row { margin: 0 -0px; } #stacks_in_14275>.s3_row>.s3_column_left { width: 80.00%; } #stacks_in_14275>.s3_row>.s3_column_right { width: 20.000000%; } #stacks_in_14275>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_14275>.s3_row { margin: -0px 0; } #stacks_in_14275>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_14275 { background-color: rgba(51, 51, 51, 1.00); margin: 0px 6px 30px 6px; padding: 6px; } #stacks_in_14282,#stacks_in_14282 div,#stacks_in_14282 p,#stacks_in_14282 ol,#stacks_in_14282 ul li,#stacks_in_14282 ol li,#stacks_in_14282 ol,#stacks_in_14282 dl{font-size:1.00rem}@media all and (max-width:640px){#stacks_in_14282,#stacks_in_14282 div,#stacks_in_14282 p,#stacks_in_14282 ol,#stacks_in_14282 ul li,#stacks_in_14282 ol li,#stacks_in_14282 ol,#stacks_in_14282 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_14282{}} #stacks_in_14278,#stacks_in_14278 div,#stacks_in_14278 p,#stacks_in_14278 ol,#stacks_in_14278 ul li,#stacks_in_14278 ol li,#stacks_in_14278 ol,#stacks_in_14278 dl{font-size:1.00rem}@media all and (max-width:640px){#stacks_in_14278,#stacks_in_14278 div,#stacks_in_14278 p,#stacks_in_14278 ol,#stacks_in_14278 ul li,#stacks_in_14278 ol li,#stacks_in_14278 ol,#stacks_in_14278 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_14278{}} #stacks_in_14276 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; } .poster-item { } .poster-list-item:hover { background-color: rgba(51, 51, 51, 1.00) !important; } .poster-body { margin: 0px 5px 20px 5px !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 { display: none; } .poster-share::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f1e1"; } .poster-facebook { display: none; } .poster-facebook::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f082"; } .poster-twitter { display: none; } .poster-twitter::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f081"; } .poster-pinterest { display: none; } .poster-pinterest::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f0d3"; } .poster-linkedin { display: none; } .poster-linkedin::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f08c"; } .poster-xing { display: none; } .poster-xing::after { font-family: FontAwesome; color: rgba(218, 165, 32, 1.00); content: "\f169"; } .poster-envelope { display: none; } .poster-envelope::after { font-family: FontAwesome; color: rgba(218, 165, 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_14276 { margin: 0px 0px 20px 0px; padding: 20px 0px 20px 0px; } #stacks_in_15117 .poster-date { display: none !important; } #stacks_in_15117 .poster-readmore { display: none !important; } #stacks_in_15117 .blog-entry-author { display: none !important; } #stacks_in_15127 { margin: 0px 0px 10px 0px; } .spacerStack { height: 50.00px; } #spacerStackstacks_in_15153 { height: 50.00px; } @media print { #spacerStackstacks_in_15153 { display: none !important; } } #stacks_in_15124 { margin: 0px 20px 20px 20px; padding: 0px 0px 10px 0px; } #vim_stack_stacks_in_15132_8 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15132_8 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_15132_8 { display: none; } } #stacks_in_15132_9 { margin: 20px 0px 60px 0px; } #stacks_in_15154 { margin: 20px; } .spacerStack { height: 50.00px; } #spacerStackstacks_in_15151 { height: 50.00px; } @media print { #spacerStackstacks_in_15151 { display: none !important; } } #stacks_in_14315 .poster-date { display: none !important; } #stacks_in_14315 .poster-readmore { display: none !important; } #stacks_in_14315 .blog-entry-author { display: none !important; } #stacks_in_14325 { margin: 0px 0px 10px 0px; } #stacks_in_14322 { padding: 0px 0px 10px 0px; } #video_stack_videotag_stacks_in_14316 { max-width: 100%; height: auto; } #stacks_in_14316 { margin: 20px 0px 20px 0px; } #stacks_in_14317 { margin: 20px 0px 60px 0px; } #stacks_in_14328 .poster-date { display: none !important; } #stacks_in_14328 .poster-readmore { display: none !important; } #stacks_in_14328 .blog-entry-author { display: none !important; } #stacks_in_14338 { margin: 0px 0px 10px 0px; } #stacks_in_14335 { padding: 0px 0px 10px 0px; } #vim_stack_stacks_in_14329 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_14329 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_14329 { display: none; } } #stacks_in_14330 { margin: 20px 0px 60px 0px; } #stacks_in_15135 .poster-date { display: none !important; } #stacks_in_15135 .poster-readmore { display: none !important; } #stacks_in_15135 .blog-entry-author { display: none !important; } #stacks_in_15148 { margin: 0px 0px 10px 0px; } #stacks_in_15144 { padding: 0px 0px 10px 0px; } #stacks_in_15136 { margin: 20px 0px 0px 0px; } #uTubestacks_in_15139 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_15139 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: #000000; border: none; box-shadow: none; outline: none; } #stacks_in_15140 { margin: 20px 0px 60px 0px; } #stacks_in_14302 .poster-date { display: none !important; } #stacks_in_14302 .poster-readmore { display: none !important; } #stacks_in_14302 .blog-entry-author { display: none !important; } #stacks_in_14312 { margin: 0px 0px 10px 0px; } #stacks_in_14309 { margin: 0px 0px 10px 0px; } #vim_stack_stacks_in_14303 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_14303 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_14303 { display: none; } } #stacks_in_14304 { margin: 20px 0px 60px 0px; } #stacks_in_14341 .poster-date { display: none !important; } #stacks_in_14341 .poster-readmore { display: none !important; } #stacks_in_14341 .blog-entry-author { display: none !important; } #stacks_in_14352 { padding: 0px 0px 10px 0px; } #stacks_in_14349 { padding: 0px 0px 40px 0px; } #stacks_in_14342 { margin: 20px 0px 0px 0px; } #stacks_in_14345 { padding: 20px 0px 0px 0px; } #stacks_in_14355 .poster-date { display: none !important; } #stacks_in_14355 .poster-readmore { display: none !important; } #stacks_in_14355 .blog-entry-author { display: none !important; } #stacks_in_14371 { margin: 0px 0px 10px 0px; } #stacks_in_14356 { padding: 20px 20px 20px 20px; } #stacks_in_14361 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #ROSOS { display: block; width: 100%; text-align: center; } #ROSOS li.proGalleryItem { -webkit-transform: translateZ(0); } #ROSOS ul#proGalleryThumbsstacks_in_14365 { padding: 0; margin: 0; list-style: none; } #ROSOS li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ROSOS 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); } #ROSOS li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ROSOS 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 */ #ROSOS 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ROSOS { -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) { #ROSOS { -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) { #ROSOS { -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) { #ROSOS { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #ROSOS li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ROSOS .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); } #ROSOS .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ROSOS .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ROSOS.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ROSOS.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ROSOS.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ROSOS.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ROSOS.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ROSOS.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ROSOS.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ROSOS.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; } #ROSOS.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ROSOS.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ROSOS.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ROSOS.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ROSOS li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ROSOS li .proGalleryItemInner { overflow: hidden; } #ROSOS 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 */ } #ROSOS 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*='ROSOS-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 */ .ROSOS-icon-play:before { content: '\e800'; } .ROSOS-icon-pause:before { content: '\e801'; } .ROSOS-icon-close:before { content: '\e802'; } .ROSOS-icon-prev:before { content: '\e803'; } .ROSOS-icon-next:before { content: '\e804'; } .ROSOS-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 ROSOS-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 ROSOS-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 ROSOS-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 ROSOS-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 ROSOS-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); } } #ROSOS-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] #ROSOS-case, html[data-lc-type=ajax] #ROSOS-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]) #ROSOS-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] #ROSOS-content, html[data-lc-type=video] #ROSOS-content { background-color: #333; } } html[data-lc-type=inline] #ROSOS-content, html[data-lc-type=ajax] #ROSOS-content, html[data-lc-type=error] #ROSOS-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] #ROSOS-content, html[data-lc-type=ajax] #ROSOS-content, html[data-lc-type=error] #ROSOS-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] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=error] #ROSOS-content .ROSOS-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] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=error] #ROSOS-content .ROSOS-contentInner { padding: 15px; } html[data-lc-type=inline] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=inline] #ROSOS-content .ROSOS-contentInner > *, html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner > *, html[data-lc-type=error] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=error] #ROSOS-content .ROSOS-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ROSOS-content .ROSOS-contentInner > *:not(iframe), html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner > *:not(iframe), html[data-lc-type=error] #ROSOS-content .ROSOS-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ROSOS-isMobileDevice[data-lc-type=iframe] #ROSOS-content .ROSOS-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ROSOS-content .ROSOS-contentInner, html[data-lc-type=video] #ROSOS-content .ROSOS-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ROSOS-content .ROSOS-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ROSOS-content .ROSOS-contentInner .ROSOS-inlineWrap, html[data-lc-type=ajax] #ROSOS-content .ROSOS-contentInner .ROSOS-inlineWrap, html[data-lc-type=error] #ROSOS-content .ROSOS-contentInner .ROSOS-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]) #ROSOS-content .ROSOS-contentInner .ROSOS-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) { #ROSOS-content h1, #ROSOS-content h2, #ROSOS-content h3, #ROSOS-content h4, #ROSOS-content h5, #ROSOS-content h6, #ROSOS-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ROSOS-content h1, #ROSOS-content h2, #ROSOS-content h3, #ROSOS-content h4, #ROSOS-content h5, #ROSOS-content h6, #ROSOS-content p { color: #333; } } #ROSOS-case p.ROSOS-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) { #ROSOS-case p.ROSOS-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ROSOS-case p.ROSOS-error { padding: 0; } } .ROSOS-open body { overflow: hidden; } .ROSOS-isMobileDevice .ROSOS-open body { max-width: 100%; max-height: 100%; } #ROSOS-info { position: absolute; padding-top: 15px; } #ROSOS-info #ROSOS-title, #ROSOS-info #ROSOS-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ROSOS-info #ROSOS-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ROSOS-info #ROSOS-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ROSOS-info #ROSOS-caption { clear: both; font-size: 13px; color: #aaa; } #ROSOS-info #ROSOS-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ROSOS-fullScreenMode #ROSOS-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]) #ROSOS-info { position: static; } } #ROSOS-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: ROSOS-spin 0.5s infinite linear; -moz-animation: ROSOS-spin 0.5s infinite linear; -o-animation: ROSOS-spin 0.5s infinite linear; animation: ROSOS-spin 0.5s infinite linear; } #ROSOS-loading, #ROSOS-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; } #ROSOS-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ROSOS-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*='ROSOS-icon-'], a[class*='ROSOS-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*='ROSOS-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ROSOS-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ROSOS-isMobileDevice a[class*='ROSOS-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ROSOS-icon-'].ROSOS-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ROSOS-icon-'].ROSOS-icon-prev { left: 15px; } a[class*='ROSOS-icon-'].ROSOS-icon-next { right: 15px; } a[class*='ROSOS-icon-'].ROSOS-icon-pause, a[class*='ROSOS-icon-'].ROSOS-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ROSOS-icon-'].ROSOS-icon-pause, a[class*='ROSOS-icon-'].ROSOS-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ROSOS-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ROSOS-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ROSOS-icon-']:hover, #ROSOS-case:hover ~ a[class*='ROSOS-icon-'] { opacity: 1; } } #ROSOS-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) { #ROSOS-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ROSOS-icon-'], a[class*='ROSOS-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ROSOS-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*='ROSOS-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ROSOS-content img { width: auto; height: auto; } #ROSOS-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ROSOS-info #ROSOS-sequenceInfo, #ROSOS-info #ROSOS-title, #ROSOS-info #ROSOS-caption { color: rgba(170, 170, 170, 1.00); } #ROSOS-info #ROSOS-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ROSOS-info #ROSOS-caption { } /* @end */ /* Social icons in the lightbox */ #social-ROSOS { 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-ROSOS { display: block; } } #social-ROSOS 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-ROSOS a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ROSOS a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ROSOS-content, html[data-lc-type=video] #ROSOS-content { background: transparent; } } #ROSOS-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14365 { margin: 20px 0px 0px 0px; } #stacks_in_14374 .poster-date { display: none !important; } #stacks_in_14374 .poster-readmore { display: none !important; } #stacks_in_14374 .blog-entry-author { display: none !important; } #stacks_in_14388 { margin: 0px 0px 10px 0px; } #stacks_in_14375 { margin: 30px 0px 30px 0px; } #stacks_in_14378 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #ELEMENT { display: block; width: 100%; text-align: center; } #ELEMENT li.proGalleryItem { -webkit-transform: translateZ(0); } #ELEMENT ul#proGalleryThumbsstacks_in_14382 { padding: 0; margin: 0; list-style: none; } #ELEMENT li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ELEMENT 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); } #ELEMENT li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ELEMENT 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 */ #ELEMENT 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ELEMENT { -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) { #ELEMENT { -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) { #ELEMENT { -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) { #ELEMENT { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #ELEMENT li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ELEMENT .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); } #ELEMENT .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ELEMENT .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ELEMENT.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ELEMENT.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ELEMENT.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ELEMENT.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ELEMENT.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ELEMENT.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ELEMENT.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ELEMENT.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; } #ELEMENT.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ELEMENT.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ELEMENT.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ELEMENT.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ELEMENT li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ELEMENT li .proGalleryItemInner { overflow: hidden; } #ELEMENT 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 */ } #ELEMENT 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*='ELEMENT-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 */ .ELEMENT-icon-play:before { content: '\e800'; } .ELEMENT-icon-pause:before { content: '\e801'; } .ELEMENT-icon-close:before { content: '\e802'; } .ELEMENT-icon-prev:before { content: '\e803'; } .ELEMENT-icon-next:before { content: '\e804'; } .ELEMENT-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 ELEMENT-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 ELEMENT-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 ELEMENT-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 ELEMENT-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 ELEMENT-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); } } #ELEMENT-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] #ELEMENT-case, html[data-lc-type=ajax] #ELEMENT-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]) #ELEMENT-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] #ELEMENT-content, html[data-lc-type=video] #ELEMENT-content { background-color: #333; } } html[data-lc-type=inline] #ELEMENT-content, html[data-lc-type=ajax] #ELEMENT-content, html[data-lc-type=error] #ELEMENT-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] #ELEMENT-content, html[data-lc-type=ajax] #ELEMENT-content, html[data-lc-type=error] #ELEMENT-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] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=error] #ELEMENT-content .ELEMENT-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] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=error] #ELEMENT-content .ELEMENT-contentInner { padding: 15px; } html[data-lc-type=inline] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=inline] #ELEMENT-content .ELEMENT-contentInner > *, html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner > *, html[data-lc-type=error] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=error] #ELEMENT-content .ELEMENT-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ELEMENT-content .ELEMENT-contentInner > *:not(iframe), html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner > *:not(iframe), html[data-lc-type=error] #ELEMENT-content .ELEMENT-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ELEMENT-isMobileDevice[data-lc-type=iframe] #ELEMENT-content .ELEMENT-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ELEMENT-content .ELEMENT-contentInner, html[data-lc-type=video] #ELEMENT-content .ELEMENT-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ELEMENT-content .ELEMENT-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ELEMENT-content .ELEMENT-contentInner .ELEMENT-inlineWrap, html[data-lc-type=ajax] #ELEMENT-content .ELEMENT-contentInner .ELEMENT-inlineWrap, html[data-lc-type=error] #ELEMENT-content .ELEMENT-contentInner .ELEMENT-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]) #ELEMENT-content .ELEMENT-contentInner .ELEMENT-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) { #ELEMENT-content h1, #ELEMENT-content h2, #ELEMENT-content h3, #ELEMENT-content h4, #ELEMENT-content h5, #ELEMENT-content h6, #ELEMENT-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ELEMENT-content h1, #ELEMENT-content h2, #ELEMENT-content h3, #ELEMENT-content h4, #ELEMENT-content h5, #ELEMENT-content h6, #ELEMENT-content p { color: #333; } } #ELEMENT-case p.ELEMENT-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) { #ELEMENT-case p.ELEMENT-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ELEMENT-case p.ELEMENT-error { padding: 0; } } .ELEMENT-open body { overflow: hidden; } .ELEMENT-isMobileDevice .ELEMENT-open body { max-width: 100%; max-height: 100%; } #ELEMENT-info { position: absolute; padding-top: 15px; } #ELEMENT-info #ELEMENT-title, #ELEMENT-info #ELEMENT-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ELEMENT-info #ELEMENT-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ELEMENT-info #ELEMENT-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ELEMENT-info #ELEMENT-caption { clear: both; font-size: 13px; color: #aaa; } #ELEMENT-info #ELEMENT-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ELEMENT-fullScreenMode #ELEMENT-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]) #ELEMENT-info { position: static; } } #ELEMENT-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: ELEMENT-spin 0.5s infinite linear; -moz-animation: ELEMENT-spin 0.5s infinite linear; -o-animation: ELEMENT-spin 0.5s infinite linear; animation: ELEMENT-spin 0.5s infinite linear; } #ELEMENT-loading, #ELEMENT-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; } #ELEMENT-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ELEMENT-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*='ELEMENT-icon-'], a[class*='ELEMENT-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*='ELEMENT-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ELEMENT-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ELEMENT-isMobileDevice a[class*='ELEMENT-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ELEMENT-icon-'].ELEMENT-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ELEMENT-icon-'].ELEMENT-icon-prev { left: 15px; } a[class*='ELEMENT-icon-'].ELEMENT-icon-next { right: 15px; } a[class*='ELEMENT-icon-'].ELEMENT-icon-pause, a[class*='ELEMENT-icon-'].ELEMENT-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ELEMENT-icon-'].ELEMENT-icon-pause, a[class*='ELEMENT-icon-'].ELEMENT-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ELEMENT-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ELEMENT-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ELEMENT-icon-']:hover, #ELEMENT-case:hover ~ a[class*='ELEMENT-icon-'] { opacity: 1; } } #ELEMENT-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) { #ELEMENT-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ELEMENT-icon-'], a[class*='ELEMENT-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ELEMENT-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*='ELEMENT-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ELEMENT-content img { width: auto; height: auto; } #ELEMENT-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ELEMENT-info #ELEMENT-sequenceInfo, #ELEMENT-info #ELEMENT-title, #ELEMENT-info #ELEMENT-caption { color: rgba(170, 170, 170, 1.00); } #ELEMENT-info #ELEMENT-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ELEMENT-info #ELEMENT-caption { } /* @end */ /* Social icons in the lightbox */ #social-ELEMENT { 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-ELEMENT { display: block; } } #social-ELEMENT 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-ELEMENT a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ELEMENT a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ELEMENT-content, html[data-lc-type=video] #ELEMENT-content { background: transparent; } } #ELEMENT-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14382 { margin: 20px 0px 0px 0px; } #stacks_in_14391 .poster-date { display: none !important; } #stacks_in_14391 .poster-readmore { display: none !important; } #stacks_in_14391 .blog-entry-author { display: none !important; } #stacks_in_14402 { margin: 0px 0px 10px 0px; } #vim_stack_stacks_in_15156 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15156 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_15156 { display: none; } } #stacks_in_15156 { margin: 20px 0px 40px 0px; } #stacks_in_14397 { padding: 20px 0px 0px 0px; } #stacks_in_14405 .poster-date { display: none !important; } #stacks_in_14405 .poster-readmore { display: none !important; } #stacks_in_14405 .blog-entry-author { display: none !important; } #stacks_in_14446 { margin: 0px 0px 10px 0px; } #stacks_in_14406 { margin: 0px 0px 40px 0px; } /* @group ProGallery Grid */ #airwave-2016 { display: block; width: 100%; text-align: center; } #airwave-2016 li.proGalleryItem { -webkit-transform: translateZ(0); } #airwave-2016 ul#proGalleryThumbsstacks_in_14411 { padding: 0; margin: 0; list-style: none; } #airwave-2016 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #airwave-2016 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #airwave-2016 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #airwave-2016 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #airwave-2016 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #airwave-2016 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #airwave-2016 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #airwave-2016 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #airwave-2016 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #airwave-2016 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #airwave-2016 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #airwave-2016 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #airwave-2016 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #airwave-2016 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #airwave-2016.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #airwave-2016.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #airwave-2016.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #airwave-2016.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #airwave-2016.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #airwave-2016.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #airwave-2016.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #airwave-2016.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #airwave-2016.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #airwave-2016.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #airwave-2016.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #airwave-2016.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #airwave-2016 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #airwave-2016 li .proGalleryItemInner { overflow: hidden; } #airwave-2016 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #airwave-2016 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='airwave-2016-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .airwave-2016-icon-play:before { content: '\e800'; } .airwave-2016-icon-pause:before { content: '\e801'; } .airwave-2016-icon-close:before { content: '\e802'; } .airwave-2016-icon-prev:before { content: '\e803'; } .airwave-2016-icon-next:before { content: '\e804'; } .airwave-2016-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes airwave-2016-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes airwave-2016-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes airwave-2016-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes airwave-2016-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes airwave-2016-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #airwave-2016-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #airwave-2016-case, html[data-lc-type=ajax] #airwave-2016-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #airwave-2016-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #airwave-2016-content, html[data-lc-type=video] #airwave-2016-content { background-color: #333; } } html[data-lc-type=inline] #airwave-2016-content, html[data-lc-type=ajax] #airwave-2016-content, html[data-lc-type=error] #airwave-2016-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #airwave-2016-content, html[data-lc-type=ajax] #airwave-2016-content, html[data-lc-type=error] #airwave-2016-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner { padding: 15px; } html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner > *, html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner > *, html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner > *:not(iframe), html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner > *:not(iframe), html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.airwave-2016-isMobileDevice[data-lc-type=iframe] #airwave-2016-content .airwave-2016-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #airwave-2016-content .airwave-2016-contentInner, html[data-lc-type=video] #airwave-2016-content .airwave-2016-contentInner { line-height: 0.75; } } html[data-lc-type=image] #airwave-2016-content .airwave-2016-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #airwave-2016-content .airwave-2016-contentInner .airwave-2016-inlineWrap, html[data-lc-type=ajax] #airwave-2016-content .airwave-2016-contentInner .airwave-2016-inlineWrap, html[data-lc-type=error] #airwave-2016-content .airwave-2016-contentInner .airwave-2016-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #airwave-2016-content .airwave-2016-contentInner .airwave-2016-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #airwave-2016-content h1, #airwave-2016-content h2, #airwave-2016-content h3, #airwave-2016-content h4, #airwave-2016-content h5, #airwave-2016-content h6, #airwave-2016-content p { color: #aaa; } } @media screen and (min-width: 641px) { #airwave-2016-content h1, #airwave-2016-content h2, #airwave-2016-content h3, #airwave-2016-content h4, #airwave-2016-content h5, #airwave-2016-content h6, #airwave-2016-content p { color: #333; } } #airwave-2016-case p.airwave-2016-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #airwave-2016-case p.airwave-2016-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #airwave-2016-case p.airwave-2016-error { padding: 0; } } .airwave-2016-open body { overflow: hidden; } .airwave-2016-isMobileDevice .airwave-2016-open body { max-width: 100%; max-height: 100%; } #airwave-2016-info { position: absolute; padding-top: 15px; } #airwave-2016-info #airwave-2016-title, #airwave-2016-info #airwave-2016-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #airwave-2016-info #airwave-2016-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #airwave-2016-info #airwave-2016-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #airwave-2016-info #airwave-2016-caption { clear: both; font-size: 13px; color: #aaa; } #airwave-2016-info #airwave-2016-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .airwave-2016-fullScreenMode #airwave-2016-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #airwave-2016-info { position: static; } } #airwave-2016-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: airwave-2016-spin 0.5s infinite linear; -moz-animation: airwave-2016-spin 0.5s infinite linear; -o-animation: airwave-2016-spin 0.5s infinite linear; animation: airwave-2016-spin 0.5s infinite linear; } #airwave-2016-loading, #airwave-2016-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #airwave-2016-loading > span { display: inline-block; text-indent: -9999px; } a[class*='airwave-2016-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='airwave-2016-icon-'], a[class*='airwave-2016-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='airwave-2016-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='airwave-2016-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .airwave-2016-isMobileDevice a[class*='airwave-2016-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='airwave-2016-icon-'].airwave-2016-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='airwave-2016-icon-'].airwave-2016-icon-prev { left: 15px; } a[class*='airwave-2016-icon-'].airwave-2016-icon-next { right: 15px; } a[class*='airwave-2016-icon-'].airwave-2016-icon-pause, a[class*='airwave-2016-icon-'].airwave-2016-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='airwave-2016-icon-'].airwave-2016-icon-pause, a[class*='airwave-2016-icon-'].airwave-2016-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='airwave-2016-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='airwave-2016-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='airwave-2016-icon-']:hover, #airwave-2016-case:hover ~ a[class*='airwave-2016-icon-'] { opacity: 1; } } #airwave-2016-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #airwave-2016-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='airwave-2016-icon-'], a[class*='airwave-2016-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='airwave-2016-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='airwave-2016-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #airwave-2016-content img { width: auto; height: auto; } #airwave-2016-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #airwave-2016-info #airwave-2016-sequenceInfo, #airwave-2016-info #airwave-2016-title, #airwave-2016-info #airwave-2016-caption { color: rgba(170, 170, 170, 1.00); } #airwave-2016-info #airwave-2016-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #airwave-2016-info #airwave-2016-caption { } /* @end */ /* Social icons in the lightbox */ #social-airwave-2016 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-airwave-2016 { display: block; } } #social-airwave-2016 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-airwave-2016 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-airwave-2016 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #airwave-2016-content, html[data-lc-type=video] #airwave-2016-content { background: transparent; } } #airwave-2016-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14411 { margin: 20px 0px 0px 0px; } @media only screen and (min-width:0px){#stacks_in_14419{}} @media only screen and (min-width:0px){#stacks_in_14427{}} @media only screen and (min-width:0px){#stacks_in_14430{}} #stacks_in_14430 { margin: 40px 0px 0px 0px; padding: 20px; } #stacks_in_14430.p-pro-clear:before,#stacks_in_14430.p-pro-clear:after{content:" ";display:table}#stacks_in_14430.p-pro-clear:after{clear:both}#stacks_in_14430 .effect-label{display:block !important}#stacks_in_14430 .ppro > p:first-of-type + *{clear:both}#stacks_in_14430 .ppro-img{opacity:1.0;padding: 0px 20px 20px 0px }#stacks_in_14430 .ppro-img.prop-width{width:35%;max-width:250px;min-width:150px;height:auto}#stacks_in_14430 .ppro-img.fixed-width{width:200px;height:auto}#stacks_in_14430 .ppro-img.align-left{float:left}#stacks_in_14430 .ppro-img.align-right{float:right}#stacks_in_14430 .ppro-img.align-top-center{display:block;margin:0 auto}#stacks_in_14430 .ppro-img.toggle-off,#stacks_in_14430 .ppro-img.toggle-Off,#stacks_in_14430 .ppro-img.toggle-OFF,#stacks_in_14430 .ppro-img.toggle-NO,#stacks_in_14430 .ppro-img.toggle-No,#stacks_in_14430 .ppro-img.toggle-no,#stacks_in_14430 .ppro-img.toggle-false{display:none} #stacks_in_14430 .effect-label{display:block !important}#stacks_in_14430{}#stacks_in_14430.readmore-js-section{-webkit-box-sizing:border-box !important;box-sizing:border-box !important}#stacks_in_14430 p{margin-bottom:0 !important}.rm-stacks_in_14433.readmore-js-toggle{text-decoration:none;margin-top:20.00px;padding-bottom:1.00rem}.rm-stacks_in_14433.readmore-js-toggle.link-center{text-align:center}.rm-stacks_in_14433.readmore-js-toggle.link-right{text-align:right;padding-right:6px}.rm-stacks_in_14433.readmore-js-toggle.link-left{text-align:left;padding-left:6px}.framed-stacks_in_14430{border:2px solid rgba(218, 165, 32, 1.00);border-radius:0px}.rm-stacks_in_14433.readmore-js-toggle.rm-button{border-bottom-left-radius:-2px;border-bottom-right-radius:-2px} #stacks_in_14435 { margin: 30px 0px 0px 0px; } #stacks_in_14437 { padding: 20px 0px 0px 0px; } #stacks_in_14439 { padding: 20px 0px 0px 0px; } #stacks_in_14441 { margin: 0px 0px 10px 0px; } #stacks_in_14449 .poster-date { display: none !important; } #stacks_in_14449 .poster-readmore { display: none !important; } #stacks_in_14449 .blog-entry-author { display: none !important; } #stacks_in_14462 { margin: 0px 0px 20px 0px; } #stacks_in_14455_2>.s3_row { margin: 0 -10px; } #stacks_in_14455_2>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_14455_2>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_14455_2>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_14455_2>.s3_row { margin: -10px 0; } #stacks_in_14455_2>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_14455_2 { padding: 40px 0px 0px 0px; } #stacks_in_14455_3 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #MOON { display: block; width: 100%; text-align: center; } #MOON li.proGalleryItem { -webkit-transform: translateZ(0); } #MOON ul#proGalleryThumbsstacks_in_14456 { padding: 0; margin: 0; list-style: none; } #MOON li.proGalleryItem { margin: 0; padding: 0; position: relative; } #MOON 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); } #MOON li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #MOON li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #MOON 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 */ #MOON 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; } /* */ /* */ /* */ /* */ /* */ /* */ #MOON { -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) { #MOON { -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) { #MOON { -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) { #MOON { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #MOON li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #MOON .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); } #MOON .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #MOON .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #MOON.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #MOON.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #MOON.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #MOON.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #MOON.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #MOON.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #MOON.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #MOON.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; } #MOON.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #MOON.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #MOON.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #MOON.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #MOON li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #MOON li .proGalleryItemInner { overflow: hidden; } #MOON 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 */ } #MOON 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*='MOON-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 */ .MOON-icon-play:before { content: '\e800'; } .MOON-icon-pause:before { content: '\e801'; } .MOON-icon-close:before { content: '\e802'; } .MOON-icon-prev:before { content: '\e803'; } .MOON-icon-next:before { content: '\e804'; } .MOON-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 MOON-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 MOON-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 MOON-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 MOON-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 MOON-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); } } #MOON-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] #MOON-case, html[data-lc-type=ajax] #MOON-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]) #MOON-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] #MOON-content, html[data-lc-type=video] #MOON-content { background-color: #333; } } html[data-lc-type=inline] #MOON-content, html[data-lc-type=ajax] #MOON-content, html[data-lc-type=error] #MOON-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] #MOON-content, html[data-lc-type=ajax] #MOON-content, html[data-lc-type=error] #MOON-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] #MOON-content .MOON-contentInner, html[data-lc-type=ajax] #MOON-content .MOON-contentInner, html[data-lc-type=error] #MOON-content .MOON-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] #MOON-content .MOON-contentInner, html[data-lc-type=ajax] #MOON-content .MOON-contentInner, html[data-lc-type=error] #MOON-content .MOON-contentInner { padding: 15px; } html[data-lc-type=inline] #MOON-content .MOON-contentInner, html[data-lc-type=inline] #MOON-content .MOON-contentInner > *, html[data-lc-type=ajax] #MOON-content .MOON-contentInner, html[data-lc-type=ajax] #MOON-content .MOON-contentInner > *, html[data-lc-type=error] #MOON-content .MOON-contentInner, html[data-lc-type=error] #MOON-content .MOON-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #MOON-content .MOON-contentInner > *:not(iframe), html[data-lc-type=ajax] #MOON-content .MOON-contentInner > *:not(iframe), html[data-lc-type=error] #MOON-content .MOON-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.MOON-isMobileDevice[data-lc-type=iframe] #MOON-content .MOON-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #MOON-content .MOON-contentInner, html[data-lc-type=video] #MOON-content .MOON-contentInner { line-height: 0.75; } } html[data-lc-type=image] #MOON-content .MOON-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #MOON-content .MOON-contentInner .MOON-inlineWrap, html[data-lc-type=ajax] #MOON-content .MOON-contentInner .MOON-inlineWrap, html[data-lc-type=error] #MOON-content .MOON-contentInner .MOON-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]) #MOON-content .MOON-contentInner .MOON-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) { #MOON-content h1, #MOON-content h2, #MOON-content h3, #MOON-content h4, #MOON-content h5, #MOON-content h6, #MOON-content p { color: #aaa; } } @media screen and (min-width: 641px) { #MOON-content h1, #MOON-content h2, #MOON-content h3, #MOON-content h4, #MOON-content h5, #MOON-content h6, #MOON-content p { color: #333; } } #MOON-case p.MOON-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) { #MOON-case p.MOON-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #MOON-case p.MOON-error { padding: 0; } } .MOON-open body { overflow: hidden; } .MOON-isMobileDevice .MOON-open body { max-width: 100%; max-height: 100%; } #MOON-info { position: absolute; padding-top: 15px; } #MOON-info #MOON-title, #MOON-info #MOON-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #MOON-info #MOON-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #MOON-info #MOON-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #MOON-info #MOON-caption { clear: both; font-size: 13px; color: #aaa; } #MOON-info #MOON-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .MOON-fullScreenMode #MOON-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]) #MOON-info { position: static; } } #MOON-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: MOON-spin 0.5s infinite linear; -moz-animation: MOON-spin 0.5s infinite linear; -o-animation: MOON-spin 0.5s infinite linear; animation: MOON-spin 0.5s infinite linear; } #MOON-loading, #MOON-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; } #MOON-loading > span { display: inline-block; text-indent: -9999px; } a[class*='MOON-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*='MOON-icon-'], a[class*='MOON-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*='MOON-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='MOON-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .MOON-isMobileDevice a[class*='MOON-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='MOON-icon-'].MOON-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='MOON-icon-'].MOON-icon-prev { left: 15px; } a[class*='MOON-icon-'].MOON-icon-next { right: 15px; } a[class*='MOON-icon-'].MOON-icon-pause, a[class*='MOON-icon-'].MOON-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='MOON-icon-'].MOON-icon-pause, a[class*='MOON-icon-'].MOON-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='MOON-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='MOON-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='MOON-icon-']:hover, #MOON-case:hover ~ a[class*='MOON-icon-'] { opacity: 1; } } #MOON-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) { #MOON-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='MOON-icon-'], a[class*='MOON-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='MOON-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*='MOON-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #MOON-content img { width: auto; height: auto; } #MOON-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #MOON-info #MOON-sequenceInfo, #MOON-info #MOON-title, #MOON-info #MOON-caption { color: rgba(170, 170, 170, 1.00); } #MOON-info #MOON-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #MOON-info #MOON-caption { } /* @end */ /* Social icons in the lightbox */ #social-MOON { 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-MOON { display: block; } } #social-MOON 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-MOON a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-MOON a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #MOON-content, html[data-lc-type=video] #MOON-content { background: transparent; } } #MOON-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14456 { margin: 20px 0px 0px 0px; } #stacks_in_14465 .poster-date { display: none !important; } #stacks_in_14465 .poster-readmore { display: none !important; } #stacks_in_14465 .blog-entry-author { display: none !important; } #stacks_in_14481 { margin: 0px 0px 10px 0px; } #stacks_in_14466 { padding: 20px 20px 20px 20px; } #stacks_in_14471 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #earth { display: block; width: 100%; text-align: center; } #earth li.proGalleryItem { -webkit-transform: translateZ(0); } #earth ul#proGalleryThumbsstacks_in_14475 { padding: 0; margin: 0; list-style: none; } #earth li.proGalleryItem { margin: 0; padding: 0; position: relative; } #earth 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); } #earth li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #earth li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #earth 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 */ #earth 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; } /* */ /* */ /* */ /* */ /* */ /* */ #earth { -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) { #earth { -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) { #earth { -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) { #earth { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #earth li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #earth .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); } #earth .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #earth .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #earth.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #earth.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #earth.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #earth.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #earth.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #earth.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #earth.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #earth.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; } #earth.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #earth.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #earth.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #earth.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #earth li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #earth li .proGalleryItemInner { overflow: hidden; } #earth 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 */ } #earth 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*='earth-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 */ .earth-icon-play:before { content: '\e800'; } .earth-icon-pause:before { content: '\e801'; } .earth-icon-close:before { content: '\e802'; } .earth-icon-prev:before { content: '\e803'; } .earth-icon-next:before { content: '\e804'; } .earth-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 earth-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 earth-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 earth-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 earth-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 earth-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); } } #earth-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] #earth-case, html[data-lc-type=ajax] #earth-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]) #earth-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] #earth-content, html[data-lc-type=video] #earth-content { background-color: #333; } } html[data-lc-type=inline] #earth-content, html[data-lc-type=ajax] #earth-content, html[data-lc-type=error] #earth-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] #earth-content, html[data-lc-type=ajax] #earth-content, html[data-lc-type=error] #earth-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] #earth-content .earth-contentInner, html[data-lc-type=ajax] #earth-content .earth-contentInner, html[data-lc-type=error] #earth-content .earth-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] #earth-content .earth-contentInner, html[data-lc-type=ajax] #earth-content .earth-contentInner, html[data-lc-type=error] #earth-content .earth-contentInner { padding: 15px; } html[data-lc-type=inline] #earth-content .earth-contentInner, html[data-lc-type=inline] #earth-content .earth-contentInner > *, html[data-lc-type=ajax] #earth-content .earth-contentInner, html[data-lc-type=ajax] #earth-content .earth-contentInner > *, html[data-lc-type=error] #earth-content .earth-contentInner, html[data-lc-type=error] #earth-content .earth-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #earth-content .earth-contentInner > *:not(iframe), html[data-lc-type=ajax] #earth-content .earth-contentInner > *:not(iframe), html[data-lc-type=error] #earth-content .earth-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.earth-isMobileDevice[data-lc-type=iframe] #earth-content .earth-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #earth-content .earth-contentInner, html[data-lc-type=video] #earth-content .earth-contentInner { line-height: 0.75; } } html[data-lc-type=image] #earth-content .earth-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #earth-content .earth-contentInner .earth-inlineWrap, html[data-lc-type=ajax] #earth-content .earth-contentInner .earth-inlineWrap, html[data-lc-type=error] #earth-content .earth-contentInner .earth-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]) #earth-content .earth-contentInner .earth-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) { #earth-content h1, #earth-content h2, #earth-content h3, #earth-content h4, #earth-content h5, #earth-content h6, #earth-content p { color: #aaa; } } @media screen and (min-width: 641px) { #earth-content h1, #earth-content h2, #earth-content h3, #earth-content h4, #earth-content h5, #earth-content h6, #earth-content p { color: #333; } } #earth-case p.earth-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) { #earth-case p.earth-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #earth-case p.earth-error { padding: 0; } } .earth-open body { overflow: hidden; } .earth-isMobileDevice .earth-open body { max-width: 100%; max-height: 100%; } #earth-info { position: absolute; padding-top: 15px; } #earth-info #earth-title, #earth-info #earth-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #earth-info #earth-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #earth-info #earth-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #earth-info #earth-caption { clear: both; font-size: 13px; color: #aaa; } #earth-info #earth-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .earth-fullScreenMode #earth-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]) #earth-info { position: static; } } #earth-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: earth-spin 0.5s infinite linear; -moz-animation: earth-spin 0.5s infinite linear; -o-animation: earth-spin 0.5s infinite linear; animation: earth-spin 0.5s infinite linear; } #earth-loading, #earth-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; } #earth-loading > span { display: inline-block; text-indent: -9999px; } a[class*='earth-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*='earth-icon-'], a[class*='earth-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*='earth-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='earth-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .earth-isMobileDevice a[class*='earth-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='earth-icon-'].earth-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='earth-icon-'].earth-icon-prev { left: 15px; } a[class*='earth-icon-'].earth-icon-next { right: 15px; } a[class*='earth-icon-'].earth-icon-pause, a[class*='earth-icon-'].earth-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='earth-icon-'].earth-icon-pause, a[class*='earth-icon-'].earth-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='earth-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='earth-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='earth-icon-']:hover, #earth-case:hover ~ a[class*='earth-icon-'] { opacity: 1; } } #earth-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) { #earth-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='earth-icon-'], a[class*='earth-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='earth-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*='earth-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #earth-content img { width: auto; height: auto; } #earth-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #earth-info #earth-sequenceInfo, #earth-info #earth-title, #earth-info #earth-caption { color: rgba(170, 170, 170, 1.00); } #earth-info #earth-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #earth-info #earth-caption { } /* @end */ /* Social icons in the lightbox */ #social-earth { 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-earth { display: block; } } #social-earth 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-earth a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-earth a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #earth-content, html[data-lc-type=video] #earth-content { background: transparent; } } #earth-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14475 { margin: 20px 0px 0px 0px; } #stacks_in_14484 .poster-date { display: none !important; } #stacks_in_14484 .poster-readmore { display: none !important; } #stacks_in_14484 .blog-entry-author { display: none !important; } #stacks_in_14493 { margin: 0px 0px 20px 0px; } #stacks_in_14488 { margin: 0px 0px 40px 0px; } #stacks_in_14496 .poster-date { display: none !important; } #stacks_in_14496 .poster-readmore { display: none !important; } #stacks_in_14496 .blog-entry-author { display: none !important; } #stacks_in_14507 { margin: 0px 0px 10px 0px; } #vim_stack_stacks_in_15157 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15157 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #stacks_in_15157 { margin: 20px 0px 40px 0px; } #stacks_in_14502 { padding: 20px 0px 0px 0px; } #stacks_in_14510 .poster-date { display: none !important; } #stacks_in_14510 .poster-readmore { display: none !important; } #stacks_in_14510 .blog-entry-author { display: none !important; } #stacks_in_14521 { margin: 0px 0px 20px 0px; } #stacks_in_14516 { padding: 20px 0px 0px 0px; } #stacks_in_14524 .poster-date { display: none !important; } #stacks_in_14524 .poster-readmore { display: none !important; } #stacks_in_14524 .blog-entry-author { display: none !important; } #stacks_in_14530 { margin: 0px 0px 20px 0px; } #stacks_in_14525_3 { margin: 0px 0px 40px 0px; } #video_stack_videotag_stacks_in_14525_6 { max-width: 100%; height: auto; } #stacks_in_14525_9 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_14525_11 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #continuum-gallery01 { display: block; width: 100%; text-align: center; } #continuum-gallery01 li.proGalleryItem { -webkit-transform: translateZ(0); } #continuum-gallery01 ul#proGalleryThumbsstacks_in_14525_13 { padding: 0; margin: 0; list-style: none; } #continuum-gallery01 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #continuum-gallery01 li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #continuum-gallery01 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #continuum-gallery01 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #continuum-gallery01 li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #continuum-gallery01 li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #continuum-gallery01 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } @media screen and (min-width: 568px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 992px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } @media screen and (min-width: 1200px) { #continuum-gallery01 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #continuum-gallery01 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #continuum-gallery01 .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #continuum-gallery01 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-gallery01 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #continuum-gallery01.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #continuum-gallery01.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #continuum-gallery01.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #continuum-gallery01.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #continuum-gallery01.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #continuum-gallery01.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #continuum-gallery01.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #continuum-gallery01.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #continuum-gallery01.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #continuum-gallery01.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #continuum-gallery01.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #continuum-gallery01.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #continuum-gallery01 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #continuum-gallery01 li .proGalleryItemInner { overflow: hidden; } #continuum-gallery01 a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #continuum-gallery01 a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='continuum-gallery01-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .continuum-gallery01-icon-play:before { content: '\e800'; } .continuum-gallery01-icon-pause:before { content: '\e801'; } .continuum-gallery01-icon-close:before { content: '\e802'; } .continuum-gallery01-icon-prev:before { content: '\e803'; } .continuum-gallery01-icon-next:before { content: '\e804'; } .continuum-gallery01-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes continuum-gallery01-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes continuum-gallery01-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes continuum-gallery01-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes continuum-gallery01-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes continuum-gallery01-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #continuum-gallery01-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-gallery01-case, html[data-lc-type=ajax] #continuum-gallery01-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #continuum-gallery01-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #continuum-gallery01-content, html[data-lc-type=video] #continuum-gallery01-content { background-color: #333; } } html[data-lc-type=inline] #continuum-gallery01-content, html[data-lc-type=ajax] #continuum-gallery01-content, html[data-lc-type=error] #continuum-gallery01-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-gallery01-content, html[data-lc-type=ajax] #continuum-gallery01-content, html[data-lc-type=error] #continuum-gallery01-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner { padding: 15px; } html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner > *, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner > *, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe), html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe), html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.continuum-gallery01-isMobileDevice[data-lc-type=iframe] #continuum-gallery01-content .continuum-gallery01-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #continuum-gallery01-content .continuum-gallery01-contentInner, html[data-lc-type=video] #continuum-gallery01-content .continuum-gallery01-contentInner { line-height: 0.75; } } html[data-lc-type=image] #continuum-gallery01-content .continuum-gallery01-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap, html[data-lc-type=ajax] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap, html[data-lc-type=error] #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #continuum-gallery01-content .continuum-gallery01-contentInner .continuum-gallery01-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #continuum-gallery01-content h1, #continuum-gallery01-content h2, #continuum-gallery01-content h3, #continuum-gallery01-content h4, #continuum-gallery01-content h5, #continuum-gallery01-content h6, #continuum-gallery01-content p { color: #aaa; } } @media screen and (min-width: 641px) { #continuum-gallery01-content h1, #continuum-gallery01-content h2, #continuum-gallery01-content h3, #continuum-gallery01-content h4, #continuum-gallery01-content h5, #continuum-gallery01-content h6, #continuum-gallery01-content p { color: #333; } } #continuum-gallery01-case p.continuum-gallery01-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #continuum-gallery01-case p.continuum-gallery01-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #continuum-gallery01-case p.continuum-gallery01-error { padding: 0; } } .continuum-gallery01-open body { overflow: hidden; } .continuum-gallery01-isMobileDevice .continuum-gallery01-open body { max-width: 100%; max-height: 100%; } #continuum-gallery01-info { position: absolute; padding-top: 15px; } #continuum-gallery01-info #continuum-gallery01-title, #continuum-gallery01-info #continuum-gallery01-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #continuum-gallery01-info #continuum-gallery01-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #continuum-gallery01-info #continuum-gallery01-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #continuum-gallery01-info #continuum-gallery01-caption { clear: both; font-size: 13px; color: #aaa; } #continuum-gallery01-info #continuum-gallery01-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .continuum-gallery01-fullScreenMode #continuum-gallery01-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #continuum-gallery01-info { position: static; } } #continuum-gallery01-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: continuum-gallery01-spin 0.5s infinite linear; -moz-animation: continuum-gallery01-spin 0.5s infinite linear; -o-animation: continuum-gallery01-spin 0.5s infinite linear; animation: continuum-gallery01-spin 0.5s infinite linear; } #continuum-gallery01-loading, #continuum-gallery01-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #continuum-gallery01-loading > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-gallery01-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='continuum-gallery01-icon-'], a[class*='continuum-gallery01-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='continuum-gallery01-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='continuum-gallery01-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .continuum-gallery01-isMobileDevice a[class*='continuum-gallery01-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-prev { left: 15px; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-next { right: 15px; } a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-pause, a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-pause, a[class*='continuum-gallery01-icon-'].continuum-gallery01-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='continuum-gallery01-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='continuum-gallery01-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='continuum-gallery01-icon-']:hover, #continuum-gallery01-case:hover ~ a[class*='continuum-gallery01-icon-'] { opacity: 1; } } #continuum-gallery01-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #continuum-gallery01-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='continuum-gallery01-icon-'], a[class*='continuum-gallery01-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='continuum-gallery01-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='continuum-gallery01-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #continuum-gallery01-content img { width: auto; height: auto; } #continuum-gallery01-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #continuum-gallery01-info #continuum-gallery01-sequenceInfo, #continuum-gallery01-info #continuum-gallery01-title, #continuum-gallery01-info #continuum-gallery01-caption { color: rgba(170, 170, 170, 1.00); } #continuum-gallery01-info #continuum-gallery01-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #continuum-gallery01-info #continuum-gallery01-caption { } /* @end */ /* Social icons in the lightbox */ #social-continuum-gallery01 { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-continuum-gallery01 { display: block; } } #social-continuum-gallery01 a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-continuum-gallery01 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-continuum-gallery01 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #continuum-gallery01-content, html[data-lc-type=video] #continuum-gallery01-content { background: transparent; } } #continuum-gallery01-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14525_13 { margin: 20px 0px 0px 0px; padding: 0px 0px 40px 0px; } #toggleWrapper_stacks_in_14525_18 { position: relative; display: block; } #toggleTrigger_stacks_in_14525_18 { padding: 20px; margin: 0; background: #DAA520; font-weight: normal; display: block; position: relative; color: #FFFFFF; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 100%; } #toggleTrigger_stacks_in_14525_18:hover { color: #000100; cursor: pointer; } #toggleContainer_stacks_in_14525_18 { display: none; margin-top: 5px; padding: 10px; overflow: hidden; background: #FFFFFF; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } @media print { #toggleTrigger_stacks_in_14525_18 a:link:after, #toggleTrigger_stacks_in_14525_18 a:visited:after { display: none; } #toggleContainer_stacks_in_14525_18 { display: block !important; } } #stacks_in_14525_18 { margin: 0px 0px 20px 0px; } #stacks_in_14525_20 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_14525_23 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #toggleWrapper_stacks_in_14525_25 { position: relative; display: block; } #toggleTrigger_stacks_in_14525_25 { padding: 20px; margin: 0; background: #DAA520; font-weight: normal; display: block; position: relative; color: #FFFFFF; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 100%; } #toggleTrigger_stacks_in_14525_25:hover { color: #000100; cursor: pointer; } #toggleContainer_stacks_in_14525_25 { display: none; margin-top: 5px; padding: 10px; overflow: hidden; background: #FFFFFF; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } @media print { #toggleTrigger_stacks_in_14525_25 a:link:after, #toggleTrigger_stacks_in_14525_25 a:visited:after { display: none; } #toggleContainer_stacks_in_14525_25 { display: block !important; } } #stacks_in_14525_25 { margin: 0px 0px 20px 0px; } #stacks_in_14525_27 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_14525_30 { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } #stacks_in_14533 .poster-date { display: none !important; } #stacks_in_14533 .poster-readmore { display: none !important; } #stacks_in_14533 .blog-entry-author { display: none !important; } #stacks_in_14552 { margin: 0px 0px 20px 0px; } #stacks_in_14534 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_14534 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_14534 #jwresp_col2_stacks_in_14534{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_14534 #jwresp_col1_stacks_in_14534,#stacks_in_14534 #jwresp_col2_stacks_in_14534{width:100%;float:none;display:block}#stacks_in_14534 #jwresp_col1_stacks_in_14534{margin-bottom:15px}} #vim_stack_stacks_in_15158 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15158 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_15158 { display: none; } } #stacks_in_15158 { margin: 20px 0px 40px 0px; } /* @group ProGallery Grid */ #HEHEHE { display: block; width: 100%; text-align: center; } #HEHEHE li.proGalleryItem { -webkit-transform: translateZ(0); } #HEHEHE ul#proGalleryThumbsstacks_in_14544 { padding: 0; margin: 0; list-style: none; } #HEHEHE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #HEHEHE 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); } #HEHEHE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #HEHEHE 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 */ #HEHEHE 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; } /* */ /* */ /* */ /* */ /* */ /* */ #HEHEHE { -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) { #HEHEHE { -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) { #HEHEHE { -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) { #HEHEHE { -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } } #HEHEHE li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #HEHEHE .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); } #HEHEHE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #HEHEHE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #HEHEHE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #HEHEHE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #HEHEHE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #HEHEHE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #HEHEHE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #HEHEHE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #HEHEHE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #HEHEHE.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; } #HEHEHE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #HEHEHE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #HEHEHE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #HEHEHE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #HEHEHE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #HEHEHE li .proGalleryItemInner { overflow: hidden; } #HEHEHE 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 */ } #HEHEHE 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*='HEHEHE-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 */ .HEHEHE-icon-play:before { content: '\e800'; } .HEHEHE-icon-pause:before { content: '\e801'; } .HEHEHE-icon-close:before { content: '\e802'; } .HEHEHE-icon-prev:before { content: '\e803'; } .HEHEHE-icon-next:before { content: '\e804'; } .HEHEHE-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 HEHEHE-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 HEHEHE-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 HEHEHE-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 HEHEHE-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 HEHEHE-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); } } #HEHEHE-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] #HEHEHE-case, html[data-lc-type=ajax] #HEHEHE-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]) #HEHEHE-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] #HEHEHE-content, html[data-lc-type=video] #HEHEHE-content { background-color: #333; } } html[data-lc-type=inline] #HEHEHE-content, html[data-lc-type=ajax] #HEHEHE-content, html[data-lc-type=error] #HEHEHE-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] #HEHEHE-content, html[data-lc-type=ajax] #HEHEHE-content, html[data-lc-type=error] #HEHEHE-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] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=error] #HEHEHE-content .HEHEHE-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] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=error] #HEHEHE-content .HEHEHE-contentInner { padding: 15px; } html[data-lc-type=inline] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=inline] #HEHEHE-content .HEHEHE-contentInner > *, html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner > *, html[data-lc-type=error] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=error] #HEHEHE-content .HEHEHE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #HEHEHE-content .HEHEHE-contentInner > *:not(iframe), html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner > *:not(iframe), html[data-lc-type=error] #HEHEHE-content .HEHEHE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.HEHEHE-isMobileDevice[data-lc-type=iframe] #HEHEHE-content .HEHEHE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #HEHEHE-content .HEHEHE-contentInner, html[data-lc-type=video] #HEHEHE-content .HEHEHE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #HEHEHE-content .HEHEHE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #HEHEHE-content .HEHEHE-contentInner .HEHEHE-inlineWrap, html[data-lc-type=ajax] #HEHEHE-content .HEHEHE-contentInner .HEHEHE-inlineWrap, html[data-lc-type=error] #HEHEHE-content .HEHEHE-contentInner .HEHEHE-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]) #HEHEHE-content .HEHEHE-contentInner .HEHEHE-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) { #HEHEHE-content h1, #HEHEHE-content h2, #HEHEHE-content h3, #HEHEHE-content h4, #HEHEHE-content h5, #HEHEHE-content h6, #HEHEHE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #HEHEHE-content h1, #HEHEHE-content h2, #HEHEHE-content h3, #HEHEHE-content h4, #HEHEHE-content h5, #HEHEHE-content h6, #HEHEHE-content p { color: #333; } } #HEHEHE-case p.HEHEHE-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) { #HEHEHE-case p.HEHEHE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #HEHEHE-case p.HEHEHE-error { padding: 0; } } .HEHEHE-open body { overflow: hidden; } .HEHEHE-isMobileDevice .HEHEHE-open body { max-width: 100%; max-height: 100%; } #HEHEHE-info { position: absolute; padding-top: 15px; } #HEHEHE-info #HEHEHE-title, #HEHEHE-info #HEHEHE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #HEHEHE-info #HEHEHE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #HEHEHE-info #HEHEHE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #HEHEHE-info #HEHEHE-caption { clear: both; font-size: 13px; color: #aaa; } #HEHEHE-info #HEHEHE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .HEHEHE-fullScreenMode #HEHEHE-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]) #HEHEHE-info { position: static; } } #HEHEHE-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: HEHEHE-spin 0.5s infinite linear; -moz-animation: HEHEHE-spin 0.5s infinite linear; -o-animation: HEHEHE-spin 0.5s infinite linear; animation: HEHEHE-spin 0.5s infinite linear; } #HEHEHE-loading, #HEHEHE-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; } #HEHEHE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='HEHEHE-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*='HEHEHE-icon-'], a[class*='HEHEHE-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*='HEHEHE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='HEHEHE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .HEHEHE-isMobileDevice a[class*='HEHEHE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='HEHEHE-icon-'].HEHEHE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='HEHEHE-icon-'].HEHEHE-icon-prev { left: 15px; } a[class*='HEHEHE-icon-'].HEHEHE-icon-next { right: 15px; } a[class*='HEHEHE-icon-'].HEHEHE-icon-pause, a[class*='HEHEHE-icon-'].HEHEHE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='HEHEHE-icon-'].HEHEHE-icon-pause, a[class*='HEHEHE-icon-'].HEHEHE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='HEHEHE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='HEHEHE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='HEHEHE-icon-']:hover, #HEHEHE-case:hover ~ a[class*='HEHEHE-icon-'] { opacity: 1; } } #HEHEHE-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) { #HEHEHE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='HEHEHE-icon-'], a[class*='HEHEHE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='HEHEHE-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*='HEHEHE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #HEHEHE-content img { width: auto; height: auto; } #HEHEHE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #HEHEHE-info #HEHEHE-sequenceInfo, #HEHEHE-info #HEHEHE-title, #HEHEHE-info #HEHEHE-caption { color: rgba(170, 170, 170, 1.00); } #HEHEHE-info #HEHEHE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #HEHEHE-info #HEHEHE-caption { } /* @end */ /* Social icons in the lightbox */ #social-HEHEHE { 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-HEHEHE { display: block; } } #social-HEHEHE 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-HEHEHE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-HEHEHE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #HEHEHE-content, html[data-lc-type=video] #HEHEHE-content { background: transparent; } } #HEHEHE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14544 { margin: 20px 0px 0px 0px; } #stacks_in_14547 { margin: 40px 0px 0px 0px; } #stacks_in_14555 .poster-date { display: none !important; } #stacks_in_14555 .poster-readmore { display: none !important; } #stacks_in_14555 .blog-entry-author { display: none !important; } #stacks_in_14569 { margin: 0px 0px 20px 0px; } #vim_stack_stacks_in_15159 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15159 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_15159 { display: none; } } #stacks_in_15159 { margin: 20px 0px 40px 0px; } #stacks_in_14559 { margin: 0px 0px 40px 0px; } #stacks_in_14561 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #ICON-I-2009 { display: block; width: 100%; text-align: center; } #ICON-I-2009 li.proGalleryItem { -webkit-transform: translateZ(0); } #ICON-I-2009 ul#proGalleryThumbsstacks_in_14563 { padding: 0; margin: 0; list-style: none; } #ICON-I-2009 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ICON-I-2009 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); } #ICON-I-2009 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ICON-I-2009 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #ICON-I-2009 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 */ #ICON-I-2009 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ICON-I-2009 { -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) { #ICON-I-2009 { -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) { #ICON-I-2009 { -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) { #ICON-I-2009 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #ICON-I-2009 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ICON-I-2009 .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); } #ICON-I-2009 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ICON-I-2009 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ICON-I-2009.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ICON-I-2009.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ICON-I-2009.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ICON-I-2009.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ICON-I-2009.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ICON-I-2009.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ICON-I-2009.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ICON-I-2009.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; } #ICON-I-2009.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ICON-I-2009.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ICON-I-2009.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ICON-I-2009.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ICON-I-2009 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ICON-I-2009 li .proGalleryItemInner { overflow: hidden; } #ICON-I-2009 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 */ } #ICON-I-2009 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*='ICON-I-2009-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 */ .ICON-I-2009-icon-play:before { content: '\e800'; } .ICON-I-2009-icon-pause:before { content: '\e801'; } .ICON-I-2009-icon-close:before { content: '\e802'; } .ICON-I-2009-icon-prev:before { content: '\e803'; } .ICON-I-2009-icon-next:before { content: '\e804'; } .ICON-I-2009-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 ICON-I-2009-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 ICON-I-2009-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 ICON-I-2009-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 ICON-I-2009-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 ICON-I-2009-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); } } #ICON-I-2009-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] #ICON-I-2009-case, html[data-lc-type=ajax] #ICON-I-2009-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]) #ICON-I-2009-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] #ICON-I-2009-content, html[data-lc-type=video] #ICON-I-2009-content { background-color: #333; } } html[data-lc-type=inline] #ICON-I-2009-content, html[data-lc-type=ajax] #ICON-I-2009-content, html[data-lc-type=error] #ICON-I-2009-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] #ICON-I-2009-content, html[data-lc-type=ajax] #ICON-I-2009-content, html[data-lc-type=error] #ICON-I-2009-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] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-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] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-contentInner { padding: 15px; } html[data-lc-type=inline] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=inline] #ICON-I-2009-content .ICON-I-2009-contentInner > *, html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner > *, html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ICON-I-2009-content .ICON-I-2009-contentInner > *:not(iframe), html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner > *:not(iframe), html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ICON-I-2009-isMobileDevice[data-lc-type=iframe] #ICON-I-2009-content .ICON-I-2009-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ICON-I-2009-content .ICON-I-2009-contentInner, html[data-lc-type=video] #ICON-I-2009-content .ICON-I-2009-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ICON-I-2009-content .ICON-I-2009-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ICON-I-2009-content .ICON-I-2009-contentInner .ICON-I-2009-inlineWrap, html[data-lc-type=ajax] #ICON-I-2009-content .ICON-I-2009-contentInner .ICON-I-2009-inlineWrap, html[data-lc-type=error] #ICON-I-2009-content .ICON-I-2009-contentInner .ICON-I-2009-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]) #ICON-I-2009-content .ICON-I-2009-contentInner .ICON-I-2009-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) { #ICON-I-2009-content h1, #ICON-I-2009-content h2, #ICON-I-2009-content h3, #ICON-I-2009-content h4, #ICON-I-2009-content h5, #ICON-I-2009-content h6, #ICON-I-2009-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ICON-I-2009-content h1, #ICON-I-2009-content h2, #ICON-I-2009-content h3, #ICON-I-2009-content h4, #ICON-I-2009-content h5, #ICON-I-2009-content h6, #ICON-I-2009-content p { color: #333; } } #ICON-I-2009-case p.ICON-I-2009-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) { #ICON-I-2009-case p.ICON-I-2009-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ICON-I-2009-case p.ICON-I-2009-error { padding: 0; } } .ICON-I-2009-open body { overflow: hidden; } .ICON-I-2009-isMobileDevice .ICON-I-2009-open body { max-width: 100%; max-height: 100%; } #ICON-I-2009-info { position: absolute; padding-top: 15px; } #ICON-I-2009-info #ICON-I-2009-title, #ICON-I-2009-info #ICON-I-2009-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ICON-I-2009-info #ICON-I-2009-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ICON-I-2009-info #ICON-I-2009-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ICON-I-2009-info #ICON-I-2009-caption { clear: both; font-size: 13px; color: #aaa; } #ICON-I-2009-info #ICON-I-2009-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ICON-I-2009-fullScreenMode #ICON-I-2009-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]) #ICON-I-2009-info { position: static; } } #ICON-I-2009-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: ICON-I-2009-spin 0.5s infinite linear; -moz-animation: ICON-I-2009-spin 0.5s infinite linear; -o-animation: ICON-I-2009-spin 0.5s infinite linear; animation: ICON-I-2009-spin 0.5s infinite linear; } #ICON-I-2009-loading, #ICON-I-2009-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; } #ICON-I-2009-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ICON-I-2009-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*='ICON-I-2009-icon-'], a[class*='ICON-I-2009-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*='ICON-I-2009-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ICON-I-2009-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ICON-I-2009-isMobileDevice a[class*='ICON-I-2009-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-prev { left: 15px; } a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-next { right: 15px; } a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-pause, a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-pause, a[class*='ICON-I-2009-icon-'].ICON-I-2009-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ICON-I-2009-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ICON-I-2009-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ICON-I-2009-icon-']:hover, #ICON-I-2009-case:hover ~ a[class*='ICON-I-2009-icon-'] { opacity: 1; } } #ICON-I-2009-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) { #ICON-I-2009-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ICON-I-2009-icon-'], a[class*='ICON-I-2009-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ICON-I-2009-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*='ICON-I-2009-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ICON-I-2009-content img { width: auto; height: auto; } #ICON-I-2009-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ICON-I-2009-info #ICON-I-2009-sequenceInfo, #ICON-I-2009-info #ICON-I-2009-title, #ICON-I-2009-info #ICON-I-2009-caption { color: rgba(170, 170, 170, 1.00); } #ICON-I-2009-info #ICON-I-2009-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ICON-I-2009-info #ICON-I-2009-caption { } /* @end */ /* Social icons in the lightbox */ #social-ICON-I-2009 { 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-ICON-I-2009 { display: block; } } #social-ICON-I-2009 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-ICON-I-2009 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ICON-I-2009 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ICON-I-2009-content, html[data-lc-type=video] #ICON-I-2009-content { background: transparent; } } #ICON-I-2009-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14563 { margin: 20px 0px 0px 0px; } #stacks_in_14572 .poster-date { display: none !important; } #stacks_in_14572 .poster-readmore { display: none !important; } #stacks_in_14572 .blog-entry-author { display: none !important; } #stacks_in_14586 { margin: 0px 0px 20px 0px; } #stacks_in_14573 { padding: 20px 0px 0px 0px; } #stacks_in_14578 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #ASU { display: block; width: 100%; text-align: center; } #ASU li.proGalleryItem { -webkit-transform: translateZ(0); } #ASU ul#proGalleryThumbsstacks_in_14580 { padding: 0; margin: 0; list-style: none; } #ASU li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ASU 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); } #ASU li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ASU 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 */ #ASU 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ASU { -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) { #ASU { -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) { #ASU { -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) { #ASU { -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } } #ASU li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ASU .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); } #ASU .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ASU .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ASU.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ASU.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ASU.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ASU.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ASU.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ASU.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ASU.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ASU.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; } #ASU.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ASU.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ASU.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ASU.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ASU li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ASU li .proGalleryItemInner { overflow: hidden; } #ASU 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 */ } #ASU 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*='ASU-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 */ .ASU-icon-play:before { content: '\e800'; } .ASU-icon-pause:before { content: '\e801'; } .ASU-icon-close:before { content: '\e802'; } .ASU-icon-prev:before { content: '\e803'; } .ASU-icon-next:before { content: '\e804'; } .ASU-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 ASU-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 ASU-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 ASU-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 ASU-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 ASU-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); } } #ASU-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] #ASU-case, html[data-lc-type=ajax] #ASU-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]) #ASU-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] #ASU-content, html[data-lc-type=video] #ASU-content { background-color: #333; } } html[data-lc-type=inline] #ASU-content, html[data-lc-type=ajax] #ASU-content, html[data-lc-type=error] #ASU-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] #ASU-content, html[data-lc-type=ajax] #ASU-content, html[data-lc-type=error] #ASU-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] #ASU-content .ASU-contentInner, html[data-lc-type=ajax] #ASU-content .ASU-contentInner, html[data-lc-type=error] #ASU-content .ASU-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] #ASU-content .ASU-contentInner, html[data-lc-type=ajax] #ASU-content .ASU-contentInner, html[data-lc-type=error] #ASU-content .ASU-contentInner { padding: 15px; } html[data-lc-type=inline] #ASU-content .ASU-contentInner, html[data-lc-type=inline] #ASU-content .ASU-contentInner > *, html[data-lc-type=ajax] #ASU-content .ASU-contentInner, html[data-lc-type=ajax] #ASU-content .ASU-contentInner > *, html[data-lc-type=error] #ASU-content .ASU-contentInner, html[data-lc-type=error] #ASU-content .ASU-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ASU-content .ASU-contentInner > *:not(iframe), html[data-lc-type=ajax] #ASU-content .ASU-contentInner > *:not(iframe), html[data-lc-type=error] #ASU-content .ASU-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ASU-isMobileDevice[data-lc-type=iframe] #ASU-content .ASU-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ASU-content .ASU-contentInner, html[data-lc-type=video] #ASU-content .ASU-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ASU-content .ASU-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ASU-content .ASU-contentInner .ASU-inlineWrap, html[data-lc-type=ajax] #ASU-content .ASU-contentInner .ASU-inlineWrap, html[data-lc-type=error] #ASU-content .ASU-contentInner .ASU-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]) #ASU-content .ASU-contentInner .ASU-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) { #ASU-content h1, #ASU-content h2, #ASU-content h3, #ASU-content h4, #ASU-content h5, #ASU-content h6, #ASU-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ASU-content h1, #ASU-content h2, #ASU-content h3, #ASU-content h4, #ASU-content h5, #ASU-content h6, #ASU-content p { color: #333; } } #ASU-case p.ASU-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) { #ASU-case p.ASU-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ASU-case p.ASU-error { padding: 0; } } .ASU-open body { overflow: hidden; } .ASU-isMobileDevice .ASU-open body { max-width: 100%; max-height: 100%; } #ASU-info { position: absolute; padding-top: 15px; } #ASU-info #ASU-title, #ASU-info #ASU-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ASU-info #ASU-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ASU-info #ASU-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ASU-info #ASU-caption { clear: both; font-size: 13px; color: #aaa; } #ASU-info #ASU-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ASU-fullScreenMode #ASU-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]) #ASU-info { position: static; } } #ASU-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: ASU-spin 0.5s infinite linear; -moz-animation: ASU-spin 0.5s infinite linear; -o-animation: ASU-spin 0.5s infinite linear; animation: ASU-spin 0.5s infinite linear; } #ASU-loading, #ASU-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; } #ASU-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ASU-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*='ASU-icon-'], a[class*='ASU-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*='ASU-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ASU-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ASU-isMobileDevice a[class*='ASU-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ASU-icon-'].ASU-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ASU-icon-'].ASU-icon-prev { left: 15px; } a[class*='ASU-icon-'].ASU-icon-next { right: 15px; } a[class*='ASU-icon-'].ASU-icon-pause, a[class*='ASU-icon-'].ASU-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ASU-icon-'].ASU-icon-pause, a[class*='ASU-icon-'].ASU-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ASU-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ASU-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ASU-icon-']:hover, #ASU-case:hover ~ a[class*='ASU-icon-'] { opacity: 1; } } #ASU-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) { #ASU-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ASU-icon-'], a[class*='ASU-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ASU-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*='ASU-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ASU-content img { width: auto; height: auto; } #ASU-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ASU-info #ASU-sequenceInfo, #ASU-info #ASU-title, #ASU-info #ASU-caption { color: rgba(170, 170, 170, 1.00); } #ASU-info #ASU-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ASU-info #ASU-caption { } /* @end */ /* Social icons in the lightbox */ #social-ASU { 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-ASU { display: block; } } #social-ASU 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-ASU a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ASU a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ASU-content, html[data-lc-type=video] #ASU-content { background: transparent; } } #ASU-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14580 { margin: 20px 0px 0px 0px; } #stacks_in_14589 .poster-date { display: none !important; } #stacks_in_14589 .poster-readmore { display: none !important; } #stacks_in_14589 .blog-entry-author { display: none !important; } #stacks_in_14603 { margin: 0px 0px 10px 0px; } #stacks_in_14590 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #TORSU { display: block; width: 100%; text-align: center; } #TORSU li.proGalleryItem { -webkit-transform: translateZ(0); } #TORSU ul#proGalleryThumbsstacks_in_14597 { padding: 0; margin: 0; list-style: none; } #TORSU li.proGalleryItem { margin: 0; padding: 0; position: relative; } #TORSU 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); } #TORSU li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #TORSU li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #TORSU 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 */ #TORSU 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; } /* */ /* */ /* */ /* */ /* */ /* */ #TORSU { -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) { #TORSU { -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) { #TORSU { -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) { #TORSU { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #TORSU li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #TORSU .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); } #TORSU .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TORSU .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #TORSU.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #TORSU.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #TORSU.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #TORSU.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #TORSU.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #TORSU.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #TORSU.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #TORSU.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; } #TORSU.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #TORSU.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #TORSU.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #TORSU.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #TORSU li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #TORSU li .proGalleryItemInner { overflow: hidden; } #TORSU 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 */ } #TORSU 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*='TORSU-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 */ .TORSU-icon-play:before { content: '\e800'; } .TORSU-icon-pause:before { content: '\e801'; } .TORSU-icon-close:before { content: '\e802'; } .TORSU-icon-prev:before { content: '\e803'; } .TORSU-icon-next:before { content: '\e804'; } .TORSU-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 TORSU-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 TORSU-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 TORSU-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 TORSU-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 TORSU-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); } } #TORSU-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] #TORSU-case, html[data-lc-type=ajax] #TORSU-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]) #TORSU-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] #TORSU-content, html[data-lc-type=video] #TORSU-content { background-color: #333; } } html[data-lc-type=inline] #TORSU-content, html[data-lc-type=ajax] #TORSU-content, html[data-lc-type=error] #TORSU-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] #TORSU-content, html[data-lc-type=ajax] #TORSU-content, html[data-lc-type=error] #TORSU-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] #TORSU-content .TORSU-contentInner, html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner, html[data-lc-type=error] #TORSU-content .TORSU-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] #TORSU-content .TORSU-contentInner, html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner, html[data-lc-type=error] #TORSU-content .TORSU-contentInner { padding: 15px; } html[data-lc-type=inline] #TORSU-content .TORSU-contentInner, html[data-lc-type=inline] #TORSU-content .TORSU-contentInner > *, html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner, html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner > *, html[data-lc-type=error] #TORSU-content .TORSU-contentInner, html[data-lc-type=error] #TORSU-content .TORSU-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #TORSU-content .TORSU-contentInner > *:not(iframe), html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner > *:not(iframe), html[data-lc-type=error] #TORSU-content .TORSU-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.TORSU-isMobileDevice[data-lc-type=iframe] #TORSU-content .TORSU-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #TORSU-content .TORSU-contentInner, html[data-lc-type=video] #TORSU-content .TORSU-contentInner { line-height: 0.75; } } html[data-lc-type=image] #TORSU-content .TORSU-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #TORSU-content .TORSU-contentInner .TORSU-inlineWrap, html[data-lc-type=ajax] #TORSU-content .TORSU-contentInner .TORSU-inlineWrap, html[data-lc-type=error] #TORSU-content .TORSU-contentInner .TORSU-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]) #TORSU-content .TORSU-contentInner .TORSU-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) { #TORSU-content h1, #TORSU-content h2, #TORSU-content h3, #TORSU-content h4, #TORSU-content h5, #TORSU-content h6, #TORSU-content p { color: #aaa; } } @media screen and (min-width: 641px) { #TORSU-content h1, #TORSU-content h2, #TORSU-content h3, #TORSU-content h4, #TORSU-content h5, #TORSU-content h6, #TORSU-content p { color: #333; } } #TORSU-case p.TORSU-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) { #TORSU-case p.TORSU-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #TORSU-case p.TORSU-error { padding: 0; } } .TORSU-open body { overflow: hidden; } .TORSU-isMobileDevice .TORSU-open body { max-width: 100%; max-height: 100%; } #TORSU-info { position: absolute; padding-top: 15px; } #TORSU-info #TORSU-title, #TORSU-info #TORSU-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #TORSU-info #TORSU-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #TORSU-info #TORSU-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #TORSU-info #TORSU-caption { clear: both; font-size: 13px; color: #aaa; } #TORSU-info #TORSU-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .TORSU-fullScreenMode #TORSU-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]) #TORSU-info { position: static; } } #TORSU-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: TORSU-spin 0.5s infinite linear; -moz-animation: TORSU-spin 0.5s infinite linear; -o-animation: TORSU-spin 0.5s infinite linear; animation: TORSU-spin 0.5s infinite linear; } #TORSU-loading, #TORSU-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; } #TORSU-loading > span { display: inline-block; text-indent: -9999px; } a[class*='TORSU-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*='TORSU-icon-'], a[class*='TORSU-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*='TORSU-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='TORSU-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .TORSU-isMobileDevice a[class*='TORSU-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='TORSU-icon-'].TORSU-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='TORSU-icon-'].TORSU-icon-prev { left: 15px; } a[class*='TORSU-icon-'].TORSU-icon-next { right: 15px; } a[class*='TORSU-icon-'].TORSU-icon-pause, a[class*='TORSU-icon-'].TORSU-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='TORSU-icon-'].TORSU-icon-pause, a[class*='TORSU-icon-'].TORSU-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='TORSU-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='TORSU-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='TORSU-icon-']:hover, #TORSU-case:hover ~ a[class*='TORSU-icon-'] { opacity: 1; } } #TORSU-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) { #TORSU-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='TORSU-icon-'], a[class*='TORSU-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='TORSU-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*='TORSU-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #TORSU-content img { width: auto; height: auto; } #TORSU-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #TORSU-info #TORSU-sequenceInfo, #TORSU-info #TORSU-title, #TORSU-info #TORSU-caption { color: rgba(170, 170, 170, 1.00); } #TORSU-info #TORSU-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TORSU-info #TORSU-caption { } /* @end */ /* Social icons in the lightbox */ #social-TORSU { 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-TORSU { display: block; } } #social-TORSU 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-TORSU a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-TORSU a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #TORSU-content, html[data-lc-type=video] #TORSU-content { background: transparent; } } #TORSU-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14597 { margin: 20px 0px 0px 0px; } #stacks_in_14606 .poster-date { display: none !important; } #stacks_in_14606 .poster-readmore { display: none !important; } #stacks_in_14606 .blog-entry-author { display: none !important; } #stacks_in_14620 { margin: 0px 0px 10px 0px; } #stacks_in_14607 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #ORSI { display: block; width: 100%; text-align: center; } #ORSI li.proGalleryItem { -webkit-transform: translateZ(0); } #ORSI ul#proGalleryThumbsstacks_in_14614 { padding: 0; margin: 0; list-style: none; } #ORSI li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ORSI 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); } #ORSI li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ORSI 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 */ #ORSI 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ORSI { -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) { #ORSI { -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) { #ORSI { -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) { #ORSI { -moz-column-count: 8; -moz-column-gap: 20px; -webkit-column-count: 8; -webkit-column-gap: 20px; column-count: 8; column-gap: 20px; } } #ORSI li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ORSI .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); } #ORSI .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ORSI .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ORSI.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ORSI.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ORSI.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ORSI.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ORSI.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ORSI.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ORSI.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ORSI.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; } #ORSI.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ORSI.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ORSI.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ORSI.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ORSI li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ORSI li .proGalleryItemInner { overflow: hidden; } #ORSI 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 */ } #ORSI 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*='ORSI-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 */ .ORSI-icon-play:before { content: '\e800'; } .ORSI-icon-pause:before { content: '\e801'; } .ORSI-icon-close:before { content: '\e802'; } .ORSI-icon-prev:before { content: '\e803'; } .ORSI-icon-next:before { content: '\e804'; } .ORSI-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 ORSI-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 ORSI-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 ORSI-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 ORSI-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 ORSI-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); } } #ORSI-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] #ORSI-case, html[data-lc-type=ajax] #ORSI-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]) #ORSI-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] #ORSI-content, html[data-lc-type=video] #ORSI-content { background-color: #333; } } html[data-lc-type=inline] #ORSI-content, html[data-lc-type=ajax] #ORSI-content, html[data-lc-type=error] #ORSI-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] #ORSI-content, html[data-lc-type=ajax] #ORSI-content, html[data-lc-type=error] #ORSI-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] #ORSI-content .ORSI-contentInner, html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner, html[data-lc-type=error] #ORSI-content .ORSI-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] #ORSI-content .ORSI-contentInner, html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner, html[data-lc-type=error] #ORSI-content .ORSI-contentInner { padding: 15px; } html[data-lc-type=inline] #ORSI-content .ORSI-contentInner, html[data-lc-type=inline] #ORSI-content .ORSI-contentInner > *, html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner, html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner > *, html[data-lc-type=error] #ORSI-content .ORSI-contentInner, html[data-lc-type=error] #ORSI-content .ORSI-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ORSI-content .ORSI-contentInner > *:not(iframe), html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner > *:not(iframe), html[data-lc-type=error] #ORSI-content .ORSI-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ORSI-isMobileDevice[data-lc-type=iframe] #ORSI-content .ORSI-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ORSI-content .ORSI-contentInner, html[data-lc-type=video] #ORSI-content .ORSI-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ORSI-content .ORSI-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ORSI-content .ORSI-contentInner .ORSI-inlineWrap, html[data-lc-type=ajax] #ORSI-content .ORSI-contentInner .ORSI-inlineWrap, html[data-lc-type=error] #ORSI-content .ORSI-contentInner .ORSI-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]) #ORSI-content .ORSI-contentInner .ORSI-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) { #ORSI-content h1, #ORSI-content h2, #ORSI-content h3, #ORSI-content h4, #ORSI-content h5, #ORSI-content h6, #ORSI-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ORSI-content h1, #ORSI-content h2, #ORSI-content h3, #ORSI-content h4, #ORSI-content h5, #ORSI-content h6, #ORSI-content p { color: #333; } } #ORSI-case p.ORSI-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) { #ORSI-case p.ORSI-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ORSI-case p.ORSI-error { padding: 0; } } .ORSI-open body { overflow: hidden; } .ORSI-isMobileDevice .ORSI-open body { max-width: 100%; max-height: 100%; } #ORSI-info { position: absolute; padding-top: 15px; } #ORSI-info #ORSI-title, #ORSI-info #ORSI-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ORSI-info #ORSI-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ORSI-info #ORSI-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ORSI-info #ORSI-caption { clear: both; font-size: 13px; color: #aaa; } #ORSI-info #ORSI-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ORSI-fullScreenMode #ORSI-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]) #ORSI-info { position: static; } } #ORSI-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: ORSI-spin 0.5s infinite linear; -moz-animation: ORSI-spin 0.5s infinite linear; -o-animation: ORSI-spin 0.5s infinite linear; animation: ORSI-spin 0.5s infinite linear; } #ORSI-loading, #ORSI-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; } #ORSI-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ORSI-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*='ORSI-icon-'], a[class*='ORSI-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*='ORSI-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ORSI-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ORSI-isMobileDevice a[class*='ORSI-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ORSI-icon-'].ORSI-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ORSI-icon-'].ORSI-icon-prev { left: 15px; } a[class*='ORSI-icon-'].ORSI-icon-next { right: 15px; } a[class*='ORSI-icon-'].ORSI-icon-pause, a[class*='ORSI-icon-'].ORSI-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ORSI-icon-'].ORSI-icon-pause, a[class*='ORSI-icon-'].ORSI-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ORSI-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ORSI-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ORSI-icon-']:hover, #ORSI-case:hover ~ a[class*='ORSI-icon-'] { opacity: 1; } } #ORSI-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) { #ORSI-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ORSI-icon-'], a[class*='ORSI-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ORSI-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*='ORSI-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ORSI-content img { width: auto; height: auto; } #ORSI-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ORSI-info #ORSI-sequenceInfo, #ORSI-info #ORSI-title, #ORSI-info #ORSI-caption { color: rgba(170, 170, 170, 1.00); } #ORSI-info #ORSI-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ORSI-info #ORSI-caption { } /* @end */ /* Social icons in the lightbox */ #social-ORSI { 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-ORSI { display: block; } } #social-ORSI 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-ORSI a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ORSI a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ORSI-content, html[data-lc-type=video] #ORSI-content { background: transparent; } } #ORSI-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14614 { margin: 20px 0px 0px 0px; } #stacks_in_14623 .poster-date { display: none !important; } #stacks_in_14623 .poster-readmore { display: none !important; } #stacks_in_14623 .blog-entry-author { display: none !important; } #stacks_in_14640 { margin: 0px 0px 10px 0px; } #vim_stack_stacks_in_14624 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_14624 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print { #vim_stack_stacks_in_14624 { display: none; } } #stacks_in_14625 { margin: 20px 0px 20px 0px; } #stacks_in_14628 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #TORSE { display: block; width: 100%; text-align: center; } #TORSE li.proGalleryItem { -webkit-transform: translateZ(0); } #TORSE ul#proGalleryThumbsstacks_in_14634 { padding: 0; margin: 0; list-style: none; } #TORSE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #TORSE 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); } #TORSE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #TORSE li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #TORSE 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 */ #TORSE 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; } /* */ /* */ /* */ /* */ /* */ /* */ #TORSE { -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) { #TORSE { -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) { #TORSE { -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) { #TORSE { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #TORSE li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #TORSE .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); } #TORSE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TORSE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #TORSE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #TORSE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #TORSE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #TORSE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #TORSE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #TORSE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #TORSE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #TORSE.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; } #TORSE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #TORSE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #TORSE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #TORSE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #TORSE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #TORSE li .proGalleryItemInner { overflow: hidden; } #TORSE 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 */ } #TORSE 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*='TORSE-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 */ .TORSE-icon-play:before { content: '\e800'; } .TORSE-icon-pause:before { content: '\e801'; } .TORSE-icon-close:before { content: '\e802'; } .TORSE-icon-prev:before { content: '\e803'; } .TORSE-icon-next:before { content: '\e804'; } .TORSE-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 TORSE-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 TORSE-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 TORSE-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 TORSE-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 TORSE-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); } } #TORSE-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] #TORSE-case, html[data-lc-type=ajax] #TORSE-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]) #TORSE-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] #TORSE-content, html[data-lc-type=video] #TORSE-content { background-color: #333; } } html[data-lc-type=inline] #TORSE-content, html[data-lc-type=ajax] #TORSE-content, html[data-lc-type=error] #TORSE-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] #TORSE-content, html[data-lc-type=ajax] #TORSE-content, html[data-lc-type=error] #TORSE-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] #TORSE-content .TORSE-contentInner, html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner, html[data-lc-type=error] #TORSE-content .TORSE-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] #TORSE-content .TORSE-contentInner, html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner, html[data-lc-type=error] #TORSE-content .TORSE-contentInner { padding: 15px; } html[data-lc-type=inline] #TORSE-content .TORSE-contentInner, html[data-lc-type=inline] #TORSE-content .TORSE-contentInner > *, html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner, html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner > *, html[data-lc-type=error] #TORSE-content .TORSE-contentInner, html[data-lc-type=error] #TORSE-content .TORSE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #TORSE-content .TORSE-contentInner > *:not(iframe), html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner > *:not(iframe), html[data-lc-type=error] #TORSE-content .TORSE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.TORSE-isMobileDevice[data-lc-type=iframe] #TORSE-content .TORSE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #TORSE-content .TORSE-contentInner, html[data-lc-type=video] #TORSE-content .TORSE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #TORSE-content .TORSE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #TORSE-content .TORSE-contentInner .TORSE-inlineWrap, html[data-lc-type=ajax] #TORSE-content .TORSE-contentInner .TORSE-inlineWrap, html[data-lc-type=error] #TORSE-content .TORSE-contentInner .TORSE-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]) #TORSE-content .TORSE-contentInner .TORSE-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) { #TORSE-content h1, #TORSE-content h2, #TORSE-content h3, #TORSE-content h4, #TORSE-content h5, #TORSE-content h6, #TORSE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #TORSE-content h1, #TORSE-content h2, #TORSE-content h3, #TORSE-content h4, #TORSE-content h5, #TORSE-content h6, #TORSE-content p { color: #333; } } #TORSE-case p.TORSE-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) { #TORSE-case p.TORSE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #TORSE-case p.TORSE-error { padding: 0; } } .TORSE-open body { overflow: hidden; } .TORSE-isMobileDevice .TORSE-open body { max-width: 100%; max-height: 100%; } #TORSE-info { position: absolute; padding-top: 15px; } #TORSE-info #TORSE-title, #TORSE-info #TORSE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #TORSE-info #TORSE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #TORSE-info #TORSE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #TORSE-info #TORSE-caption { clear: both; font-size: 13px; color: #aaa; } #TORSE-info #TORSE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .TORSE-fullScreenMode #TORSE-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]) #TORSE-info { position: static; } } #TORSE-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: TORSE-spin 0.5s infinite linear; -moz-animation: TORSE-spin 0.5s infinite linear; -o-animation: TORSE-spin 0.5s infinite linear; animation: TORSE-spin 0.5s infinite linear; } #TORSE-loading, #TORSE-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; } #TORSE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='TORSE-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*='TORSE-icon-'], a[class*='TORSE-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*='TORSE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='TORSE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .TORSE-isMobileDevice a[class*='TORSE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='TORSE-icon-'].TORSE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='TORSE-icon-'].TORSE-icon-prev { left: 15px; } a[class*='TORSE-icon-'].TORSE-icon-next { right: 15px; } a[class*='TORSE-icon-'].TORSE-icon-pause, a[class*='TORSE-icon-'].TORSE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='TORSE-icon-'].TORSE-icon-pause, a[class*='TORSE-icon-'].TORSE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='TORSE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='TORSE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='TORSE-icon-']:hover, #TORSE-case:hover ~ a[class*='TORSE-icon-'] { opacity: 1; } } #TORSE-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) { #TORSE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='TORSE-icon-'], a[class*='TORSE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='TORSE-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*='TORSE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #TORSE-content img { width: auto; height: auto; } #TORSE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #TORSE-info #TORSE-sequenceInfo, #TORSE-info #TORSE-title, #TORSE-info #TORSE-caption { color: rgba(170, 170, 170, 1.00); } #TORSE-info #TORSE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TORSE-info #TORSE-caption { } /* @end */ /* Social icons in the lightbox */ #social-TORSE { 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-TORSE { display: block; } } #social-TORSE 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-TORSE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-TORSE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #TORSE-content, html[data-lc-type=video] #TORSE-content { background: transparent; } } #TORSE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14634 { margin: 20px 0px 0px 0px; } #stacks_in_14643 .poster-date { display: none !important; } #stacks_in_14643 .poster-readmore { display: none !important; } #stacks_in_14643 .blog-entry-author { display: none !important; } #stacks_in_14654 { margin: 0px 0px 10px 0px; } #stacks_in_14647 { margin: 0px 0px 40px 0px; } #stacks_in_14649 { padding: 20px 0px 0px 0px; } #stacks_in_14657 .poster-date { display: none !important; } #stacks_in_14657 .poster-readmore { display: none !important; } #stacks_in_14657 .blog-entry-author { display: none !important; } #stacks_in_14671 { margin: 0px 0px 10px 0px; } #stacks_in_14658 { padding: 20px 0px 0px 0px; } #stacks_in_14661 { margin: 0px 0px 40px 0px; } #stacks_in_14663 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #VENUS-small { display: block; width: 100%; text-align: center; } #VENUS-small li.proGalleryItem { -webkit-transform: translateZ(0); } #VENUS-small ul#proGalleryThumbsstacks_in_14665 { padding: 0; margin: 0; list-style: none; } #VENUS-small li.proGalleryItem { margin: 0; padding: 0; position: relative; } #VENUS-small 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); } #VENUS-small li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #VENUS-small li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #VENUS-small 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 */ #VENUS-small 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; } /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #VENUS-small li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #VENUS-small .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); } #VENUS-small .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #VENUS-small.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #VENUS-small.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #VENUS-small.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #VENUS-small.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #VENUS-small.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #VENUS-small.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #VENUS-small.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; } #VENUS-small.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #VENUS-small.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #VENUS-small.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #VENUS-small li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small li .proGalleryItemInner { overflow: hidden; } #VENUS-small 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 */ } #VENUS-small 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*='VENUS-small-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 */ .VENUS-small-icon-play:before { content: '\e800'; } .VENUS-small-icon-pause:before { content: '\e801'; } .VENUS-small-icon-close:before { content: '\e802'; } .VENUS-small-icon-prev:before { content: '\e803'; } .VENUS-small-icon-next:before { content: '\e804'; } .VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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); } } #VENUS-small-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] #VENUS-small-case, html[data-lc-type=ajax] #VENUS-small-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]) #VENUS-small-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] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background-color: #333; } } html[data-lc-type=inline] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner { padding: 15px; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.VENUS-small-isMobileDevice[data-lc-type=iframe] #VENUS-small-content .VENUS-small-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=video] #VENUS-small-content .VENUS-small-contentInner { line-height: 0.75; } } html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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]) #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #aaa; } } @media screen and (min-width: 641px) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #333; } } #VENUS-small-case p.VENUS-small-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) { #VENUS-small-case p.VENUS-small-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #VENUS-small-case p.VENUS-small-error { padding: 0; } } .VENUS-small-open body { overflow: hidden; } .VENUS-small-isMobileDevice .VENUS-small-open body { max-width: 100%; max-height: 100%; } #VENUS-small-info { position: absolute; padding-top: 15px; } #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #VENUS-small-info #VENUS-small-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #VENUS-small-info #VENUS-small-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #VENUS-small-info #VENUS-small-caption { clear: both; font-size: 13px; color: #aaa; } #VENUS-small-info #VENUS-small-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .VENUS-small-fullScreenMode #VENUS-small-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]) #VENUS-small-info { position: static; } } #VENUS-small-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: VENUS-small-spin 0.5s infinite linear; -moz-animation: VENUS-small-spin 0.5s infinite linear; -o-animation: VENUS-small-spin 0.5s infinite linear; animation: VENUS-small-spin 0.5s infinite linear; } #VENUS-small-loading, #VENUS-small-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; } #VENUS-small-loading > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-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*='VENUS-small-icon-'], a[class*='VENUS-small-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*='VENUS-small-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .VENUS-small-isMobileDevice a[class*='VENUS-small-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-prev { left: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-next { right: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='VENUS-small-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='VENUS-small-icon-']:hover, #VENUS-small-case:hover ~ a[class*='VENUS-small-icon-'] { opacity: 1; } } #VENUS-small-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) { #VENUS-small-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='VENUS-small-icon-'], a[class*='VENUS-small-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='VENUS-small-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*='VENUS-small-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #VENUS-small-content img { width: auto; height: auto; } #VENUS-small-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #VENUS-small-info #VENUS-small-sequenceInfo, #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { color: rgba(170, 170, 170, 1.00); } #VENUS-small-info #VENUS-small-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small-info #VENUS-small-caption { } /* @end */ /* Social icons in the lightbox */ #social-VENUS-small { 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-VENUS-small { display: block; } } #social-VENUS-small 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-VENUS-small a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-VENUS-small a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background: transparent; } } #VENUS-small-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14665 { margin: 20px 0px 0px 0px; } #stacks_in_14674 .poster-date { display: none !important; } #stacks_in_14674 .poster-readmore { display: none !important; } #stacks_in_14674 .blog-entry-author { display: none !important; } #stacks_in_14688 { margin: 0px 0px 10px 0px; } #stacks_in_14675 { padding: 20px 0px 0px 0px; } #stacks_in_14678 { margin: 0px 0px 40px 0px; } #stacks_in_14680 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #VENIS-large2 { display: block; width: 100%; text-align: center; } #VENIS-large2 li.proGalleryItem { -webkit-transform: translateZ(0); } #VENIS-large2 ul#proGalleryThumbsstacks_in_14682 { padding: 0; margin: 0; list-style: none; } #VENIS-large2 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #VENIS-large2 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); } #VENIS-large2 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #VENIS-large2 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #VENIS-large2 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 */ #VENIS-large2 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; } /* */ /* */ /* */ /* */ /* */ /* */ #VENIS-large2 { -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) { #VENIS-large2 { -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) { #VENIS-large2 { -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) { #VENIS-large2 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #VENIS-large2 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #VENIS-large2 .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); } #VENIS-large2 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENIS-large2 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #VENIS-large2.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #VENIS-large2.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #VENIS-large2.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #VENIS-large2.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #VENIS-large2.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #VENIS-large2.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #VENIS-large2.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #VENIS-large2.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; } #VENIS-large2.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #VENIS-large2.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #VENIS-large2.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #VENIS-large2.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #VENIS-large2 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #VENIS-large2 li .proGalleryItemInner { overflow: hidden; } #VENIS-large2 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 */ } #VENIS-large2 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*='VENIS-large2-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 */ .VENIS-large2-icon-play:before { content: '\e800'; } .VENIS-large2-icon-pause:before { content: '\e801'; } .VENIS-large2-icon-close:before { content: '\e802'; } .VENIS-large2-icon-prev:before { content: '\e803'; } .VENIS-large2-icon-next:before { content: '\e804'; } .VENIS-large2-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 VENIS-large2-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 VENIS-large2-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 VENIS-large2-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 VENIS-large2-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 VENIS-large2-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); } } #VENIS-large2-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] #VENIS-large2-case, html[data-lc-type=ajax] #VENIS-large2-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]) #VENIS-large2-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] #VENIS-large2-content, html[data-lc-type=video] #VENIS-large2-content { background-color: #333; } } html[data-lc-type=inline] #VENIS-large2-content, html[data-lc-type=ajax] #VENIS-large2-content, html[data-lc-type=error] #VENIS-large2-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] #VENIS-large2-content, html[data-lc-type=ajax] #VENIS-large2-content, html[data-lc-type=error] #VENIS-large2-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] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-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] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-contentInner { padding: 15px; } html[data-lc-type=inline] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=inline] #VENIS-large2-content .VENIS-large2-contentInner > *, html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner > *, html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #VENIS-large2-content .VENIS-large2-contentInner > *:not(iframe), html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner > *:not(iframe), html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.VENIS-large2-isMobileDevice[data-lc-type=iframe] #VENIS-large2-content .VENIS-large2-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #VENIS-large2-content .VENIS-large2-contentInner, html[data-lc-type=video] #VENIS-large2-content .VENIS-large2-contentInner { line-height: 0.75; } } html[data-lc-type=image] #VENIS-large2-content .VENIS-large2-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #VENIS-large2-content .VENIS-large2-contentInner .VENIS-large2-inlineWrap, html[data-lc-type=ajax] #VENIS-large2-content .VENIS-large2-contentInner .VENIS-large2-inlineWrap, html[data-lc-type=error] #VENIS-large2-content .VENIS-large2-contentInner .VENIS-large2-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]) #VENIS-large2-content .VENIS-large2-contentInner .VENIS-large2-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) { #VENIS-large2-content h1, #VENIS-large2-content h2, #VENIS-large2-content h3, #VENIS-large2-content h4, #VENIS-large2-content h5, #VENIS-large2-content h6, #VENIS-large2-content p { color: #aaa; } } @media screen and (min-width: 641px) { #VENIS-large2-content h1, #VENIS-large2-content h2, #VENIS-large2-content h3, #VENIS-large2-content h4, #VENIS-large2-content h5, #VENIS-large2-content h6, #VENIS-large2-content p { color: #333; } } #VENIS-large2-case p.VENIS-large2-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) { #VENIS-large2-case p.VENIS-large2-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #VENIS-large2-case p.VENIS-large2-error { padding: 0; } } .VENIS-large2-open body { overflow: hidden; } .VENIS-large2-isMobileDevice .VENIS-large2-open body { max-width: 100%; max-height: 100%; } #VENIS-large2-info { position: absolute; padding-top: 15px; } #VENIS-large2-info #VENIS-large2-title, #VENIS-large2-info #VENIS-large2-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #VENIS-large2-info #VENIS-large2-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #VENIS-large2-info #VENIS-large2-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #VENIS-large2-info #VENIS-large2-caption { clear: both; font-size: 13px; color: #aaa; } #VENIS-large2-info #VENIS-large2-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .VENIS-large2-fullScreenMode #VENIS-large2-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]) #VENIS-large2-info { position: static; } } #VENIS-large2-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: VENIS-large2-spin 0.5s infinite linear; -moz-animation: VENIS-large2-spin 0.5s infinite linear; -o-animation: VENIS-large2-spin 0.5s infinite linear; animation: VENIS-large2-spin 0.5s infinite linear; } #VENIS-large2-loading, #VENIS-large2-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; } #VENIS-large2-loading > span { display: inline-block; text-indent: -9999px; } a[class*='VENIS-large2-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*='VENIS-large2-icon-'], a[class*='VENIS-large2-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*='VENIS-large2-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='VENIS-large2-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .VENIS-large2-isMobileDevice a[class*='VENIS-large2-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='VENIS-large2-icon-'].VENIS-large2-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='VENIS-large2-icon-'].VENIS-large2-icon-prev { left: 15px; } a[class*='VENIS-large2-icon-'].VENIS-large2-icon-next { right: 15px; } a[class*='VENIS-large2-icon-'].VENIS-large2-icon-pause, a[class*='VENIS-large2-icon-'].VENIS-large2-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='VENIS-large2-icon-'].VENIS-large2-icon-pause, a[class*='VENIS-large2-icon-'].VENIS-large2-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='VENIS-large2-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='VENIS-large2-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='VENIS-large2-icon-']:hover, #VENIS-large2-case:hover ~ a[class*='VENIS-large2-icon-'] { opacity: 1; } } #VENIS-large2-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) { #VENIS-large2-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='VENIS-large2-icon-'], a[class*='VENIS-large2-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='VENIS-large2-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*='VENIS-large2-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #VENIS-large2-content img { width: auto; height: auto; } #VENIS-large2-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #VENIS-large2-info #VENIS-large2-sequenceInfo, #VENIS-large2-info #VENIS-large2-title, #VENIS-large2-info #VENIS-large2-caption { color: rgba(170, 170, 170, 1.00); } #VENIS-large2-info #VENIS-large2-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENIS-large2-info #VENIS-large2-caption { } /* @end */ /* Social icons in the lightbox */ #social-VENIS-large2 { 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-VENIS-large2 { display: block; } } #social-VENIS-large2 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-VENIS-large2 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-VENIS-large2 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #VENIS-large2-content, html[data-lc-type=video] #VENIS-large2-content { background: transparent; } } #VENIS-large2-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14682 { margin: 20px 0px 0px 0px; } #stacks_in_14691 .poster-date { display: none !important; } #stacks_in_14691 .poster-readmore { display: none !important; } #stacks_in_14691 .blog-entry-author { display: none !important; } #stacks_in_14705 { margin: 0px 0px 10px 0px; } #stacks_in_14695 { margin: 0px 0px 40px 0px; } #stacks_in_14697 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #VENUS-small { display: block; width: 100%; text-align: center; } #VENUS-small li.proGalleryItem { -webkit-transform: translateZ(0); } #VENUS-small ul#proGalleryThumbsstacks_in_14699 { padding: 0; margin: 0; list-style: none; } #VENUS-small li.proGalleryItem { margin: 0; padding: 0; position: relative; } #VENUS-small 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); } #VENUS-small li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #VENUS-small li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #VENUS-small 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 */ #VENUS-small 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; } /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #VENUS-small li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #VENUS-small .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); } #VENUS-small .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #VENUS-small.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #VENUS-small.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #VENUS-small.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #VENUS-small.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #VENUS-small.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #VENUS-small.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #VENUS-small.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; } #VENUS-small.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #VENUS-small.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #VENUS-small.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #VENUS-small li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small li .proGalleryItemInner { overflow: hidden; } #VENUS-small 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 */ } #VENUS-small 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*='VENUS-small-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 */ .VENUS-small-icon-play:before { content: '\e800'; } .VENUS-small-icon-pause:before { content: '\e801'; } .VENUS-small-icon-close:before { content: '\e802'; } .VENUS-small-icon-prev:before { content: '\e803'; } .VENUS-small-icon-next:before { content: '\e804'; } .VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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); } } #VENUS-small-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] #VENUS-small-case, html[data-lc-type=ajax] #VENUS-small-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]) #VENUS-small-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] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background-color: #333; } } html[data-lc-type=inline] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner { padding: 15px; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.VENUS-small-isMobileDevice[data-lc-type=iframe] #VENUS-small-content .VENUS-small-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=video] #VENUS-small-content .VENUS-small-contentInner { line-height: 0.75; } } html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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]) #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #aaa; } } @media screen and (min-width: 641px) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #333; } } #VENUS-small-case p.VENUS-small-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) { #VENUS-small-case p.VENUS-small-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #VENUS-small-case p.VENUS-small-error { padding: 0; } } .VENUS-small-open body { overflow: hidden; } .VENUS-small-isMobileDevice .VENUS-small-open body { max-width: 100%; max-height: 100%; } #VENUS-small-info { position: absolute; padding-top: 15px; } #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #VENUS-small-info #VENUS-small-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #VENUS-small-info #VENUS-small-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #VENUS-small-info #VENUS-small-caption { clear: both; font-size: 13px; color: #aaa; } #VENUS-small-info #VENUS-small-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .VENUS-small-fullScreenMode #VENUS-small-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]) #VENUS-small-info { position: static; } } #VENUS-small-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: VENUS-small-spin 0.5s infinite linear; -moz-animation: VENUS-small-spin 0.5s infinite linear; -o-animation: VENUS-small-spin 0.5s infinite linear; animation: VENUS-small-spin 0.5s infinite linear; } #VENUS-small-loading, #VENUS-small-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; } #VENUS-small-loading > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-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*='VENUS-small-icon-'], a[class*='VENUS-small-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*='VENUS-small-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .VENUS-small-isMobileDevice a[class*='VENUS-small-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-prev { left: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-next { right: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='VENUS-small-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='VENUS-small-icon-']:hover, #VENUS-small-case:hover ~ a[class*='VENUS-small-icon-'] { opacity: 1; } } #VENUS-small-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) { #VENUS-small-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='VENUS-small-icon-'], a[class*='VENUS-small-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='VENUS-small-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*='VENUS-small-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #VENUS-small-content img { width: auto; height: auto; } #VENUS-small-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #VENUS-small-info #VENUS-small-sequenceInfo, #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { color: rgba(170, 170, 170, 1.00); } #VENUS-small-info #VENUS-small-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small-info #VENUS-small-caption { } /* @end */ /* Social icons in the lightbox */ #social-VENUS-small { 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-VENUS-small { display: block; } } #social-VENUS-small 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-VENUS-small a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-VENUS-small a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background: transparent; } } #VENUS-small-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14699 { margin: 20px 0px 0px 0px; } #stacks_in_14708 .poster-date { display: none !important; } #stacks_in_14708 .poster-readmore { display: none !important; } #stacks_in_14708 .blog-entry-author { display: none !important; } #stacks_in_14720 { margin: 0px 0px 10px 0px; } #stacks_in_14709 { padding: 20px 0px 0px 0px; } #stacks_in_14712 { margin: 0px 0px 40px 0px; } /* @group ProGallery Grid */ #VENUS-small { display: block; width: 100%; text-align: center; } #VENUS-small li.proGalleryItem { -webkit-transform: translateZ(0); } #VENUS-small ul#proGalleryThumbsstacks_in_14714 { padding: 0; margin: 0; list-style: none; } #VENUS-small li.proGalleryItem { margin: 0; padding: 0; position: relative; } #VENUS-small 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); } #VENUS-small li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #VENUS-small li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #VENUS-small 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 */ #VENUS-small 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; } /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -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) { #VENUS-small { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #VENUS-small li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #VENUS-small .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); } #VENUS-small .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #VENUS-small.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #VENUS-small.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #VENUS-small.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #VENUS-small.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #VENUS-small.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #VENUS-small.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #VENUS-small.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; } #VENUS-small.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #VENUS-small.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #VENUS-small.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #VENUS-small.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #VENUS-small li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #VENUS-small li .proGalleryItemInner { overflow: hidden; } #VENUS-small 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 */ } #VENUS-small 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*='VENUS-small-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 */ .VENUS-small-icon-play:before { content: '\e800'; } .VENUS-small-icon-pause:before { content: '\e801'; } .VENUS-small-icon-close:before { content: '\e802'; } .VENUS-small-icon-prev:before { content: '\e803'; } .VENUS-small-icon-next:before { content: '\e804'; } .VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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 VENUS-small-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); } } #VENUS-small-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] #VENUS-small-case, html[data-lc-type=ajax] #VENUS-small-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]) #VENUS-small-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] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background-color: #333; } } html[data-lc-type=inline] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content, html[data-lc-type=ajax] #VENUS-small-content, html[data-lc-type=error] #VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-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] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner { padding: 15px; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe), html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.VENUS-small-isMobileDevice[data-lc-type=iframe] #VENUS-small-content .VENUS-small-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner, html[data-lc-type=video] #VENUS-small-content .VENUS-small-contentInner { line-height: 0.75; } } html[data-lc-type=image] #VENUS-small-content .VENUS-small-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=ajax] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-inlineWrap, html[data-lc-type=error] #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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]) #VENUS-small-content .VENUS-small-contentInner .VENUS-small-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) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #aaa; } } @media screen and (min-width: 641px) { #VENUS-small-content h1, #VENUS-small-content h2, #VENUS-small-content h3, #VENUS-small-content h4, #VENUS-small-content h5, #VENUS-small-content h6, #VENUS-small-content p { color: #333; } } #VENUS-small-case p.VENUS-small-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) { #VENUS-small-case p.VENUS-small-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #VENUS-small-case p.VENUS-small-error { padding: 0; } } .VENUS-small-open body { overflow: hidden; } .VENUS-small-isMobileDevice .VENUS-small-open body { max-width: 100%; max-height: 100%; } #VENUS-small-info { position: absolute; padding-top: 15px; } #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #VENUS-small-info #VENUS-small-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #VENUS-small-info #VENUS-small-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #VENUS-small-info #VENUS-small-caption { clear: both; font-size: 13px; color: #aaa; } #VENUS-small-info #VENUS-small-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .VENUS-small-fullScreenMode #VENUS-small-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]) #VENUS-small-info { position: static; } } #VENUS-small-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: VENUS-small-spin 0.5s infinite linear; -moz-animation: VENUS-small-spin 0.5s infinite linear; -o-animation: VENUS-small-spin 0.5s infinite linear; animation: VENUS-small-spin 0.5s infinite linear; } #VENUS-small-loading, #VENUS-small-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; } #VENUS-small-loading > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-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*='VENUS-small-icon-'], a[class*='VENUS-small-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*='VENUS-small-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='VENUS-small-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .VENUS-small-isMobileDevice a[class*='VENUS-small-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='VENUS-small-icon-'].VENUS-small-icon-prev { left: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-next { right: 15px; } a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'].VENUS-small-icon-pause, a[class*='VENUS-small-icon-'].VENUS-small-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='VENUS-small-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='VENUS-small-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='VENUS-small-icon-']:hover, #VENUS-small-case:hover ~ a[class*='VENUS-small-icon-'] { opacity: 1; } } #VENUS-small-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) { #VENUS-small-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='VENUS-small-icon-'], a[class*='VENUS-small-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='VENUS-small-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*='VENUS-small-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #VENUS-small-content img { width: auto; height: auto; } #VENUS-small-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #VENUS-small-info #VENUS-small-sequenceInfo, #VENUS-small-info #VENUS-small-title, #VENUS-small-info #VENUS-small-caption { color: rgba(170, 170, 170, 1.00); } #VENUS-small-info #VENUS-small-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #VENUS-small-info #VENUS-small-caption { } /* @end */ /* Social icons in the lightbox */ #social-VENUS-small { 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-VENUS-small { display: block; } } #social-VENUS-small 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-VENUS-small a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-VENUS-small a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #VENUS-small-content, html[data-lc-type=video] #VENUS-small-content { background: transparent; } } #VENUS-small-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14714 { margin: 20px 0px 0px 0px; } #stacks_in_14723 .poster-date { display: none !important; } #stacks_in_14723 .poster-readmore { display: none !important; } #stacks_in_14723 .blog-entry-author { display: none !important; } #stacks_in_14734 { margin: 0px 0px 10px 0px; } #stacks_in_14724 { padding: 20px 0px 0px 0px; } #stacks_in_14727 { margin: 0px 0px 40px 0px; } #stacks_in_14729 { padding: 20px 0px 0px 0px; } #stacks_in_14737 .poster-date { display: none !important; } #stacks_in_14737 .poster-readmore { display: none !important; } #stacks_in_14737 .blog-entry-author { display: none !important; } #stacks_in_14751 { margin: 0px 0px 10px 0px; } #stacks_in_14748 { padding: 20px 0px 20px 0px; } #stacks_in_14738 { padding: 20px 0px 0px 0px; } #stacks_in_14741 { margin: 0px 0px 40px 0px; } #stacks_in_14743 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #ISIUU { display: block; width: 100%; text-align: center; } #ISIUU li.proGalleryItem { -webkit-transform: translateZ(0); } #ISIUU ul#proGalleryThumbsstacks_in_14745 { padding: 0; margin: 0; list-style: none; } #ISIUU li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ISIUU 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); } #ISIUU li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ISIUU li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #ISIUU 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 */ #ISIUU 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ISIUU { -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) { #ISIUU { -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) { #ISIUU { -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) { #ISIUU { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #ISIUU li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ISIUU .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); } #ISIUU .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ISIUU .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ISIUU.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ISIUU.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ISIUU.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ISIUU.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ISIUU.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ISIUU.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ISIUU.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ISIUU.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; } #ISIUU.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ISIUU.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ISIUU.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ISIUU.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ISIUU li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ISIUU li .proGalleryItemInner { overflow: hidden; } #ISIUU 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 */ } #ISIUU 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*='ISIUU-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 */ .ISIUU-icon-play:before { content: '\e800'; } .ISIUU-icon-pause:before { content: '\e801'; } .ISIUU-icon-close:before { content: '\e802'; } .ISIUU-icon-prev:before { content: '\e803'; } .ISIUU-icon-next:before { content: '\e804'; } .ISIUU-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 ISIUU-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 ISIUU-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 ISIUU-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 ISIUU-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 ISIUU-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); } } #ISIUU-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] #ISIUU-case, html[data-lc-type=ajax] #ISIUU-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]) #ISIUU-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] #ISIUU-content, html[data-lc-type=video] #ISIUU-content { background-color: #333; } } html[data-lc-type=inline] #ISIUU-content, html[data-lc-type=ajax] #ISIUU-content, html[data-lc-type=error] #ISIUU-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] #ISIUU-content, html[data-lc-type=ajax] #ISIUU-content, html[data-lc-type=error] #ISIUU-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] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=error] #ISIUU-content .ISIUU-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] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=error] #ISIUU-content .ISIUU-contentInner { padding: 15px; } html[data-lc-type=inline] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=inline] #ISIUU-content .ISIUU-contentInner > *, html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner > *, html[data-lc-type=error] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=error] #ISIUU-content .ISIUU-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ISIUU-content .ISIUU-contentInner > *:not(iframe), html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner > *:not(iframe), html[data-lc-type=error] #ISIUU-content .ISIUU-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ISIUU-isMobileDevice[data-lc-type=iframe] #ISIUU-content .ISIUU-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ISIUU-content .ISIUU-contentInner, html[data-lc-type=video] #ISIUU-content .ISIUU-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ISIUU-content .ISIUU-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ISIUU-content .ISIUU-contentInner .ISIUU-inlineWrap, html[data-lc-type=ajax] #ISIUU-content .ISIUU-contentInner .ISIUU-inlineWrap, html[data-lc-type=error] #ISIUU-content .ISIUU-contentInner .ISIUU-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]) #ISIUU-content .ISIUU-contentInner .ISIUU-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) { #ISIUU-content h1, #ISIUU-content h2, #ISIUU-content h3, #ISIUU-content h4, #ISIUU-content h5, #ISIUU-content h6, #ISIUU-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ISIUU-content h1, #ISIUU-content h2, #ISIUU-content h3, #ISIUU-content h4, #ISIUU-content h5, #ISIUU-content h6, #ISIUU-content p { color: #333; } } #ISIUU-case p.ISIUU-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) { #ISIUU-case p.ISIUU-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ISIUU-case p.ISIUU-error { padding: 0; } } .ISIUU-open body { overflow: hidden; } .ISIUU-isMobileDevice .ISIUU-open body { max-width: 100%; max-height: 100%; } #ISIUU-info { position: absolute; padding-top: 15px; } #ISIUU-info #ISIUU-title, #ISIUU-info #ISIUU-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ISIUU-info #ISIUU-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ISIUU-info #ISIUU-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ISIUU-info #ISIUU-caption { clear: both; font-size: 13px; color: #aaa; } #ISIUU-info #ISIUU-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ISIUU-fullScreenMode #ISIUU-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]) #ISIUU-info { position: static; } } #ISIUU-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: ISIUU-spin 0.5s infinite linear; -moz-animation: ISIUU-spin 0.5s infinite linear; -o-animation: ISIUU-spin 0.5s infinite linear; animation: ISIUU-spin 0.5s infinite linear; } #ISIUU-loading, #ISIUU-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; } #ISIUU-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ISIUU-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*='ISIUU-icon-'], a[class*='ISIUU-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*='ISIUU-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ISIUU-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ISIUU-isMobileDevice a[class*='ISIUU-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ISIUU-icon-'].ISIUU-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ISIUU-icon-'].ISIUU-icon-prev { left: 15px; } a[class*='ISIUU-icon-'].ISIUU-icon-next { right: 15px; } a[class*='ISIUU-icon-'].ISIUU-icon-pause, a[class*='ISIUU-icon-'].ISIUU-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ISIUU-icon-'].ISIUU-icon-pause, a[class*='ISIUU-icon-'].ISIUU-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ISIUU-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ISIUU-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ISIUU-icon-']:hover, #ISIUU-case:hover ~ a[class*='ISIUU-icon-'] { opacity: 1; } } #ISIUU-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) { #ISIUU-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ISIUU-icon-'], a[class*='ISIUU-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ISIUU-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*='ISIUU-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ISIUU-content img { width: auto; height: auto; } #ISIUU-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ISIUU-info #ISIUU-sequenceInfo, #ISIUU-info #ISIUU-title, #ISIUU-info #ISIUU-caption { color: rgba(170, 170, 170, 1.00); } #ISIUU-info #ISIUU-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ISIUU-info #ISIUU-caption { } /* @end */ /* Social icons in the lightbox */ #social-ISIUU { 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-ISIUU { display: block; } } #social-ISIUU 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-ISIUU a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ISIUU a.proGalleryDownload { display: inline-block; } /* */ /* */ #social-ISIUU a.proGalleryPinterest { display: inline-block; } /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ISIUU-content, html[data-lc-type=video] #ISIUU-content { background: transparent; } } #ISIUU-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14745 { margin: 20px 0px 0px 0px; } #stacks_in_14754 .poster-date { display: none !important; } #stacks_in_14754 .poster-readmore { display: none !important; } #stacks_in_14754 .blog-entry-author { display: none !important; } #stacks_in_14768 { margin: 0px 0px 10px 0px; } #stacks_in_14765 { padding: 20px 0px 20px 0px; } #stacks_in_14755 { padding: 20px 0px 0px 0px; } #stacks_in_14758 { margin: 0px 0px 40px 0px; } #stacks_in_14760 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #IZUUU { display: block; width: 100%; text-align: center; } #IZUUU li.proGalleryItem { -webkit-transform: translateZ(0); } #IZUUU ul#proGalleryThumbsstacks_in_14762 { padding: 0; margin: 0; list-style: none; } #IZUUU li.proGalleryItem { margin: 0; padding: 0; position: relative; } #IZUUU 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); } #IZUUU li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #IZUUU li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #IZUUU 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 */ #IZUUU 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; } /* */ /* */ /* */ /* */ /* */ /* */ #IZUUU { -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) { #IZUUU { -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) { #IZUUU { -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) { #IZUUU { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #IZUUU li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #IZUUU .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); } #IZUUU .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #IZUUU .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #IZUUU.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #IZUUU.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #IZUUU.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #IZUUU.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #IZUUU.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #IZUUU.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #IZUUU.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #IZUUU.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; } #IZUUU.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #IZUUU.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #IZUUU.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #IZUUU.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #IZUUU li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #IZUUU li .proGalleryItemInner { overflow: hidden; } #IZUUU 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 */ } #IZUUU 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*='IZUUU-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 */ .IZUUU-icon-play:before { content: '\e800'; } .IZUUU-icon-pause:before { content: '\e801'; } .IZUUU-icon-close:before { content: '\e802'; } .IZUUU-icon-prev:before { content: '\e803'; } .IZUUU-icon-next:before { content: '\e804'; } .IZUUU-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 IZUUU-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 IZUUU-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 IZUUU-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 IZUUU-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 IZUUU-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); } } #IZUUU-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] #IZUUU-case, html[data-lc-type=ajax] #IZUUU-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]) #IZUUU-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] #IZUUU-content, html[data-lc-type=video] #IZUUU-content { background-color: #333; } } html[data-lc-type=inline] #IZUUU-content, html[data-lc-type=ajax] #IZUUU-content, html[data-lc-type=error] #IZUUU-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] #IZUUU-content, html[data-lc-type=ajax] #IZUUU-content, html[data-lc-type=error] #IZUUU-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] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=error] #IZUUU-content .IZUUU-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] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=error] #IZUUU-content .IZUUU-contentInner { padding: 15px; } html[data-lc-type=inline] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=inline] #IZUUU-content .IZUUU-contentInner > *, html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner > *, html[data-lc-type=error] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=error] #IZUUU-content .IZUUU-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #IZUUU-content .IZUUU-contentInner > *:not(iframe), html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner > *:not(iframe), html[data-lc-type=error] #IZUUU-content .IZUUU-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.IZUUU-isMobileDevice[data-lc-type=iframe] #IZUUU-content .IZUUU-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #IZUUU-content .IZUUU-contentInner, html[data-lc-type=video] #IZUUU-content .IZUUU-contentInner { line-height: 0.75; } } html[data-lc-type=image] #IZUUU-content .IZUUU-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #IZUUU-content .IZUUU-contentInner .IZUUU-inlineWrap, html[data-lc-type=ajax] #IZUUU-content .IZUUU-contentInner .IZUUU-inlineWrap, html[data-lc-type=error] #IZUUU-content .IZUUU-contentInner .IZUUU-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]) #IZUUU-content .IZUUU-contentInner .IZUUU-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) { #IZUUU-content h1, #IZUUU-content h2, #IZUUU-content h3, #IZUUU-content h4, #IZUUU-content h5, #IZUUU-content h6, #IZUUU-content p { color: #aaa; } } @media screen and (min-width: 641px) { #IZUUU-content h1, #IZUUU-content h2, #IZUUU-content h3, #IZUUU-content h4, #IZUUU-content h5, #IZUUU-content h6, #IZUUU-content p { color: #333; } } #IZUUU-case p.IZUUU-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) { #IZUUU-case p.IZUUU-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #IZUUU-case p.IZUUU-error { padding: 0; } } .IZUUU-open body { overflow: hidden; } .IZUUU-isMobileDevice .IZUUU-open body { max-width: 100%; max-height: 100%; } #IZUUU-info { position: absolute; padding-top: 15px; } #IZUUU-info #IZUUU-title, #IZUUU-info #IZUUU-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #IZUUU-info #IZUUU-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #IZUUU-info #IZUUU-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #IZUUU-info #IZUUU-caption { clear: both; font-size: 13px; color: #aaa; } #IZUUU-info #IZUUU-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .IZUUU-fullScreenMode #IZUUU-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]) #IZUUU-info { position: static; } } #IZUUU-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: IZUUU-spin 0.5s infinite linear; -moz-animation: IZUUU-spin 0.5s infinite linear; -o-animation: IZUUU-spin 0.5s infinite linear; animation: IZUUU-spin 0.5s infinite linear; } #IZUUU-loading, #IZUUU-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; } #IZUUU-loading > span { display: inline-block; text-indent: -9999px; } a[class*='IZUUU-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*='IZUUU-icon-'], a[class*='IZUUU-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*='IZUUU-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='IZUUU-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .IZUUU-isMobileDevice a[class*='IZUUU-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='IZUUU-icon-'].IZUUU-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='IZUUU-icon-'].IZUUU-icon-prev { left: 15px; } a[class*='IZUUU-icon-'].IZUUU-icon-next { right: 15px; } a[class*='IZUUU-icon-'].IZUUU-icon-pause, a[class*='IZUUU-icon-'].IZUUU-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='IZUUU-icon-'].IZUUU-icon-pause, a[class*='IZUUU-icon-'].IZUUU-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='IZUUU-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='IZUUU-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='IZUUU-icon-']:hover, #IZUUU-case:hover ~ a[class*='IZUUU-icon-'] { opacity: 1; } } #IZUUU-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) { #IZUUU-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='IZUUU-icon-'], a[class*='IZUUU-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='IZUUU-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*='IZUUU-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #IZUUU-content img { width: auto; height: auto; } #IZUUU-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #IZUUU-info #IZUUU-sequenceInfo, #IZUUU-info #IZUUU-title, #IZUUU-info #IZUUU-caption { color: rgba(170, 170, 170, 1.00); } #IZUUU-info #IZUUU-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #IZUUU-info #IZUUU-caption { } /* @end */ /* Social icons in the lightbox */ #social-IZUUU { 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-IZUUU { display: block; } } #social-IZUUU 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-IZUUU a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-IZUUU a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #IZUUU-content, html[data-lc-type=video] #IZUUU-content { background: transparent; } } #IZUUU-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14762 { margin: 20px 0px 0px 0px; } #stacks_in_14771 .poster-date { display: none !important; } #stacks_in_14771 .poster-readmore { display: none !important; } #stacks_in_14771 .blog-entry-author { display: none !important; } #stacks_in_14782 { margin: 0px 0px 10px 0px; } #stacks_in_14779 { padding: 20px 0px 20px 0px; } #stacks_in_14772 { padding: 20px 0px 0px 0px; } #stacks_in_14775 { margin: 0px 0px 40px 0px; } #stacks_in_14777 { padding: 20px 0px 0px 0px; } #stacks_in_14785 .poster-date { display: none !important; } #stacks_in_14785 .poster-readmore { display: none !important; } #stacks_in_14785 .blog-entry-author { display: none !important; } #stacks_in_14796 { margin: 0px 0px 10px 0px; } #stacks_in_14793 { padding: 20px 0px 20px 0px; } #stacks_in_14786 { padding: 20px 0px 0px 0px; } #stacks_in_14789 { margin: 0px 0px 40px 0px; } #stacks_in_14791 { padding: 20px 0px 0px 0px; } #stacks_in_14799 .poster-date { display: none !important; } #stacks_in_14799 .poster-readmore { display: none !important; } #stacks_in_14799 .blog-entry-author { display: none !important; } #stacks_in_14816 { margin: 0px 0px 10px 0px; } #stacks_in_14813 { padding: 0px 0px 10px 0px; } #stacks_in_14800 { padding: 20px 0px 0px 0px; } #stacks_in_14803 { margin: 0px 0px 40px 0px; } #stacks_in_14805 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #SENS { display: block; width: 100%; text-align: center; } #SENS li.proGalleryItem { -webkit-transform: translateZ(0); } #SENS ul#proGalleryThumbsstacks_in_14807 { padding: 0; margin: 0; list-style: none; } #SENS li.proGalleryItem { margin: 0; padding: 0; position: relative; } #SENS 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); } #SENS li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #SENS 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 */ #SENS 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; } /* */ /* */ /* */ /* */ /* */ /* */ #SENS { -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) { #SENS { -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) { #SENS { -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) { #SENS { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #SENS li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #SENS .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); } #SENS .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SENS .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #SENS.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #SENS.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #SENS.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #SENS.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #SENS.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #SENS.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #SENS.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #SENS.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; } #SENS.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #SENS.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #SENS.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #SENS.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #SENS li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #SENS li .proGalleryItemInner { overflow: hidden; } #SENS 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 */ } #SENS 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*='SENS-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 */ .SENS-icon-play:before { content: '\e800'; } .SENS-icon-pause:before { content: '\e801'; } .SENS-icon-close:before { content: '\e802'; } .SENS-icon-prev:before { content: '\e803'; } .SENS-icon-next:before { content: '\e804'; } .SENS-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 SENS-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 SENS-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 SENS-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 SENS-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 SENS-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); } } #SENS-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] #SENS-case, html[data-lc-type=ajax] #SENS-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]) #SENS-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] #SENS-content, html[data-lc-type=video] #SENS-content { background-color: #333; } } html[data-lc-type=inline] #SENS-content, html[data-lc-type=ajax] #SENS-content, html[data-lc-type=error] #SENS-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] #SENS-content, html[data-lc-type=ajax] #SENS-content, html[data-lc-type=error] #SENS-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] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-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] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-contentInner { padding: 15px; } html[data-lc-type=inline] #SENS-content .SENS-contentInner, html[data-lc-type=inline] #SENS-content .SENS-contentInner > *, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner > *, html[data-lc-type=error] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #SENS-content .SENS-contentInner > *:not(iframe), html[data-lc-type=ajax] #SENS-content .SENS-contentInner > *:not(iframe), html[data-lc-type=error] #SENS-content .SENS-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.SENS-isMobileDevice[data-lc-type=iframe] #SENS-content .SENS-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #SENS-content .SENS-contentInner, html[data-lc-type=video] #SENS-content .SENS-contentInner { line-height: 0.75; } } html[data-lc-type=image] #SENS-content .SENS-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #SENS-content .SENS-contentInner .SENS-inlineWrap, html[data-lc-type=ajax] #SENS-content .SENS-contentInner .SENS-inlineWrap, html[data-lc-type=error] #SENS-content .SENS-contentInner .SENS-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]) #SENS-content .SENS-contentInner .SENS-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) { #SENS-content h1, #SENS-content h2, #SENS-content h3, #SENS-content h4, #SENS-content h5, #SENS-content h6, #SENS-content p { color: #aaa; } } @media screen and (min-width: 641px) { #SENS-content h1, #SENS-content h2, #SENS-content h3, #SENS-content h4, #SENS-content h5, #SENS-content h6, #SENS-content p { color: #333; } } #SENS-case p.SENS-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) { #SENS-case p.SENS-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #SENS-case p.SENS-error { padding: 0; } } .SENS-open body { overflow: hidden; } .SENS-isMobileDevice .SENS-open body { max-width: 100%; max-height: 100%; } #SENS-info { position: absolute; padding-top: 15px; } #SENS-info #SENS-title, #SENS-info #SENS-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #SENS-info #SENS-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #SENS-info #SENS-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #SENS-info #SENS-caption { clear: both; font-size: 13px; color: #aaa; } #SENS-info #SENS-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .SENS-fullScreenMode #SENS-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]) #SENS-info { position: static; } } #SENS-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: SENS-spin 0.5s infinite linear; -moz-animation: SENS-spin 0.5s infinite linear; -o-animation: SENS-spin 0.5s infinite linear; animation: SENS-spin 0.5s infinite linear; } #SENS-loading, #SENS-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; } #SENS-loading > span { display: inline-block; text-indent: -9999px; } a[class*='SENS-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*='SENS-icon-'], a[class*='SENS-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*='SENS-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='SENS-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .SENS-isMobileDevice a[class*='SENS-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='SENS-icon-'].SENS-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='SENS-icon-'].SENS-icon-prev { left: 15px; } a[class*='SENS-icon-'].SENS-icon-next { right: 15px; } a[class*='SENS-icon-'].SENS-icon-pause, a[class*='SENS-icon-'].SENS-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='SENS-icon-'].SENS-icon-pause, a[class*='SENS-icon-'].SENS-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='SENS-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='SENS-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='SENS-icon-']:hover, #SENS-case:hover ~ a[class*='SENS-icon-'] { opacity: 1; } } #SENS-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) { #SENS-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='SENS-icon-'], a[class*='SENS-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='SENS-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*='SENS-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #SENS-content img { width: auto; height: auto; } #SENS-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #SENS-info #SENS-sequenceInfo, #SENS-info #SENS-title, #SENS-info #SENS-caption { color: rgba(170, 170, 170, 1.00); } #SENS-info #SENS-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SENS-info #SENS-caption { } /* @end */ /* Social icons in the lightbox */ #social-SENS { 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-SENS { display: block; } } #social-SENS 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-SENS a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-SENS a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #SENS-content, html[data-lc-type=video] #SENS-content { background: transparent; } } #SENS-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14807 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #SENS { display: block; width: 100%; text-align: center; } #SENS li.proGalleryItem { -webkit-transform: translateZ(0); } #SENS ul#proGalleryThumbsstacks_in_14810 { padding: 0; margin: 0; list-style: none; } #SENS li.proGalleryItem { margin: 0; padding: 0; position: relative; } #SENS 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); } #SENS li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #SENS li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #SENS 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 */ #SENS 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; } /* */ /* */ /* */ /* */ /* */ /* */ #SENS { -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) { #SENS { -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) { #SENS { -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) { #SENS { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #SENS li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #SENS .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); } #SENS .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SENS .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #SENS.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #SENS.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #SENS.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #SENS.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #SENS.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #SENS.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #SENS.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #SENS.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; } #SENS.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #SENS.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #SENS.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #SENS.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #SENS li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #SENS li .proGalleryItemInner { overflow: hidden; } #SENS 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 */ } #SENS 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*='SENS-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 */ .SENS-icon-play:before { content: '\e800'; } .SENS-icon-pause:before { content: '\e801'; } .SENS-icon-close:before { content: '\e802'; } .SENS-icon-prev:before { content: '\e803'; } .SENS-icon-next:before { content: '\e804'; } .SENS-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 SENS-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 SENS-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 SENS-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 SENS-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 SENS-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); } } #SENS-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] #SENS-case, html[data-lc-type=ajax] #SENS-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]) #SENS-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] #SENS-content, html[data-lc-type=video] #SENS-content { background-color: #333; } } html[data-lc-type=inline] #SENS-content, html[data-lc-type=ajax] #SENS-content, html[data-lc-type=error] #SENS-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] #SENS-content, html[data-lc-type=ajax] #SENS-content, html[data-lc-type=error] #SENS-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] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-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] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-contentInner { padding: 15px; } html[data-lc-type=inline] #SENS-content .SENS-contentInner, html[data-lc-type=inline] #SENS-content .SENS-contentInner > *, html[data-lc-type=ajax] #SENS-content .SENS-contentInner, html[data-lc-type=ajax] #SENS-content .SENS-contentInner > *, html[data-lc-type=error] #SENS-content .SENS-contentInner, html[data-lc-type=error] #SENS-content .SENS-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #SENS-content .SENS-contentInner > *:not(iframe), html[data-lc-type=ajax] #SENS-content .SENS-contentInner > *:not(iframe), html[data-lc-type=error] #SENS-content .SENS-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.SENS-isMobileDevice[data-lc-type=iframe] #SENS-content .SENS-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #SENS-content .SENS-contentInner, html[data-lc-type=video] #SENS-content .SENS-contentInner { line-height: 0.75; } } html[data-lc-type=image] #SENS-content .SENS-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #SENS-content .SENS-contentInner .SENS-inlineWrap, html[data-lc-type=ajax] #SENS-content .SENS-contentInner .SENS-inlineWrap, html[data-lc-type=error] #SENS-content .SENS-contentInner .SENS-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]) #SENS-content .SENS-contentInner .SENS-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) { #SENS-content h1, #SENS-content h2, #SENS-content h3, #SENS-content h4, #SENS-content h5, #SENS-content h6, #SENS-content p { color: #aaa; } } @media screen and (min-width: 641px) { #SENS-content h1, #SENS-content h2, #SENS-content h3, #SENS-content h4, #SENS-content h5, #SENS-content h6, #SENS-content p { color: #333; } } #SENS-case p.SENS-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) { #SENS-case p.SENS-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #SENS-case p.SENS-error { padding: 0; } } .SENS-open body { overflow: hidden; } .SENS-isMobileDevice .SENS-open body { max-width: 100%; max-height: 100%; } #SENS-info { position: absolute; padding-top: 15px; } #SENS-info #SENS-title, #SENS-info #SENS-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #SENS-info #SENS-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #SENS-info #SENS-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #SENS-info #SENS-caption { clear: both; font-size: 13px; color: #aaa; } #SENS-info #SENS-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .SENS-fullScreenMode #SENS-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]) #SENS-info { position: static; } } #SENS-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: SENS-spin 0.5s infinite linear; -moz-animation: SENS-spin 0.5s infinite linear; -o-animation: SENS-spin 0.5s infinite linear; animation: SENS-spin 0.5s infinite linear; } #SENS-loading, #SENS-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; } #SENS-loading > span { display: inline-block; text-indent: -9999px; } a[class*='SENS-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*='SENS-icon-'], a[class*='SENS-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*='SENS-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='SENS-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .SENS-isMobileDevice a[class*='SENS-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='SENS-icon-'].SENS-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='SENS-icon-'].SENS-icon-prev { left: 15px; } a[class*='SENS-icon-'].SENS-icon-next { right: 15px; } a[class*='SENS-icon-'].SENS-icon-pause, a[class*='SENS-icon-'].SENS-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='SENS-icon-'].SENS-icon-pause, a[class*='SENS-icon-'].SENS-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='SENS-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='SENS-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='SENS-icon-']:hover, #SENS-case:hover ~ a[class*='SENS-icon-'] { opacity: 1; } } #SENS-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) { #SENS-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='SENS-icon-'], a[class*='SENS-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='SENS-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*='SENS-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #SENS-content img { width: auto; height: auto; } #SENS-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #SENS-info #SENS-sequenceInfo, #SENS-info #SENS-title, #SENS-info #SENS-caption { color: rgba(170, 170, 170, 1.00); } #SENS-info #SENS-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SENS-info #SENS-caption { } /* @end */ /* Social icons in the lightbox */ #social-SENS { 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-SENS { display: block; } } #social-SENS 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-SENS a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-SENS a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #SENS-content, html[data-lc-type=video] #SENS-content { background: transparent; } } #SENS-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14810 { margin: 20px 0px 0px 0px; } #stacks_in_14819 .poster-date { display: none !important; } #stacks_in_14819 .poster-readmore { display: none !important; } #stacks_in_14819 .blog-entry-author { display: none !important; } #stacks_in_14830 { margin: 0px 0px 10px 0px; } #stacks_in_14820 { padding: 20px 0px 0px 0px; } #stacks_in_14823 { margin: 0px 0px 40px 0px; } #stacks_in_14825 { padding: 20px 0px 0px 0px; } #stacks_in_14833 .poster-date { display: none !important; } #stacks_in_14833 .poster-readmore { display: none !important; } #stacks_in_14833 .blog-entry-author { display: none !important; } #stacks_in_14847 { padding: 0px 0px 10px 0px; } #stacks_in_14837 { margin: 0px 0px 40px 0px; } #stacks_in_14839 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #ISI { display: block; width: 100%; text-align: center; } #ISI li.proGalleryItem { -webkit-transform: translateZ(0); } #ISI ul#proGalleryThumbsstacks_in_14841 { padding: 0; margin: 0; list-style: none; } #ISI li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ISI 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); } #ISI li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ISI li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #ISI 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 */ #ISI 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ISI { -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) { #ISI { -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) { #ISI { -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) { #ISI { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #ISI li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ISI .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); } #ISI .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ISI .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ISI.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ISI.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ISI.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ISI.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ISI.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ISI.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ISI.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ISI.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; } #ISI.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ISI.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ISI.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ISI.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ISI li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ISI li .proGalleryItemInner { overflow: hidden; } #ISI 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 */ } #ISI 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*='ISI-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 */ .ISI-icon-play:before { content: '\e800'; } .ISI-icon-pause:before { content: '\e801'; } .ISI-icon-close:before { content: '\e802'; } .ISI-icon-prev:before { content: '\e803'; } .ISI-icon-next:before { content: '\e804'; } .ISI-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 ISI-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 ISI-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 ISI-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 ISI-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 ISI-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); } } #ISI-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] #ISI-case, html[data-lc-type=ajax] #ISI-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]) #ISI-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] #ISI-content, html[data-lc-type=video] #ISI-content { background-color: #333; } } html[data-lc-type=inline] #ISI-content, html[data-lc-type=ajax] #ISI-content, html[data-lc-type=error] #ISI-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] #ISI-content, html[data-lc-type=ajax] #ISI-content, html[data-lc-type=error] #ISI-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] #ISI-content .ISI-contentInner, html[data-lc-type=ajax] #ISI-content .ISI-contentInner, html[data-lc-type=error] #ISI-content .ISI-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] #ISI-content .ISI-contentInner, html[data-lc-type=ajax] #ISI-content .ISI-contentInner, html[data-lc-type=error] #ISI-content .ISI-contentInner { padding: 15px; } html[data-lc-type=inline] #ISI-content .ISI-contentInner, html[data-lc-type=inline] #ISI-content .ISI-contentInner > *, html[data-lc-type=ajax] #ISI-content .ISI-contentInner, html[data-lc-type=ajax] #ISI-content .ISI-contentInner > *, html[data-lc-type=error] #ISI-content .ISI-contentInner, html[data-lc-type=error] #ISI-content .ISI-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ISI-content .ISI-contentInner > *:not(iframe), html[data-lc-type=ajax] #ISI-content .ISI-contentInner > *:not(iframe), html[data-lc-type=error] #ISI-content .ISI-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ISI-isMobileDevice[data-lc-type=iframe] #ISI-content .ISI-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ISI-content .ISI-contentInner, html[data-lc-type=video] #ISI-content .ISI-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ISI-content .ISI-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ISI-content .ISI-contentInner .ISI-inlineWrap, html[data-lc-type=ajax] #ISI-content .ISI-contentInner .ISI-inlineWrap, html[data-lc-type=error] #ISI-content .ISI-contentInner .ISI-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]) #ISI-content .ISI-contentInner .ISI-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) { #ISI-content h1, #ISI-content h2, #ISI-content h3, #ISI-content h4, #ISI-content h5, #ISI-content h6, #ISI-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ISI-content h1, #ISI-content h2, #ISI-content h3, #ISI-content h4, #ISI-content h5, #ISI-content h6, #ISI-content p { color: #333; } } #ISI-case p.ISI-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) { #ISI-case p.ISI-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ISI-case p.ISI-error { padding: 0; } } .ISI-open body { overflow: hidden; } .ISI-isMobileDevice .ISI-open body { max-width: 100%; max-height: 100%; } #ISI-info { position: absolute; padding-top: 15px; } #ISI-info #ISI-title, #ISI-info #ISI-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ISI-info #ISI-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ISI-info #ISI-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ISI-info #ISI-caption { clear: both; font-size: 13px; color: #aaa; } #ISI-info #ISI-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ISI-fullScreenMode #ISI-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]) #ISI-info { position: static; } } #ISI-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: ISI-spin 0.5s infinite linear; -moz-animation: ISI-spin 0.5s infinite linear; -o-animation: ISI-spin 0.5s infinite linear; animation: ISI-spin 0.5s infinite linear; } #ISI-loading, #ISI-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; } #ISI-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ISI-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*='ISI-icon-'], a[class*='ISI-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*='ISI-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ISI-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ISI-isMobileDevice a[class*='ISI-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ISI-icon-'].ISI-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ISI-icon-'].ISI-icon-prev { left: 15px; } a[class*='ISI-icon-'].ISI-icon-next { right: 15px; } a[class*='ISI-icon-'].ISI-icon-pause, a[class*='ISI-icon-'].ISI-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ISI-icon-'].ISI-icon-pause, a[class*='ISI-icon-'].ISI-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ISI-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ISI-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ISI-icon-']:hover, #ISI-case:hover ~ a[class*='ISI-icon-'] { opacity: 1; } } #ISI-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) { #ISI-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ISI-icon-'], a[class*='ISI-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ISI-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*='ISI-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ISI-content img { width: auto; height: auto; } #ISI-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ISI-info #ISI-sequenceInfo, #ISI-info #ISI-title, #ISI-info #ISI-caption { color: rgba(170, 170, 170, 1.00); } #ISI-info #ISI-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ISI-info #ISI-caption { } /* @end */ /* Social icons in the lightbox */ #social-ISI { 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-ISI { display: block; } } #social-ISI 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-ISI a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ISI a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ISI-content, html[data-lc-type=video] #ISI-content { background: transparent; } } #ISI-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_14841 { margin: 20px 0px 0px 0px; } #stacks_in_14850 .poster-date { display: none !important; } #stacks_in_14850 .poster-readmore { display: none !important; } #stacks_in_14850 .blog-entry-author { display: none !important; } #stacks_in_14861 { margin: 0px 0px 10px 0px; } #stacks_in_14858 { padding: 20px 0px 20px 0px; } #stacks_in_14851 { padding: 20px 0px 0px 0px; } #stacks_in_14854 { margin: 0px 0px 40px 0px; } #stacks_in_14856 { padding: 20px 0px 0px 0px; } #stacks_in_14864 .poster-date { display: none !important; } #stacks_in_14864 .poster-readmore { display: none !important; } #stacks_in_14864 .blog-entry-author { display: none !important; } #stacks_in_14875 { margin: 0px 0px 10px 0px; } #stacks_in_14865 { padding: 20px 0px 0px 0px; } #stacks_in_14868 { margin: 0px 0px 40px 0px; } #stacks_in_14870 { padding: 20px 0px 0px 0px; } #stacks_in_14878 .poster-date { display: none !important; } #stacks_in_14878 .poster-readmore { display: none !important; } #stacks_in_14878 .blog-entry-author { display: none !important; } #stacks_in_14889 { margin: 0px 0px 10px 0px; } #stacks_in_14879 { padding: 20px 0px 0px 0px; } #stacks_in_14882 { margin: 0px 0px 40px 0px; } #stacks_in_14884 { padding: 20px 0px 0px 0px; } #stacks_in_14892 .poster-date { display: none !important; } #stacks_in_14892 .poster-readmore { display: none !important; } #stacks_in_14892 .blog-entry-author { display: none !important; } #stacks_in_14903 { margin: 0px 0px 10px 0px; } #stacks_in_14893 { padding: 20px 0px 0px 0px; } #stacks_in_14896 { margin: 0px 0px 40px 0px; } #stacks_in_14898 { padding: 20px 0px 0px 0px; } #stacks_in_14906 .poster-date { display: none !important; } #stacks_in_14906 .poster-readmore { display: none !important; } #stacks_in_14906 .blog-entry-author { display: none !important; } #stacks_in_14917 { margin: 0px 0px 10px 0px; } #stacks_in_14907 { padding: 20px 0px 0px 0px; } #stacks_in_14910 { margin: 0px 0px 40px 0px; } #stacks_in_14912 { padding: 20px 0px 0px 0px; } #stacks_in_14920 .poster-date { display: none !important; } #stacks_in_14920 .poster-readmore { display: none !important; } #stacks_in_14920 .blog-entry-author { display: none !important; } #stacks_in_14931 { margin: 0px 0px 10px 0px; } #stacks_in_14921 { padding: 20px 0px 0px 0px; } #stacks_in_14924 { margin: 0px 0px 40px 0px; } #stacks_in_14926 { padding: 20px 0px 0px 0px; } #stacks_in_14934 .poster-date { display: none !important; } #stacks_in_14934 .poster-readmore { display: none !important; } #stacks_in_14934 .blog-entry-author { display: none !important; } #stacks_in_14945 { margin: 0px 0px 10px 0px; } #stacks_in_14935 { padding: 20px 0px 0px 0px; } #stacks_in_14938 { margin: 0px 0px 40px 0px; } #stacks_in_14940 { padding: 20px 0px 0px 0px; } #stacks_in_14948 .poster-date { display: none !important; } #stacks_in_14948 .poster-readmore { display: none !important; } #stacks_in_14948 .blog-entry-author { display: none !important; } #stacks_in_14959 { margin: 0px 0px 10px 0px; } #stacks_in_14949 { padding: 20px 0px 0px 0px; } #stacks_in_14952 { margin: 0px 0px 40px 0px; } #stacks_in_14954 { padding: 20px 0px 0px 0px; } #stacks_in_14962 .poster-date { display: none !important; } #stacks_in_14962 .poster-readmore { display: none !important; } #stacks_in_14962 .blog-entry-author { display: none !important; } #stacks_in_14973 { margin: 0px 0px 10px 0px; } #stacks_in_14963 { padding: 20px 0px 0px 0px; } #stacks_in_14966 { margin: 0px 0px 40px 0px; } #stacks_in_14968 { padding: 20px 0px 0px 0px; } #stacks_in_14976 .poster-date { display: none !important; } #stacks_in_14976 .poster-readmore { display: none !important; } #stacks_in_14976 .blog-entry-author { display: none !important; } #stacks_in_14987 { margin: 0px 0px 10px 0px; } #stacks_in_14977 { padding: 20px 0px 0px 0px; } #stacks_in_14980 { margin: 0px 0px 40px 0px; } #stacks_in_14982 { padding: 20px 0px 0px 0px; } #stacks_in_14990 .poster-date { display: none !important; } #stacks_in_14990 .poster-readmore { display: none !important; } #stacks_in_14990 .blog-entry-author { display: none !important; } #stacks_in_14999 { margin: 0px 0px 10px 0px; } #stacks_in_14991 { padding: 20px 0px 0px 0px; } #stacks_in_14994 { margin: 0px 0px 40px 0px; } #stacks_in_15002 .poster-date { display: none !important; } #stacks_in_15002 .poster-readmore { display: none !important; } #stacks_in_15002 .blog-entry-author { display: none !important; } #stacks_in_15013 { margin: 0px 0px 10px 0px; } #stacks_in_15003 { padding: 20px 0px 0px 0px; } #stacks_in_15006 { margin: 0px 0px 40px 0px; } #stacks_in_15016 .poster-date { display: none !important; } #stacks_in_15016 .poster-readmore { display: none !important; } #stacks_in_15016 .blog-entry-author { display: none !important; } #stacks_in_15029 { margin: 0px 0px 10px 0px; } #stacks_in_15017 { padding: 20px 0px 0px 0px; } #stacks_in_15020 { margin: 0px 0px 40px 0px; } #stacks_in_15032 .poster-date { display: none !important; } #stacks_in_15032 .poster-readmore { display: none !important; } #stacks_in_15032 .blog-entry-author { display: none !important; } #stacks_in_15043 { margin: 0px 0px 10px 0px; } #vim_stack_stacks_in_15160 { position: relative; height: 0; padding-bottom: 56.25%; } #vim_stack_stacks_in_15160 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #stacks_in_15160 { margin: 20px 0px 0px 0px; } #stacks_in_15036 { margin: 0px 0px 40px 0px; } #stacks_in_15046 .poster-date { display: none !important; } #stacks_in_15046 .poster-readmore { display: none !important; } #stacks_in_15046 .blog-entry-author { display: none !important; } #stacks_in_15057 { margin: 0px 0px 10px 0px; } #stacks_in_15047 { padding: 20px 0px 0px 0px; } #stacks_in_15050 { margin: 0px 0px 40px 0px; } #stacks_in_15060 .poster-date { display: none !important; } #stacks_in_15060 .poster-readmore { display: none !important; } #stacks_in_15060 .poster-back { display: none !important; } #stacks_in_15060 .blog-entry-author { display: none !important; } #stacks_in_15061 { padding: 20px 0px 0px 0px; } #stacks_in_15064 { margin: 0px 0px 40px 0px; } #stacks_in_15068_9_button { display:block; position: relative; text-align: center; } #stacks_in_15068_9 a:link, #stacks_in_15068_9 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15068_9 a:hover, #stacks_in_15068_9 a:active { color:#FFFFFF; } #stacks_in_15068_9 a:link, #stacks_in_15068_9 a:visited { background-color:#FFCB29; background: -webkit-gradient(linear, left top, left bottom, from(#FFCB29), to(#B27A18)); border:1px solid #B27A18; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15068_9 a:hover { background-color:#FFDC2C; background: -webkit-gradient(linear, left top, left bottom, from(#FFDC2C), to(#9A6915)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15068_9 a:active { background-color:#FFCB29; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15068_9 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 20px 0px; } #stacks_in_15068_10 { font-size: 80%; font-weight: bold; } #stacks_in_15075 .poster-date { display: none !important; } #stacks_in_15075 .poster-readmore { display: none !important; } #stacks_in_15075 .blog-entry-author { display: none !important; } #stacks_in_15086 { margin: 0px 0px 10px 0px; } #stacks_in_15076 { padding: 20px 0px 0px 0px; } #stacks_in_15079 { margin: 0px 0px 40px 0px; } #stacks_in_15081 { padding: 20px 0px 0px 0px; } #stacks_in_15089 .poster-date { display: none !important; } #stacks_in_15089 .poster-readmore { display: none !important; } #stacks_in_15089 .blog-entry-author { display: none !important; } #stacks_in_15100 { margin: 0px 0px 10px 0px; } #stacks_in_15090 { padding: 20px 0px 0px 0px; } #stacks_in_15093 { margin: 0px 0px 40px 0px; } #stacks_in_15095 { padding: 20px 0px 0px 0px; } #stacks_in_15164 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_15164 .pullquote:before, #stacks_in_15164 .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_15164 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_15164 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_15164 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_15164 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_15164 { background-color: rgba(153, 153, 153, 0.50); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 20px 40px 20px; padding: 10px; } #stacks_out_15164 { width: 80%; } #stacks_in_15168 { display:inline-block; width:100%; line-height: 1.400000em; } #stacks_in_15165_2 { border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 30px 0px; padding: 16px 0px 5px 0px; } #stacks_in_15165_3 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #paddyButtstacks_in_15165_26 a{ background: rgba(218, 165, 32, 0.00)!important; border: 1px solid rgba(179, 179, 179, 1.00)!important; box-shadow: none!important; padding: 2px 5px!important; color: rgba(255, 255, 255, 1.00)!important; border-radius: 6px; } #paddyButtstacks_in_15165_26 a:hover{ background: rgba(217, 160, 15, 1.00)!important; border: 1px solid rgba(218, 165, 32, 1.00)!important; box-shadow: none!important; padding: 2px 5px!important; color: rgba(255, 255, 255, 1.00)!important; border-radius: 6px; } #stacks_in_15165_26 { margin: 0px 0px 60px 0px; } .s-cols-stacks_in_15165_74{justify-content:space-around;align-items:flex-start;}.s-cols-stacks_in_15165_74>.s-cols-item{border-radius:0px;margin-bottom:40px;width:100%; padding:0px 20px 0px 20px; }.s-cols-stacks_in_15165_74>.s-cols-item:hover{ transform:translateY(-5px);}@media (min-width:730px){.s-cols-stacks_in_15165_74>.s-cols-item{ width:calc((100% - calc(2 * 20px)) / 3);}}@media (min-width:500px){.s-cols-stacks_in_15165_74>.s-cols-item{ width:calc((100% - calc(2 * 20px)) / 3);}}#stacks_out_15165_74{width:100%} .item_stacks_in_15165_75{justify-content:flex-start;overflow:visible !important; } #stacks_in_15165_145_button { display:block; position: relative; text-align: center; } #stacks_in_15165_145 a:link, #stacks_in_15165_145 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15165_145 a:hover, #stacks_in_15165_145 a:active { color:#FFFFFF; } #stacks_in_15165_145 a:link, #stacks_in_15165_145 a:visited { background-color:#FFFF7F; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF7F), to(#BF994C)); border:1px solid #BF994C; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15165_145 a:hover { background-color:#FFFF89; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF89), to(#A58442)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15165_145 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15165_146 { font-size: 80%; font-weight: bold; } .item_stacks_in_15165_147{justify-content:flex-start;overflow:visible !important; } #stacks_in_15165_163_button { display:block; position: relative; text-align: center; } #stacks_in_15165_163 a:link, #stacks_in_15165_163 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15165_163 a:hover, #stacks_in_15165_163 a:active { color:#FFFFFF; } #stacks_in_15165_163 a:link, #stacks_in_15165_163 a:visited { background-color:#FFFF7F; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF7F), to(#BF994C)); border:1px solid #BF994C; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15165_163 a:hover { background-color:#FFFF89; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF89), to(#A58442)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15165_163 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15165_164 { font-size: 80%; font-weight: bold; } .item_stacks_in_15165_151{justify-content:flex-start;overflow:visible !important; } #stacks_in_15165_165_button { display:block; position: relative; text-align: center; } #stacks_in_15165_165 a:link, #stacks_in_15165_165 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15165_165 a:hover, #stacks_in_15165_165 a:active { color:#FFFFFF; } #stacks_in_15165_165 a:link, #stacks_in_15165_165 a:visited { background-color:#FFFF7F; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF7F), to(#BF994C)); border:1px solid #BF994C; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15165_165 a:hover { background-color:#FFFF89; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF89), to(#A58442)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15165_165 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15165_166 { font-size: 80%; font-weight: bold; } .item_stacks_in_15165_155{justify-content:flex-start;overflow:visible !important; } #stacks_in_15165_167_button { display:block; position: relative; text-align: center; } #stacks_in_15165_167 a:link, #stacks_in_15165_167 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15165_167 a:hover, #stacks_in_15165_167 a:active { color:#FFFFFF; } #stacks_in_15165_167 a:link, #stacks_in_15165_167 a:visited { background-color:#FFFF7F; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF7F), to(#BF994C)); border:1px solid #BF994C; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15165_167 a:hover { background-color:#FFFF89; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF89), to(#A58442)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15165_167 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15165_168 { font-size: 80%; font-weight: bold; } .item_stacks_in_15165_159{justify-content:flex-start;overflow:visible !important; } #stacks_in_15165_169_button { display:block; position: relative; text-align: center; } #stacks_in_15165_169 a:link, #stacks_in_15165_169 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_15165_169 a:hover, #stacks_in_15165_169 a:active { color:#FFFFFF; } #stacks_in_15165_169 a:link, #stacks_in_15165_169 a:visited { background-color:#FFFF7F; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF7F), to(#BF994C)); border:1px solid #BF994C; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_15165_169 a:hover { background-color:#FFFF89; background: -webkit-gradient(linear, left top, left bottom, from(#FFFF89), to(#A58442)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_15165_169 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_15165_170 { font-size: 80%; font-weight: bold; } .s-container-stacks_in_15166{ }#s-wrapper-stacks_in_15166{margin:0; }#s-content-stacks_in_15166{justify-content:center; padding:0; }.s-bg-stacks_in_15166{z-index:0}#s-outer-stacks_in_15166{border-radius:0px 0px 0px 0px} .s-container-stacks_in_15169_2{ }#s-wrapper-stacks_in_15169_2{margin:0; }#s-content-stacks_in_15169_2{justify-content:center; padding:0; }.s-bg-stacks_in_15169_2{z-index:0}#s-outer-stacks_in_15169_2{border-radius:0px 0px 0px 0px} /* @group Generic Styles */ #ruleStackstacks_in_15169_46, #ruleStackstacks_in_15169_46:before, #ruleStackstacks_in_15169_46:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_15169_46 { position: relative; overflow: hidden; margin: 1.00% 0; width: %; } /* */ #ruleStackstacks_in_15169_46 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_15169_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_15169_46 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_15169_46 { text-align: center; } #ruleStackstacks_in_15169_46:before, #ruleStackstacks_in_15169_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_15169_46:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_15169_46:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_15169_46 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_15169_46 { margin: 40px 0px 0px 0px; } #stacks_in_15169_47 { padding: 16px 0px 0px 0px; } #stacks_in_15169_48 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #stacks_in_15169_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_15169_11 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_15169_12 p{ margin-bottom: 0; }#p-stacks_in_15169_12 p.lead{}#p-stacks_in_15169_12 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_15169_12 p{}}#p-stacks_in_15169_12 a:hover{color:var(--accent-color-hover); } .item_stacks_in_15169_17{ grid-column:span 1;grid-row:span 1; justify-content:top; overflow:hidden; }@media (max-width:900px){.item_stacks_in_15169_17{ grid-column:span 1;grid-row:span 1;}} #stacks_in_15169_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_15169_20 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_15169_21 p{ margin-bottom: 0; }#p-stacks_in_15169_21 p.lead{}#p-stacks_in_15169_21 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_15169_21 p{}}#p-stacks_in_15169_21 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_15169_6_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_15169_6_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_15169_6_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_15169_6_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_15169_6_2{width:100%} .item_stacks_in_15169_6_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_15169_6_6{justify-content:flex-start;overflow:hidden; } #stacks_in_15169_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_15169_30 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_15169_31 p{ margin-bottom: 0; }#p-stacks_in_15169_31 p.lead{}#p-stacks_in_15169_31 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_15169_31 p{}}#p-stacks_in_15169_31 a:hover{color:var(--accent-color-hover); } #stacks_in_15169_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_15169_37 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_15169_38 p{ margin-bottom: 0; }#p-stacks_in_15169_38 p.lead{}#p-stacks_in_15169_38 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_15169_38 p{}}#p-stacks_in_15169_38 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_15169_25_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_15169_25_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_15169_25_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_15169_25_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_15169_25_2{width:100%} .item_stacks_in_15169_25_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_15169_25_6{justify-content:flex-start;overflow:hidden; } .s-cols-stacks_in_15169_4_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_15169_4_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_15169_4_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_15169_4_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_15169_4_2{width:100%} .item_stacks_in_15169_4_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_15169_4_6{justify-content:flex-start;overflow:hidden; } #p-stacks_in_15169_43 p{ margin-bottom: 0; }#p-stacks_in_15169_43 p.lead{}#p-stacks_in_15169_43 a{color:var(--link-color);}#p-stacks_in_15169_43 a:hover{color:var(--link-color-hover); }