/* * baguetteboxcss */ /*! * baguetteBox.js * @author feimosi * @version 1.11.0 * @url https://github.com/feimosi/baguetteBox.js */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} /* * text-align */ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nomargin-top{margin-top:0}.text-nomargin-top.text >:first-child{margin-top:0}.text-nomargin-bottom{margin-bottom:0}.text-nomargin-bottom.text >:last-child{margin-bottom:0} .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} .image-align-left{margin-left:0;margin-right:auto}.image-align-center{margin-left:auto;margin-right:auto}.image-align-right{margin-left:auto;margin-right:0}.image-full{width:100% !important}.stacks-picture img{max-width:100%;width:auto;height:auto;display:block} .com_bigwhiteduck_stacks_markdownpro_stack figure{margin:0}.com_bigwhiteduck_stacks_markdownpro_stack figure img{max-width:100%;height:auto}.com_bigwhiteduck_stacks_markdownpro_stack figure figcaption{display:none}.com_bigwhiteduck_stacks_markdownpro_stack pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-center p{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-left p{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-right p{text-align:right}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-justify p{text-align:justify}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-inherit{text-align:inherit}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-center h6{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-left h6{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-right h6{text-align:right}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.h-inherit h6{text-align:inherit}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-center ul{display:table;margin:0 auto}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-left ul{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-right ul{display:table;margin:0 0 0 auto}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-center ul li p{text-align:center}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-left ul li p{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.l-txt-right ul li p{text-align:right}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-text-center,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-text-center p{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h1,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h2,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h3,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h4,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h5,.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-header-center h6{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-list-center ul{display:table;margin:0 auto}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.small-only-listtext-center ul li p{text-align:center}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_markdownpro_stack .mdp.p-justify.small-only-just-left p{text-align:left !important}}.com_bigwhiteduck_stacks_markdownpro_stack .mdp p:empty{display:none !important}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.quote-left[class*="text-"] blockquote{text-align:left}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.quote-left[class*="text-"] blockquote > p{text-align:left;margin-bottom:0}.com_bigwhiteduck_stacks_markdownpro_stack .mdp.no-bot-margin >:nth-last-child(2){margin-bottom:0 !important}.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::before,.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::after{content:" ";display:table}.com_bigwhiteduck_stacks_markdownpro_stack .md-clearfix::after{clear:both}.com_bigwhiteduck_stacks_markdownpro_stack .mdp-cntrls{display:none !important} /* WHW edits - Remove retina @media block at the bottom - Remove '.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(icons/loading.gif) no-repeat 50% 50%; }' - Remove 'background-image: url(icons/next.png);' - Remove 'background-image: url(icons/prev.png);' - Remove 'background: url(icons/close.png) no-repeat 5px 5px;' - Remove default theme */ /* * Nivo Lightbox v1.2.0 * http://dev7studios.com/nivo-lightbox * * Copyright 2013, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ .nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; } .nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; } .nivo-lightbox-content { width: 100%; height: 100%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center; } .nivo-lightbox-nav { display: none; } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0; } .nivo-lightbox-next { position: absolute; top: 50%; right: 0; } .nivo-lightbox-close { position: absolute; top: 2%; right: 2%; } .nivo-lightbox-image { text-align: center; } .nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .nivo-lightbox-html5audio { width: 100%; } .nivo-lightbox-html5video { background: #000; } .nivo-lightbox-html5audio, .nivo-lightbox-html5video { position: absolute; z-index: 99999; max-width: 100%; max-height: 100%; display: inline-block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); vertical-align: middle; } .nivo-lightbox-content iframe { width: 100%; height: 100%; } .nivo-lightbox-inline, .nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000; } .nivo-lightbox-error p { display: table-cell; vertical-align: middle; } /* Effects **********************************************/ .nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* fadeScale */ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* slideLeft / slideRight / slideUp / slideDown */ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* fall */ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }.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} 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_157920_57.nav-wrap{background-color:var(--nav-bg);width:100%;padding:35px 35px 35px 35px}#stacks_in_157920_57 .nav-content{z-index:999}#stacks_in_157920_57.nav-fixed,#stacks_in_157920_57.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_157920_57.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_157920_57.nav-sticky{position:sticky}#stacks_in_157920_57 .contained-bar{max-width:var(--container-max-width)}#stacks_in_157920_57 .navbar li>ul{background-color:rgba(0, 0, 0, 0.85)}#stacks_in_157920_57 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_157920_57 .navbar li a{color:var(--nav-link)}#stacks_in_157920_57 .navbar li:hover>*:first-child,#stacks_in_157920_57 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_157920_57 .navbar li:hover,#stacks_in_157920_57 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_157920_57 .logo img{vertical-align:top;height:30px;border-radius:0px;width:auto;max-width:none}#stacks_in_157920_57 .logo{}#stacks_in_157920_57 .site-title{}#stacks_in_157920_57 .navbar{display:block;}#stacks_in_157920_57 .branding{position:relative;display:flex;align-items:center;justify-content:center}#stacks_in_157920_57 .branding h5{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_157920_57 .site-title a{color:var(--text-color-normal);}#stacks_in_157920_57 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:1399px){#stacks_in_157920_57 .ml-dropdown{background-color:rgba(0, 0, 0, 0.85);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_157920_57 .cta{display:none} #stacks_in_157920_57 .navbar li{margin:3px 0}#stacks_in_157920_57 .branding{}}@media only screen and (min-width:1400px){ #stacks_in_157920_57 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_157920_57 .site-title{display: none;} #stacks_in_157920_57 .cta-small{display:none} #stacks_in_157920_57 .branding h5{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_157920_57 .grouped-cta,#stacks_in_157920_57 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_157920_57 .branding{min-width:0px;justify-content: start;}#stacks_in_157920_57 .logo img{height:30px}#stacks_in_157920_57 .navbar{display:inline-block} #stacks_in_157920_57 .mob-icon{display:none}#stacks_in_157920_57.nav-wrap{padding:40px 12px 50px 12px}#stacks_in_157920_57 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_157920_57 .navbar,#stacks_in_157920_57 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_157920_57 .navbar li a{padding:0 .8em}#stacks_in_157920_57 .navbar li.active,#stacks_in_157920_57 .navbar li:hover{border-radius:0px}#stacks_in_157920_57 .navbar .ml-menu,#stacks_in_157920_57 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_157920_57 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_157920_57 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_157920_57 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_157920_57 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_157920_57 .navbar .ml-menu ul,#stacks_in_157920_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_157920_57 .navbar [dir=rtl] .ml-menu ul,#stacks_in_157920_57 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_157920_57 .navbar .ml-menu ul ul,#stacks_in_157920_57 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_157920_57 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_157920_57 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_157920_57 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_157920_57 .navbar .ml-menu>li{display:inline-block}#stacks_in_157920_57 .navbar .ml-menu a,#stacks_in_157920_57 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_157920_57 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_157920_57 .navbar .ml-js li:hover>ul{display:none}#stacks_in_157920_57 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_157920_57 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_157920_57 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_157920_57 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_157920_57 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_157920_57 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_157920_57 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_157920_57 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_157920_57 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_157920_57 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_157920_57 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_157920_57 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_157920_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_157920_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_157920_57 .burg span:nth-child(1){top:0}#stacks_in_157920_57 .burg span:nth-child(2),#stacks_in_157920_57 .burg span:nth-child(3){top:18px}#stacks_in_157920_57 .burg span:nth-child(4){top:36px}#stacks_in_157920_57.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_157920_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_157920_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_157920_57.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} h1.stacks_in_157920_65{ } .s-container-stacks_in_157923{max-width:1200px; }#s-wrapper-stacks_in_157923{margin:0; }#s-content-stacks_in_157923{justify-content:center; }.s-bg-stacks_in_157923{z-index:0}#s-content-stacks_in_157923{border-radius:0px 0px 0px 0px} #stacks_in_156582>.s3_row { margin: 0 -1px; } #stacks_in_156582>.s3_row>.s3_column_left { width: 56.00%; } #stacks_in_156582>.s3_row>.s3_column_right { width: 44.000000%; } #stacks_in_156582>.s3_row>.s3_column { padding: 0 1px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0, 0, 0, .80); } .nivo-lightbox-theme-default .nivo-lightbox-wrap { left: 10%; right: 10%; top: 10%; bottom: 10%; } .nivo-lightbox-theme-default.nivo-lightbox-overlay a, .nivo-lightbox-theme-default.nivo-lightbox-overlay a:visited, .nivo-lightbox-theme-default.nivo-lightbox-overlay a:hover, .nivo-lightbox-theme-default.nivo-lightbox-overlay a:active, .nivo-lightbox-theme-default.nivo-lightbox-overlay a:focus { outline: none; } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { padding: 20px; border-radius: 10px; } .nivo-lightbox-theme-default .nivo-lightbox-html5audio, .nivo-lightbox-theme-default .nivo-lightbox-html5video, .nivo-lightbox-theme-default .nivo-lightbox-image img { border-radius: 10px; } /* No background */ .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-ajax, .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-inline { background: none; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: 0%; } .nivo-lightbox-theme-default .nivo-lightbox-title { font: 15px/1.80 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; border-radius: 30px; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap .nivo-lightbox-title { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.00); padding: 8px 16px; border-radius: 1px; } /* .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-title { background: none; padding: 0; border-radius: none; } */ .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-nav, .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-close { background: none; text-indent: 0; font-size: 50px; opacity: 0.35; transition: all 300ms ease-in-out; z-index: 99999999999; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-prev [class^="fa fa-"] { position: absolute; top: 50%; left: 50%; text-align: left; margin-top: -25px; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-next [class^="fa fa-"] { position: absolute; top: 50%; right: 50%; text-align: right; margin-top: -25px; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-close { width: 50px; height: 50px; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-close:hover, .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-nav:hover { background: none; opacity: 0.99; text-decoration: none; outline: none; } .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-nav [class^="fa fa-"], .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-close [class^="fa fa-"] { color: rgba(218, 164, 32, 1.00); text-decoration: none; outline: none; } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: none; } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading:before { color: rgba(255, 255, 255, 1.00); text-indent: 0px; content: 'Loading content...'; position: absolute; top: 48%; left: 0; display: block; width: 100%; text-align: center; z-index: 99999; font-size: 18px; } .nivo-lightbox-theme-default .nivo-lightbox-content .nivo-lightbox-error { color: rgba(255, 255, 255, 1.00); font-size: 18px; } #topBoxTriggerRegionstacks_in_156595 { position: relative; display: block; height: auto; overflow: auto; } /* Only stretch the trigger link over the trigger region, if the TopBox trigger is not a button */ #topBoxTriggerRegionstacks_in_156595 #topBoxTriggerstacks_in_156595 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } #topBoxTriggerRegionstacks_in_156595 #topBoxTriggerContentstacks_in_156595 { position: relative; z-index: 5; } #topBoxTriggerRegionstacks_in_156595 #topBoxTriggerContentstacks_in_156595 img { display: block; margin: 0 auto; } #topBoxContentWrapperstacks_in_156595 { color: rgba(255, 255, 255, 1.00); } #topBoxContentWrapperstacks_in_156595 img { max-height: 100%; max-width: 100%; height: auto; width: auto; } #topBoxContentWrapperstacks_in_156595 h1, #topBoxContentWrapperstacks_in_156595 h2, #topBoxContentWrapperstacks_in_156595 h3, #topBoxContentWrapperstacks_in_156595 h4, #topBoxContentWrapperstacks_in_156595 h5, #topBoxContentWrapperstacks_in_156595 h6 { color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; } #topBoxContentWrapperstacks_in_156595 a { color: rgba(218, 164, 32, 1.00); transition: all 300ms ease-in-out; } #topBoxContentWrapperstacks_in_156595 a:visited { color: rgba(218, 164, 32, 1.00); } #topBoxContentWrapperstacks_in_156595 a:hover, #topBoxContentWrapperstacks_in_156595 a:focus, #topBoxContentWrapperstacks_in_156595 a:active { color: rgba(255, 153, 0, 1.00); } #topBoxContentWrapperstacks_in_156595 .topBoxAudio, #topBoxContentWrapperstacks_in_156595 .topBoxVideo { width: 100%; display: block; } /* Fixes for Firefox video positioning, April 2018 */ #topBoxContentWrapperstacks_in_156595.topBoxVideo { position: relative; padding-bottom: %; height: 0; overflow: hidden; } #topBoxContentWrapperstacks_in_156595 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #topBoxContentWrapperstacks_in_156595 .trackName, #topBoxContentWrapperstacks_in_156595 .trackDescription { text-align: center; display: block; } #topBoxContentWrapperstacks_in_156595 { display: none; } #stacks_in_156602 { margin: 5px; padding: 10px; } #stacks_in_156605 .p-base-font p,#stacks_in_156605 .p-base-font li,#stacks_in_156605 .p-base-font a{font-size:16px!important}@media screen and (max-height:320px){#stacks_in_156605 .hide-below-height{display:none}}@media screen and (min-aspect-ratio:8/5){#stacks_in_156605 .hide-below-aspect{display:none}} #stacks_in_156606,#stacks_in_156606 div,#stacks_in_156606 p,#stacks_in_156606 ol,#stacks_in_156606 ul li,#stacks_in_156606 ol li,#stacks_in_156606 ol,#stacks_in_156606 dl{font-size:1.00rem}@media all and (max-width:640px){#stacks_in_156606,#stacks_in_156606 div,#stacks_in_156606 p,#stacks_in_156606 ol,#stacks_in_156606 ul li,#stacks_in_156606 ol li,#stacks_in_156606 ol,#stacks_in_156606 dl{font-size:0.95rem}}@media only screen and (min-width:0px){#stacks_in_156606{}} #stacks_in_156592 { margin: 5px; padding: 10px; } #stacks_in_157446 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_157446 { margin: 20px 0px 20px 0px; padding: 20px 0px 20px 0px; } #stacks_in_158156 .poster-title { display: none !important; } #stacks_in_158156 .poster-date { display: none !important; } #stacks_in_158156 .poster-readmore { display: none !important; } #stacks_in_158156 .blog-entry-author { display: none !important; } #stacks_in_158167 { padding: 20px 20px 0px 20px; } #stacks_out_158175_2,#stacks_in_158175_2{overflow:visible} #stacks_in_158175_4 { padding: 20px 20px 20px 20px; } #stacks_in_158175_17 { margin: 20px; padding: 20px; } #stacks_in_158175_8 { margin: 20px 0px 0px 0px; } #stacks_in_158175_37 { margin: 20px 0px 0px 0px; } #stacks_in_158175_30 figure{text-align:center}#stacks_in_158175_30 .mdph{display:none}#stacks_in_158175_30 .mdp.book-set{widows:5;orphans:5}#stacks_in_158175_30 .mdp.book-set p:not(:first-of-type){text-indent:1.40rem}#stacks_in_158175_30 .mdp.book-set p:not(:last-of-type){margin-bottom:1.25rem !important}#stacks_in_158175_30 .mdp.book-set.indent-all p:first-of-type{text-indent:1.40rem}#stacks_in_158175_30 .mdp.book-set.indent-all blockquote > p:first-of-type{text-indent:0}#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h1 + p,#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h2 + p,#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h3 + p,#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h4 + p,#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h5 + p,#stacks_in_158175_30 .mdp.book-set:not(.indent-all) h6 + p{text-indent:0 !important}#stacks_in_158175_30 .mdp.p-lead p:first-of-type{font-size:130%}#stacks_out_158175_30{max-width:800px;margin-left:auto;margin-right:auto}@media only screen and (min-width:0px){#stacks_in_158175_30 p{}} #stacks_in_158175_30 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_158175_30 .effect-label{display:block !important}#stacks_in_158175_30 blockquote{-webkit-box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00);box-shadow:0px 8px 8px -5px rgba(0, 0, 0, 1.00)}#stacks_in_158175_30 blockquote{position:relative;z-index:1}#stacks_in_158175_30 blockquote::before,#stacks_in_158175_30 blockquote::after{position:relative;z-index:-1;display:block;line-height:0;color:rgba(255, 130, 0, 1.00);font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:96px}@media all and (min-width:640px){#stacks_in_158175_30 blockquote::before,#stacks_in_158175_30 blockquote::after{font-size:118px}}@media all and (min-width:1000px){#stacks_in_158175_30 blockquote::before,#stacks_in_158175_30 blockquote::after{font-size:122px}}#stacks_in_158175_30 blockquote p:last-of-type{margin-bottom:0}#stacks_in_158175_30 blockquote::before{content:"\201C";left:0px;top:0px;margin-top:calc(96px / 3)}@media all and (min-width:640px){#stacks_in_158175_30 blockquote::before{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_158175_30 blockquote::before{margin-top:calc(122px / 3)}}#stacks_in_158175_30 blockquote::after{content:"\201D";text-align:right;right:0px;bottom:-40px;}@media all and (min-width:640px){#stacks_in_158175_30 blockquote::after{margin-top:calc(118px / 3)}}@media all and (min-width:1000px){#stacks_in_158175_30 blockquote::after{margin-top:calc(122px / 3)}}#stacks_in_158175_30 blockquote{background-color:rgba(51, 51, 51, 1.00);}#stacks_in_158175_30 blockquote{padding:0}#stacks_in_158175_30 blockquote{padding: 22px }@media all and (min-width:640px){#stacks_in_158175_30 blockquote{padding: 30px }}@media all and (min-width:1000px){#stacks_in_158175_30 blockquote{padding: 34px }}#stacks_in_158175_30 blockquote{padding-bottom:calc(34px * 1.00)}#stacks_in_158175_30 blockquote{border-width:0px 0px 0px 0px;border-color:rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(51, 51, 51, 1.00);border-style:dotted;border-radius:9px 9px 9px 9px}#stacks_in_158175_30 blockquote > p{font-size:19px !important}@media all and (min-width:640px){#stacks_in_158175_30 blockquote > p{font-size:22px !important}}@media all and (min-width:1000px){#stacks_in_158175_30 blockquote > p{font-size:22px !important}}#stacks_in_158175_30 cite{font-size:70% !important}#stacks_in_158175_30 blockquote > p{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_158175_30 cite{color:rgba(248, 248, 248, 1.00) !important}#stacks_in_158175_30 blockquote > p{font-style:italic !important} #stacks_in_158175_47 { margin: 20px 0px 20px 0px; } #stacks_in_158175_71 { margin: 20px 0px 20px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_158175_77 { height: 20.00px; } @media print { #spacerStackstacks_in_158175_77 { display: none !important; } } #video_stack_videotag_stacks_in_158175_87 { max-width: 100%; height: auto; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_158175_100 { height: 20.00px; } @media print { #spacerStackstacks_in_158175_100 { display: none !important; } } #video_stack_videotag_stacks_in_158175_90 { max-width: 100%; height: auto; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_158175_96 { height: 20.00px; } @media print { #spacerStackstacks_in_158175_96 { display: none !important; } } /* @group ProGallery Grid */ #umbrellas { display: block; width: 100%; text-align: center; } #umbrellas li.proGalleryItem { -webkit-transform: translateZ(0); } #umbrellas ul#proGalleryThumbsstacks_in_158175_93 { padding: 0; margin: 0; list-style: none; } #umbrellas li.proGalleryItem { margin: 0; padding: 0; position: relative; } #umbrellas li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #umbrellas li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #umbrellas li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #umbrellas li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #umbrellas { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } @media screen and (min-width: 568px) { #umbrellas { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #umbrellas { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #umbrellas { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #umbrellas li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #umbrellas .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #umbrellas .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #umbrellas .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #umbrellas.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #umbrellas.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #umbrellas.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #umbrellas.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #umbrellas.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #umbrellas.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #umbrellas.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #umbrellas.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #umbrellas.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #umbrellas.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #umbrellas.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #umbrellas.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #umbrellas li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #umbrellas li .proGalleryItemInner { overflow: hidden; } #umbrellas a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #umbrellas a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='umbrellas-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .umbrellas-icon-play:before { content: '\e800'; } .umbrellas-icon-pause:before { content: '\e801'; } .umbrellas-icon-close:before { content: '\e802'; } .umbrellas-icon-prev:before { content: '\e803'; } .umbrellas-icon-next:before { content: '\e804'; } .umbrellas-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes umbrellas-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes umbrellas-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes umbrellas-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes umbrellas-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes umbrellas-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #umbrellas-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #umbrellas-case, html[data-lc-type=ajax] #umbrellas-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #umbrellas-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #umbrellas-content, html[data-lc-type=video] #umbrellas-content { background-color: #333; } } html[data-lc-type=inline] #umbrellas-content, html[data-lc-type=ajax] #umbrellas-content, html[data-lc-type=error] #umbrellas-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #umbrellas-content, html[data-lc-type=ajax] #umbrellas-content, html[data-lc-type=error] #umbrellas-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner { padding: 15px; } html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner > *, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner > *, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner > *:not(iframe), html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner > *:not(iframe), html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.umbrellas-isMobileDevice[data-lc-type=iframe] #umbrellas-content .umbrellas-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #umbrellas-content .umbrellas-contentInner, html[data-lc-type=video] #umbrellas-content .umbrellas-contentInner { line-height: 0.75; } } html[data-lc-type=image] #umbrellas-content .umbrellas-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap, html[data-lc-type=ajax] #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap, html[data-lc-type=error] #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #umbrellas-content .umbrellas-contentInner .umbrellas-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #umbrellas-content h1, #umbrellas-content h2, #umbrellas-content h3, #umbrellas-content h4, #umbrellas-content h5, #umbrellas-content h6, #umbrellas-content p { color: #aaa; } } @media screen and (min-width: 641px) { #umbrellas-content h1, #umbrellas-content h2, #umbrellas-content h3, #umbrellas-content h4, #umbrellas-content h5, #umbrellas-content h6, #umbrellas-content p { color: #333; } } #umbrellas-case p.umbrellas-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #umbrellas-case p.umbrellas-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #umbrellas-case p.umbrellas-error { padding: 0; } } .umbrellas-open body { overflow: hidden; } .umbrellas-isMobileDevice .umbrellas-open body { max-width: 100%; max-height: 100%; } #umbrellas-info { position: absolute; padding-top: 15px; } #umbrellas-info #umbrellas-title, #umbrellas-info #umbrellas-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #umbrellas-info #umbrellas-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #umbrellas-info #umbrellas-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #umbrellas-info #umbrellas-caption { clear: both; font-size: 13px; color: #aaa; } #umbrellas-info #umbrellas-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .umbrellas-fullScreenMode #umbrellas-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #umbrellas-info { position: static; } } #umbrellas-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: umbrellas-spin 0.5s infinite linear; -moz-animation: umbrellas-spin 0.5s infinite linear; -o-animation: umbrellas-spin 0.5s infinite linear; animation: umbrellas-spin 0.5s infinite linear; } #umbrellas-loading, #umbrellas-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #umbrellas-loading > span { display: inline-block; text-indent: -9999px; } a[class*='umbrellas-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='umbrellas-icon-'], a[class*='umbrellas-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='umbrellas-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='umbrellas-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .umbrellas-isMobileDevice a[class*='umbrellas-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='umbrellas-icon-'].umbrellas-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='umbrellas-icon-'].umbrellas-icon-prev { left: 15px; } a[class*='umbrellas-icon-'].umbrellas-icon-next { right: 15px; } a[class*='umbrellas-icon-'].umbrellas-icon-pause, a[class*='umbrellas-icon-'].umbrellas-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='umbrellas-icon-'].umbrellas-icon-pause, a[class*='umbrellas-icon-'].umbrellas-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='umbrellas-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='umbrellas-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='umbrellas-icon-']:hover, #umbrellas-case:hover ~ a[class*='umbrellas-icon-'] { opacity: 1; } } #umbrellas-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #umbrellas-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='umbrellas-icon-'], a[class*='umbrellas-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='umbrellas-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='umbrellas-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #umbrellas-content img { width: auto; height: auto; } #umbrellas-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #umbrellas-info #umbrellas-sequenceInfo, #umbrellas-info #umbrellas-title, #umbrellas-info #umbrellas-caption { color: rgba(170, 170, 170, 1.00); } #umbrellas-info #umbrellas-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #umbrellas-info #umbrellas-caption { } /* @end */ /* Social icons in the lightbox */ #social-umbrellas { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-umbrellas { display: block; } } #social-umbrellas a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-umbrellas a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-umbrellas a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #umbrellas-content, html[data-lc-type=video] #umbrellas-content { background: transparent; } } #umbrellas-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158175_93 { margin: 20px 0px 0px 0px; } #stacks_in_158055 .poster-title { display: none !important; } #stacks_in_158055 .poster-date { display: none !important; } #stacks_in_158055 .poster-readmore { display: none !important; } #stacks_in_158055 .blog-entry-author { display: none !important; } #stacks_in_158095 { padding: 20px 20px 0px 20px; } #stacks_in_158194 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #flourish { display: block; width: 100%; text-align: center; } #flourish li.proGalleryItem { -webkit-transform: translateZ(0); } #flourish ul#proGalleryThumbsstacks_in_158153 { padding: 0; margin: 0; list-style: none; } #flourish li.proGalleryItem { margin: 0; padding: 0; position: relative; } #flourish 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); } #flourish li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #flourish 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 */ #flourish 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; } /* */ /* */ /* */ /* */ /* */ /* */ #flourish { -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) { #flourish { -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) { #flourish { -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) { #flourish { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #flourish li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #flourish .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); } #flourish .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #flourish .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #flourish.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #flourish.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #flourish.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #flourish.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #flourish.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #flourish.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #flourish.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #flourish.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; } #flourish.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #flourish.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #flourish.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #flourish.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #flourish li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #flourish li .proGalleryItemInner { overflow: hidden; } #flourish 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 */ } #flourish 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*='flourish-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 */ .flourish-icon-play:before { content: '\e800'; } .flourish-icon-pause:before { content: '\e801'; } .flourish-icon-close:before { content: '\e802'; } .flourish-icon-prev:before { content: '\e803'; } .flourish-icon-next:before { content: '\e804'; } .flourish-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 flourish-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 flourish-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 flourish-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 flourish-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 flourish-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #flourish-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] #flourish-case, html[data-lc-type=ajax] #flourish-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]) #flourish-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] #flourish-content, html[data-lc-type=video] #flourish-content { background-color: #333; } } html[data-lc-type=inline] #flourish-content, html[data-lc-type=ajax] #flourish-content, html[data-lc-type=error] #flourish-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] #flourish-content, html[data-lc-type=ajax] #flourish-content, html[data-lc-type=error] #flourish-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] #flourish-content .flourish-contentInner, html[data-lc-type=ajax] #flourish-content .flourish-contentInner, html[data-lc-type=error] #flourish-content .flourish-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] #flourish-content .flourish-contentInner, html[data-lc-type=ajax] #flourish-content .flourish-contentInner, html[data-lc-type=error] #flourish-content .flourish-contentInner { padding: 15px; } html[data-lc-type=inline] #flourish-content .flourish-contentInner, html[data-lc-type=inline] #flourish-content .flourish-contentInner > *, html[data-lc-type=ajax] #flourish-content .flourish-contentInner, html[data-lc-type=ajax] #flourish-content .flourish-contentInner > *, html[data-lc-type=error] #flourish-content .flourish-contentInner, html[data-lc-type=error] #flourish-content .flourish-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #flourish-content .flourish-contentInner > *:not(iframe), html[data-lc-type=ajax] #flourish-content .flourish-contentInner > *:not(iframe), html[data-lc-type=error] #flourish-content .flourish-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.flourish-isMobileDevice[data-lc-type=iframe] #flourish-content .flourish-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #flourish-content .flourish-contentInner, html[data-lc-type=video] #flourish-content .flourish-contentInner { line-height: 0.75; } } html[data-lc-type=image] #flourish-content .flourish-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #flourish-content .flourish-contentInner .flourish-inlineWrap, html[data-lc-type=ajax] #flourish-content .flourish-contentInner .flourish-inlineWrap, html[data-lc-type=error] #flourish-content .flourish-contentInner .flourish-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]) #flourish-content .flourish-contentInner .flourish-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) { #flourish-content h1, #flourish-content h2, #flourish-content h3, #flourish-content h4, #flourish-content h5, #flourish-content h6, #flourish-content p { color: #aaa; } } @media screen and (min-width: 641px) { #flourish-content h1, #flourish-content h2, #flourish-content h3, #flourish-content h4, #flourish-content h5, #flourish-content h6, #flourish-content p { color: #333; } } #flourish-case p.flourish-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) { #flourish-case p.flourish-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #flourish-case p.flourish-error { padding: 0; } } .flourish-open body { overflow: hidden; } .flourish-isMobileDevice .flourish-open body { max-width: 100%; max-height: 100%; } #flourish-info { position: absolute; padding-top: 15px; } #flourish-info #flourish-title, #flourish-info #flourish-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #flourish-info #flourish-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #flourish-info #flourish-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #flourish-info #flourish-caption { clear: both; font-size: 13px; color: #aaa; } #flourish-info #flourish-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .flourish-fullScreenMode #flourish-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]) #flourish-info { position: static; } } #flourish-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: flourish-spin 0.5s infinite linear; -moz-animation: flourish-spin 0.5s infinite linear; -o-animation: flourish-spin 0.5s infinite linear; animation: flourish-spin 0.5s infinite linear; } #flourish-loading, #flourish-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; } #flourish-loading > span { display: inline-block; text-indent: -9999px; } a[class*='flourish-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*='flourish-icon-'], a[class*='flourish-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*='flourish-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='flourish-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .flourish-isMobileDevice a[class*='flourish-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='flourish-icon-'].flourish-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='flourish-icon-'].flourish-icon-prev { left: 15px; } a[class*='flourish-icon-'].flourish-icon-next { right: 15px; } a[class*='flourish-icon-'].flourish-icon-pause, a[class*='flourish-icon-'].flourish-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='flourish-icon-'].flourish-icon-pause, a[class*='flourish-icon-'].flourish-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='flourish-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='flourish-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='flourish-icon-']:hover, #flourish-case:hover ~ a[class*='flourish-icon-'] { opacity: 1; } } #flourish-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) { #flourish-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='flourish-icon-'], a[class*='flourish-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='flourish-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*='flourish-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #flourish-content img { width: auto; height: auto; } #flourish-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #flourish-info #flourish-sequenceInfo, #flourish-info #flourish-title, #flourish-info #flourish-caption { color: rgba(170, 170, 170, 1.00); } #flourish-info #flourish-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #flourish-info #flourish-caption { } /* @end */ /* Social icons in the lightbox */ #social-flourish { 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-flourish { display: block; } } #social-flourish 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-flourish a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-flourish a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #flourish-content, html[data-lc-type=video] #flourish-content { background: transparent; } } #flourish-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158153 { margin: 20px 0px 0px 0px; } #stacks_in_158196 { background-color: rgba(51, 51, 51, 1.00); border: solid rgba(255, 255, 255, 1.00); border-width: 1px; margin: 20px 0px 0px 0px; padding: 20px; } #stacks_in_158104 .poster-title { display: none !important; } #stacks_in_158104 .poster-date { display: none !important; } #stacks_in_158104 .poster-readmore { display: none !important; } #stacks_in_158104 .blog-entry-author { display: none !important; } #stacks_in_158144 { padding: 20px 20px 0px 20px; } #stacks_in_158105 { margin: 20px 0px 0px 0px; } /* Remote Image 1.3.0 */ .stacks_in_158107 { max-width: 100%; } .stacks_in_158107 img { width: auto !important; height: auto !important; border-radius: 0px; } /* CSSgram | Copyright (c) 2015 Una Kravets | http://una.im/CSSgram | MIT license | Version 0.1.7 */ .aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} #stacks_in_158109 { margin: 20px 0px 0px 0px; } #stacks_in_158111 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_158111 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_158111 #jwresp_col2_stacks_in_158111{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_158111 #jwresp_col1_stacks_in_158111,#stacks_in_158111 #jwresp_col2_stacks_in_158111{width:100%;float:none;display:block}#stacks_in_158111 #jwresp_col1_stacks_in_158111{margin-bottom:15px}} #uTubestacks_in_158112 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_158112 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_158116 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_158116 .pullquote:before, #stacks_in_158116 .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_158116 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_158116 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_158116 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_158116 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_158116 { background-color: rgba(153, 153, 153, 0.50); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 20px 20px 20px; padding: 10px; } #stacks_out_158116 { width: 80%; } #stacks_in_158118 { display:inline-block; width:100%; line-height: 1.400000em; } #video_stack_videotag_stacks_in_158119 { max-width: 100%; height: auto; } #stacks_in_158119 { margin: 20px 0px 20px 0px; } #stacks_in_158123_float { float:left; width:32%; } #stacks_in_158123 { border: solid rgba(238, 163, 33, 1.00); border-width: 1px; margin: 40px 0px 40px 0px; padding: 20px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image URL Stack' Style Sheet: fsrimageurl.css Created: 05, June, 2014 Last Modified: 08, August, 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_158125 { } #stacks_in_158125 #stacks_in_158125_image #editmessage { position: absolute; top: 0; left: 0; visibility: visible; display: block; width: 100%; height: 38px; margin: 0 auto; padding: 8px 12px 0 12px; color: #ffffff; font-size: 14px; line-height: 18px; text-align: center; font-weight: bold; background-color: rgba(0, 0, 0, 0.66); } #stacks_in_158125 #stacks_in_158125_image { display: block; text-align: center; } #stacks_in_158125 #stacks_in_158125_image img { max-width: 100% !important; height: auto !important; min-height: 38px; padding: 0; margin: 0 auto; border: 0px; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_158125 #stacks_in_158125_image { display: block; text-align: center; } #stacks_in_158125 #stacks_in_158125_image img { max-width: 100% !important; min-width: 100% !important; height: auto !important; } } #stacks_in_158125 { margin: 0px 20px 20px 0px; } #stacks_in_158127 { margin: 20px 0px 20px 0px; } #expander_stack_stacks_in_158129 .expander_anchor { overflow: hidden; height: 0px; } #expander_stack_details_stacks_in_158129, #expander_stack_link_less_stacks_in_158129, #expander_stack_stacks_in_158129.show_all #expander_stack_link_more_stacks_in_158129 { display: none; } #expander_stack_stacks_in_158129.show_all #expander_stack_details_stacks_in_158129 { display: block; } #expander_stack_stacks_in_158129.show_all #expander_stack_link_less_stacks_in_158129 { display: inline-block; } @media print { #expander_stack_details_stacks_in_158129 { display: block; } #expander_stack_link_more_stacks_in_158129, #expander_stack_link_less_stacks_in_158129 { display: none; } } #stacks_in_158129 { border: solid rgba(253, 134, 6, 1.00); border-width: 1px; margin: 20px 0px 20px 0px; padding: 20px; } #stacks_in_158130 { margin: 0px 0px 20px 0px; } #stacks_in_158133 { margin: 20px 0px 60px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_158138_4_2, #ruleStackstacks_in_158138_4_2:before, #ruleStackstacks_in_158138_4_2:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_158138_4_2 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_158138_4_2 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_158138_4_2 [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_158138_4_2 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_158138_4_2 { text-align: center; } #ruleStackstacks_in_158138_4_2:before, #ruleStackstacks_in_158138_4_2:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_158138_4_2:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_158138_4_2:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_158138_4_2 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_158138_5 { 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_158138_6 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } /* @group ProGallery Grid */ #ribbon { display: block; width: 100%; text-align: center; } #ribbon li.proGalleryItem { -webkit-transform: translateZ(0); } #ribbon ul#proGalleryThumbsstacks_in_158139 { padding: 0; margin: 0; list-style: none; } #ribbon li.proGalleryItem { margin: 0; padding: 0; position: relative; } #ribbon 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); } #ribbon li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #ribbon 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 */ #ribbon 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; } /* */ /* */ /* */ /* */ /* */ /* */ #ribbon { -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) { #ribbon { -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) { #ribbon { -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) { #ribbon { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #ribbon li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #ribbon .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); } #ribbon .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ribbon .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #ribbon.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #ribbon.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #ribbon.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #ribbon.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #ribbon.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #ribbon.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #ribbon.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #ribbon.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; } #ribbon.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #ribbon.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #ribbon.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #ribbon.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #ribbon li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #ribbon li .proGalleryItemInner { overflow: hidden; } #ribbon 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 */ } #ribbon 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*='ribbon-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 */ .ribbon-icon-play:before { content: '\e800'; } .ribbon-icon-pause:before { content: '\e801'; } .ribbon-icon-close:before { content: '\e802'; } .ribbon-icon-prev:before { content: '\e803'; } .ribbon-icon-next:before { content: '\e804'; } .ribbon-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 ribbon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 ribbon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 ribbon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 ribbon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 ribbon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #ribbon-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] #ribbon-case, html[data-lc-type=ajax] #ribbon-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]) #ribbon-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] #ribbon-content, html[data-lc-type=video] #ribbon-content { background-color: #333; } } html[data-lc-type=inline] #ribbon-content, html[data-lc-type=ajax] #ribbon-content, html[data-lc-type=error] #ribbon-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] #ribbon-content, html[data-lc-type=ajax] #ribbon-content, html[data-lc-type=error] #ribbon-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] #ribbon-content .ribbon-contentInner, html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner, html[data-lc-type=error] #ribbon-content .ribbon-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] #ribbon-content .ribbon-contentInner, html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner, html[data-lc-type=error] #ribbon-content .ribbon-contentInner { padding: 15px; } html[data-lc-type=inline] #ribbon-content .ribbon-contentInner, html[data-lc-type=inline] #ribbon-content .ribbon-contentInner > *, html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner, html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner > *, html[data-lc-type=error] #ribbon-content .ribbon-contentInner, html[data-lc-type=error] #ribbon-content .ribbon-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #ribbon-content .ribbon-contentInner > *:not(iframe), html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner > *:not(iframe), html[data-lc-type=error] #ribbon-content .ribbon-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.ribbon-isMobileDevice[data-lc-type=iframe] #ribbon-content .ribbon-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #ribbon-content .ribbon-contentInner, html[data-lc-type=video] #ribbon-content .ribbon-contentInner { line-height: 0.75; } } html[data-lc-type=image] #ribbon-content .ribbon-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #ribbon-content .ribbon-contentInner .ribbon-inlineWrap, html[data-lc-type=ajax] #ribbon-content .ribbon-contentInner .ribbon-inlineWrap, html[data-lc-type=error] #ribbon-content .ribbon-contentInner .ribbon-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]) #ribbon-content .ribbon-contentInner .ribbon-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) { #ribbon-content h1, #ribbon-content h2, #ribbon-content h3, #ribbon-content h4, #ribbon-content h5, #ribbon-content h6, #ribbon-content p { color: #aaa; } } @media screen and (min-width: 641px) { #ribbon-content h1, #ribbon-content h2, #ribbon-content h3, #ribbon-content h4, #ribbon-content h5, #ribbon-content h6, #ribbon-content p { color: #333; } } #ribbon-case p.ribbon-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) { #ribbon-case p.ribbon-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #ribbon-case p.ribbon-error { padding: 0; } } .ribbon-open body { overflow: hidden; } .ribbon-isMobileDevice .ribbon-open body { max-width: 100%; max-height: 100%; } #ribbon-info { position: absolute; padding-top: 15px; } #ribbon-info #ribbon-title, #ribbon-info #ribbon-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #ribbon-info #ribbon-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #ribbon-info #ribbon-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #ribbon-info #ribbon-caption { clear: both; font-size: 13px; color: #aaa; } #ribbon-info #ribbon-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .ribbon-fullScreenMode #ribbon-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]) #ribbon-info { position: static; } } #ribbon-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: ribbon-spin 0.5s infinite linear; -moz-animation: ribbon-spin 0.5s infinite linear; -o-animation: ribbon-spin 0.5s infinite linear; animation: ribbon-spin 0.5s infinite linear; } #ribbon-loading, #ribbon-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; } #ribbon-loading > span { display: inline-block; text-indent: -9999px; } a[class*='ribbon-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*='ribbon-icon-'], a[class*='ribbon-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*='ribbon-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='ribbon-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .ribbon-isMobileDevice a[class*='ribbon-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='ribbon-icon-'].ribbon-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='ribbon-icon-'].ribbon-icon-prev { left: 15px; } a[class*='ribbon-icon-'].ribbon-icon-next { right: 15px; } a[class*='ribbon-icon-'].ribbon-icon-pause, a[class*='ribbon-icon-'].ribbon-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='ribbon-icon-'].ribbon-icon-pause, a[class*='ribbon-icon-'].ribbon-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='ribbon-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='ribbon-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='ribbon-icon-']:hover, #ribbon-case:hover ~ a[class*='ribbon-icon-'] { opacity: 1; } } #ribbon-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) { #ribbon-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='ribbon-icon-'], a[class*='ribbon-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='ribbon-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*='ribbon-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #ribbon-content img { width: auto; height: auto; } #ribbon-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #ribbon-info #ribbon-sequenceInfo, #ribbon-info #ribbon-title, #ribbon-info #ribbon-caption { color: rgba(170, 170, 170, 1.00); } #ribbon-info #ribbon-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #ribbon-info #ribbon-caption { } /* @end */ /* Social icons in the lightbox */ #social-ribbon { 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-ribbon { display: block; } } #social-ribbon 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-ribbon a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-ribbon a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #ribbon-content, html[data-lc-type=video] #ribbon-content { background: transparent; } } #ribbon-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158139 { margin: 20px 0px 0px 0px; } #stacks_in_157571 .poster-title { display: none !important; } #stacks_in_157571 .poster-date { display: none !important; } #stacks_in_157571 .poster-readmore { display: none !important; } #stacks_in_157571 .blog-entry-author { display: none !important; } #srcererstacks_in_157979 .srcerer-inner{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}#srcererstacks_in_157979 .srcerer-img{ max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto; }#srcererstacks_in_157979{background-color:rgba(255, 255, 255, 0.00); }.srcererstacks_in_157979{pointer-events:none}#srcererstacks_in_157979 .srcerer-content{} #stacks_in_157981,#stacks_in_157981 div,#stacks_in_157981 p,#stacks_in_157981 ol,#stacks_in_157981 ul li,#stacks_in_157981 ol li,#stacks_in_157981 ol,#stacks_in_157981 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_157981,#stacks_in_157981 div,#stacks_in_157981 p,#stacks_in_157981 ol,#stacks_in_157981 ul li,#stacks_in_157981 ol li,#stacks_in_157981 ol,#stacks_in_157981 dl{font-size:1.50rem}}@media only screen and (min-width:0px){#stacks_in_157981{}} #stacks_in_157981 { background-color: rgba(0, 0, 0, 0.50); padding: 10px; } #stacks_in_157578 { padding: 20px 20px 0px 20px; } #stacks_in_158198 { margin: 0px 100px 20px 100px; } /* -- Start Frag Each css Template -- */ .stacks_in_157938dooimgs-grid { font-size: 0; } .stacks_in_157938dooimgs-grid.dooimgs-grid-1 .dooimgs-grid-image { width: 100%; text-align: center; } .stacks_in_157938dooimgs-grid.dooimgs-grid-2 .dooimgs-grid-image, .stacks_in_157938dooimgs-grid.dooimgs-grid-4 .dooimgs-grid-image { width: 50%; } .stacks_in_157938dooimgs-grid.dooimgs-grid-3 .dooimgs-grid-image, .stacks_in_157938dooimgs-grid.dooimgs-grid-6 .dooimgs-grid-image { width: 33.333333333333336%; } .stacks_in_157938dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(1), .stacks_in_157938dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(2), .stacks_in_157938dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(3) { width: 33.333333333333336%; } .stacks_in_157938dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(4), .stacks_in_157938dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(5) { width: 50%; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image { position: relative; display: inline-block; padding: 1px; box-sizing: border-box; text-align: center; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image:before { content: ""; display: block; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #f0f0f0; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .image-wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .image-wrap img { position: relative; width: 100%; height: auto; margin: 0; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all:hover .view-all-text { text-decoration: underline; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { position: relative; font-size: 16px; font-family: sans-serif; color: white; } @media (max-width: 350px) { .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { font-size: 12px; } } .stacks_in_157938dooimgs-grid-doomodal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.90); opacity: 0; z-index: 10001; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-caption { padding: 30px 50px; text-align: center; color: white; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: -100px; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-close:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control { position: absolute; top: 0; bottom: 0; width: 70px; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control.left { left: 0; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control.right { right: 0; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { margin: 0 auto; height: 100%; width: 40px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.left { background-position: 2px center; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.right { background-position: -42px center; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-image { position: absolute; top: 0; left: 70px; right: 70px; bottom: 0; text-align: center; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-image:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-image img { max-width: 100%; max-height: 100%; vertical-align: middle; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-image img:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-loader { display: inline-block; vertical-align: middle; color: silver; font-size: 14px; } @media (max-width: 800px) { .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control { width: 40px; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .stacks_in_157938dooimgs-grid-doomodal .doomodal-inner .doomodal-image { left: 0; right: 0; } } .stacks_in_157938dooimgs-grid-doomodal .doomodal-indicator { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-indicator ul { margin: 0; padding: 0; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-indicator ul li { display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 1.00); box-sizing: border-box; border-radius: 100%; margin: 0 1px; vertical-align: middle; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-indicator ul li:hover { cursor: pointer; } .stacks_in_157938dooimgs-grid-doomodal .doomodal-indicator ul li.selected { background-color: rgba(255, 255, 255, 1.00); width: 14px; height: 14px; margin: 0; } .stacks_in_157938dooimgs-grid { margin: 0 auto !important; } .stacks_in_157938dooimgs-grid { margin: 0 !important; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { color: transparent !important; } .stacks_in_157938dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0 !important; } .stacks_in_157938dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-text{ color: white !important; } .stacks_in_157938dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0.4 !important } #stacks_in_157938imagewell{ display: none; } #stacks_in_157938remotewarning{ background: #fff3cd; color: #856404; padding: 10px; margin: 0px 10px 0px 10px; font-size: 12px; text-align: center; } /* -- End Frag Each css Template -- */ #stacks_in_157938 { padding: 20px 0px 20px 0px; } #stacks_in_158184 { margin: 20px 0px 0px 0px; } #stacks_in_157608 .poster-title { display: none !important; } #stacks_in_157608 .poster-date { display: none !important; } #stacks_in_157608 .poster-readmore { display: none !important; } #stacks_in_157608 .blog-entry-author { display: none !important; } #srcererstacks_in_157995 .srcerer-inner{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}#srcererstacks_in_157995 .srcerer-img{ max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto; }#srcererstacks_in_157995{background-color:rgba(255, 255, 255, 0.00); }.srcererstacks_in_157995{pointer-events:none}#srcererstacks_in_157995 .srcerer-content{} #stacks_in_157997,#stacks_in_157997 div,#stacks_in_157997 p,#stacks_in_157997 ol,#stacks_in_157997 ul li,#stacks_in_157997 ol li,#stacks_in_157997 ol,#stacks_in_157997 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_157997,#stacks_in_157997 div,#stacks_in_157997 p,#stacks_in_157997 ol,#stacks_in_157997 ul li,#stacks_in_157997 ol li,#stacks_in_157997 ol,#stacks_in_157997 dl{font-size:1.50rem}}@media only screen and (min-width:0px){#stacks_in_157997{}} #stacks_in_157997 { background-color: rgba(0, 0, 0, 0.50); padding: 10px; } #stacks_in_157615 { padding: 20px 20px 0px 20px; } /* -- Start Frag Each css Template -- */ .stacks_in_157974dooimgs-grid { font-size: 0; } .stacks_in_157974dooimgs-grid.dooimgs-grid-1 .dooimgs-grid-image { width: 100%; text-align: center; } .stacks_in_157974dooimgs-grid.dooimgs-grid-2 .dooimgs-grid-image, .stacks_in_157974dooimgs-grid.dooimgs-grid-4 .dooimgs-grid-image { width: 50%; } .stacks_in_157974dooimgs-grid.dooimgs-grid-3 .dooimgs-grid-image, .stacks_in_157974dooimgs-grid.dooimgs-grid-6 .dooimgs-grid-image { width: 33.333333333333336%; } .stacks_in_157974dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(1), .stacks_in_157974dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(2), .stacks_in_157974dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(3) { width: 33.333333333333336%; } .stacks_in_157974dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(4), .stacks_in_157974dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(5) { width: 50%; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image { position: relative; display: inline-block; padding: 1px; box-sizing: border-box; text-align: center; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image:before { content: ""; display: block; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #f0f0f0; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .image-wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .image-wrap img { position: relative; width: 100%; height: auto; margin: 0; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all:hover .view-all-text { text-decoration: underline; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { position: relative; font-size: 16px; font-family: sans-serif; color: white; } @media (max-width: 350px) { .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { font-size: 12px; } } .stacks_in_157974dooimgs-grid-doomodal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.90); opacity: 0; z-index: 10001; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-caption { padding: 30px 50px; text-align: center; color: white; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: -100px; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-close:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control { position: absolute; top: 0; bottom: 0; width: 70px; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control.left { left: 0; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control.right { right: 0; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { margin: 0 auto; height: 100%; width: 40px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.left { background-position: 2px center; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.right { background-position: -42px center; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-image { position: absolute; top: 0; left: 70px; right: 70px; bottom: 0; text-align: center; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-image:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-image img { max-width: 100%; max-height: 100%; vertical-align: middle; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-image img:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-loader { display: inline-block; vertical-align: middle; color: silver; font-size: 14px; } @media (max-width: 800px) { .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control { width: 40px; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .stacks_in_157974dooimgs-grid-doomodal .doomodal-inner .doomodal-image { left: 0; right: 0; } } .stacks_in_157974dooimgs-grid-doomodal .doomodal-indicator { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-indicator ul { margin: 0; padding: 0; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-indicator ul li { display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 1.00); box-sizing: border-box; border-radius: 100%; margin: 0 1px; vertical-align: middle; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-indicator ul li:hover { cursor: pointer; } .stacks_in_157974dooimgs-grid-doomodal .doomodal-indicator ul li.selected { background-color: rgba(255, 255, 255, 1.00); width: 14px; height: 14px; margin: 0; } .stacks_in_157974dooimgs-grid { margin: 0 auto !important; } .stacks_in_157974dooimgs-grid { margin: 0 !important; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { color: transparent !important; } .stacks_in_157974dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0 !important; } .stacks_in_157974dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-text{ color: white !important; } .stacks_in_157974dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0.4 !important } #stacks_in_157974imagewell{ display: none; } #stacks_in_157974remotewarning{ background: #fff3cd; color: #856404; padding: 10px; margin: 0px 10px 0px 10px; font-size: 12px; text-align: center; } /* -- End Frag Each css Template -- */ #stacks_in_157974 { padding: 20px 0px 20px 0px; } #stacks_in_157460 .poster-title { display: none !important; } #stacks_in_157460 .poster-date { display: none !important; } #stacks_in_157460 .poster-readmore { display: none !important; } #stacks_in_157460 .blog-entry-author { display: none !important; } #srcererstacks_in_157984 .srcerer-inner{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}#srcererstacks_in_157984 .srcerer-img{ max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto; }#srcererstacks_in_157984{background-color:rgba(255, 255, 255, 0.00); }.srcererstacks_in_157984{pointer-events:none}#srcererstacks_in_157984 .srcerer-content{} #stacks_in_157987,#stacks_in_157987 div,#stacks_in_157987 p,#stacks_in_157987 ol,#stacks_in_157987 ul li,#stacks_in_157987 ol li,#stacks_in_157987 ol,#stacks_in_157987 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_157987,#stacks_in_157987 div,#stacks_in_157987 p,#stacks_in_157987 ol,#stacks_in_157987 ul li,#stacks_in_157987 ol li,#stacks_in_157987 ol,#stacks_in_157987 dl{font-size:1.50rem}}@media only screen and (min-width:0px){#stacks_in_157987{}} #stacks_in_157987 { background-color: rgba(0, 0, 0, 0.50); padding: 10px; } #stacks_in_157474 { padding: 20px 20px 0px 20px; } /* -- Start Frag Each css Template -- */ .stacks_in_157959dooimgs-grid { font-size: 0; } .stacks_in_157959dooimgs-grid.dooimgs-grid-1 .dooimgs-grid-image { width: 100%; text-align: center; } .stacks_in_157959dooimgs-grid.dooimgs-grid-2 .dooimgs-grid-image, .stacks_in_157959dooimgs-grid.dooimgs-grid-4 .dooimgs-grid-image { width: 50%; } .stacks_in_157959dooimgs-grid.dooimgs-grid-3 .dooimgs-grid-image, .stacks_in_157959dooimgs-grid.dooimgs-grid-6 .dooimgs-grid-image { width: 33.333333333333336%; } .stacks_in_157959dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(1), .stacks_in_157959dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(2), .stacks_in_157959dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(3) { width: 33.333333333333336%; } .stacks_in_157959dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(4), .stacks_in_157959dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(5) { width: 50%; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image { position: relative; display: inline-block; padding: 1px; box-sizing: border-box; text-align: center; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image:before { content: ""; display: block; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #f0f0f0; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .image-wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .image-wrap img { position: relative; width: 100%; height: auto; margin: 0; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all:hover .view-all-text { text-decoration: underline; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { position: relative; font-size: 16px; font-family: sans-serif; color: white; } @media (max-width: 350px) { .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { font-size: 12px; } } .stacks_in_157959dooimgs-grid-doomodal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.89); opacity: 0; z-index: 10001; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-caption { padding: 30px 50px; text-align: center; color: white; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: -100px; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-close:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control { position: absolute; top: 0; bottom: 0; width: 70px; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control.left { left: 0; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control.right { right: 0; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { margin: 0 auto; height: 100%; width: 40px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.left { background-position: 2px center; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.right { background-position: -42px center; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-image { position: absolute; top: 0; left: 70px; right: 70px; bottom: 0; text-align: center; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-image:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-image img { max-width: 100%; max-height: 100%; vertical-align: middle; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-image img:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-loader { display: inline-block; vertical-align: middle; color: silver; font-size: 14px; } @media (max-width: 800px) { .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control { width: 40px; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .stacks_in_157959dooimgs-grid-doomodal .doomodal-inner .doomodal-image { left: 0; right: 0; } } .stacks_in_157959dooimgs-grid-doomodal .doomodal-indicator { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-indicator ul { margin: 0; padding: 0; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-indicator ul li { display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 1.00); box-sizing: border-box; border-radius: 100%; margin: 0 1px; vertical-align: middle; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-indicator ul li:hover { cursor: pointer; } .stacks_in_157959dooimgs-grid-doomodal .doomodal-indicator ul li.selected { background-color: rgba(255, 255, 255, 1.00); width: 14px; height: 14px; margin: 0; } .stacks_in_157959dooimgs-grid { margin: 0 auto !important; } .stacks_in_157959dooimgs-grid { margin: 0 !important; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { color: transparent !important; } .stacks_in_157959dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0 !important; } .stacks_in_157959dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-text{ color: white !important; } .stacks_in_157959dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0.4 !important } #stacks_in_157959imagewell{ display: none; } #stacks_in_157959remotewarning{ background: #fff3cd; color: #856404; padding: 10px; margin: 0px 10px 0px 10px; font-size: 12px; text-align: center; } /* -- End Frag Each css Template -- */ #stacks_in_157959 { padding: 20px 0px 20px 0px; } #stacks_in_156655 .poster-title { display: none !important; } #stacks_in_156655 .poster-date { display: none !important; } #stacks_in_156655 .poster-readmore { display: none !important; } #stacks_in_156655 .blog-entry-author { display: none !important; } #srcererstacks_in_157989 .srcerer-inner{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}#srcererstacks_in_157989 .srcerer-img{ max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto; }#srcererstacks_in_157989{background-color:rgba(255, 255, 255, 0.00); }.srcererstacks_in_157989{pointer-events:none}#srcererstacks_in_157989 .srcerer-content{} #stacks_in_157992,#stacks_in_157992 div,#stacks_in_157992 p,#stacks_in_157992 ol,#stacks_in_157992 ul li,#stacks_in_157992 ol li,#stacks_in_157992 ol,#stacks_in_157992 dl{font-size:1.20rem}@media all and (max-width:640px){#stacks_in_157992,#stacks_in_157992 div,#stacks_in_157992 p,#stacks_in_157992 ol,#stacks_in_157992 ul li,#stacks_in_157992 ol li,#stacks_in_157992 ol,#stacks_in_157992 dl{font-size:1.50rem}}@media only screen and (min-width:0px){#stacks_in_157992{}} #stacks_in_157992 { background-color: rgba(0, 0, 0, 0.50); padding: 10px; } #stacks_in_156662 { padding: 20px 20px 0px 20px; } /* -- Start Frag Each css Template -- */ .stacks_in_157976dooimgs-grid { font-size: 0; } .stacks_in_157976dooimgs-grid.dooimgs-grid-1 .dooimgs-grid-image { width: 100%; text-align: center; } .stacks_in_157976dooimgs-grid.dooimgs-grid-2 .dooimgs-grid-image, .stacks_in_157976dooimgs-grid.dooimgs-grid-4 .dooimgs-grid-image { width: 50%; } .stacks_in_157976dooimgs-grid.dooimgs-grid-3 .dooimgs-grid-image, .stacks_in_157976dooimgs-grid.dooimgs-grid-6 .dooimgs-grid-image { width: 33.333333333333336%; } .stacks_in_157976dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(1), .stacks_in_157976dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(2), .stacks_in_157976dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(3) { width: 33.333333333333336%; } .stacks_in_157976dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(4), .stacks_in_157976dooimgs-grid.dooimgs-grid-5 .dooimgs-grid-image:nth-child(5) { width: 50%; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image { position: relative; display: inline-block; padding: 1px; box-sizing: border-box; text-align: center; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image:before { content: ""; display: block; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #f0f0f0; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .image-wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .image-wrap img { position: relative; width: 100%; height: auto; margin: 0; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all:hover .view-all-text { text-decoration: underline; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { position: relative; font-size: 16px; font-family: sans-serif; color: white; } @media (max-width: 350px) { .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { font-size: 12px; } } .stacks_in_157976dooimgs-grid-doomodal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.90); opacity: 0; z-index: 10001; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-caption { padding: 30px 50px; text-align: center; color: white; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: -100px; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-close:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control { position: absolute; top: 0; bottom: 0; width: 70px; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control.left { left: 0; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control.right { right: 0; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { margin: 0 auto; height: 100%; width: 40px; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.left { background-position: 2px center; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow.right { background-position: -42px center; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-image { position: absolute; top: 0; left: 70px; right: 70px; bottom: 0; text-align: center; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-image:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-image img { max-width: 100%; max-height: 100%; vertical-align: middle; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-image img:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-loader { display: inline-block; vertical-align: middle; color: silver; font-size: 14px; } @media (max-width: 800px) { .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control { width: 40px; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-control .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .stacks_in_157976dooimgs-grid-doomodal .doomodal-inner .doomodal-image { left: 0; right: 0; } } .stacks_in_157976dooimgs-grid-doomodal .doomodal-indicator { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-indicator ul { margin: 0; padding: 0; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-indicator ul li { display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 1.00); box-sizing: border-box; border-radius: 100%; margin: 0 1px; vertical-align: middle; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-indicator ul li:hover { cursor: pointer; } .stacks_in_157976dooimgs-grid-doomodal .doomodal-indicator ul li.selected { background-color: rgba(255, 255, 255, 1.00); width: 14px; height: 14px; margin: 0; } .stacks_in_157976dooimgs-grid { margin: 0 auto !important; } .stacks_in_157976dooimgs-grid { margin: 0 !important; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all .view-all-text { color: transparent !important; } .stacks_in_157976dooimgs-grid .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0 !important; } .stacks_in_157976dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-text{ color: white !important; } .stacks_in_157976dooimgs-grid:hover .dooimgs-grid-image .view-all .view-all-cover{ opacity: 0.4 !important } #stacks_in_157976imagewell{ display: none; } #stacks_in_157976remotewarning{ background: #fff3cd; color: #856404; padding: 10px; margin: 0px 10px 0px 10px; font-size: 12px; text-align: center; } /* -- End Frag Each css Template -- */ #stacks_in_157976 { padding: 20px 0px 20px 0px; } #stacks_in_156612 .poster-title { display: none !important; } #stacks_in_156612 .poster-date { display: none !important; } #stacks_in_156612 .poster-readmore { display: none !important; } #stacks_in_156612 .blog-entry-author { display: none !important; } #stacks_in_156647 { padding: 20px 20px 0px 20px; } #stacks_in_156619 { margin: 40px 0px 20px 0px; } #stacks_in_156621 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #DIOR { display: block; width: 100%; text-align: center; } #DIOR li.proGalleryItem { -webkit-transform: translateZ(0); } #DIOR ul#proGalleryThumbsstacks_in_156623 { padding: 0; margin: 0; list-style: none; } #DIOR li.proGalleryItem { margin: 0; padding: 0; position: relative; } #DIOR li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #DIOR li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #DIOR li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #DIOR li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #DIOR { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } @media screen and (min-width: 568px) { #DIOR { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #DIOR { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #DIOR { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #DIOR li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #DIOR .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #DIOR .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #DIOR.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #DIOR.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #DIOR.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #DIOR.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #DIOR.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #DIOR.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #DIOR.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #DIOR.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #DIOR.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #DIOR.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #DIOR li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #DIOR li .proGalleryItemInner { overflow: hidden; } #DIOR a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #DIOR a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../index_files/progallery-fonts/lightcase.eot?55356177"); src: url("../index_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../index_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../index_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../index_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='DIOR-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .DIOR-icon-play:before { content: '\e800'; } .DIOR-icon-pause:before { content: '\e801'; } .DIOR-icon-close:before { content: '\e802'; } .DIOR-icon-prev:before { content: '\e803'; } .DIOR-icon-next:before { content: '\e804'; } .DIOR-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes DIOR-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes DIOR-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes DIOR-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes DIOR-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes DIOR-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #DIOR-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-case, html[data-lc-type=ajax] #DIOR-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #DIOR-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #DIOR-content, html[data-lc-type=video] #DIOR-content { background-color: #333; } } html[data-lc-type=inline] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-content, html[data-lc-type=ajax] #DIOR-content, html[data-lc-type=error] #DIOR-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner { padding: 15px; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner, html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *, html[data-lc-type=error] #DIOR-content .DIOR-contentInner, html[data-lc-type=error] #DIOR-content .DIOR-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner > *:not(iframe), html[data-lc-type=error] #DIOR-content .DIOR-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.DIOR-isMobileDevice[data-lc-type=iframe] #DIOR-content .DIOR-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #DIOR-content .DIOR-contentInner, html[data-lc-type=video] #DIOR-content .DIOR-contentInner { line-height: 0.75; } } html[data-lc-type=image] #DIOR-content .DIOR-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=ajax] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap, html[data-lc-type=error] #DIOR-content .DIOR-contentInner .DIOR-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #DIOR-content .DIOR-contentInner .DIOR-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #aaa; } } @media screen and (min-width: 641px) { #DIOR-content h1, #DIOR-content h2, #DIOR-content h3, #DIOR-content h4, #DIOR-content h5, #DIOR-content h6, #DIOR-content p { color: #333; } } #DIOR-case p.DIOR-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #DIOR-case p.DIOR-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #DIOR-case p.DIOR-error { padding: 0; } } .DIOR-open body { overflow: hidden; } .DIOR-isMobileDevice .DIOR-open body { max-width: 100%; max-height: 100%; } #DIOR-info { position: absolute; padding-top: 15px; } #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #DIOR-info #DIOR-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #DIOR-info #DIOR-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #DIOR-info #DIOR-caption { clear: both; font-size: 13px; color: #aaa; } #DIOR-info #DIOR-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .DIOR-fullScreenMode #DIOR-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #DIOR-info { position: static; } } #DIOR-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: DIOR-spin 0.5s infinite linear; -moz-animation: DIOR-spin 0.5s infinite linear; -o-animation: DIOR-spin 0.5s infinite linear; animation: DIOR-spin 0.5s infinite linear; } #DIOR-loading, #DIOR-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #DIOR-loading > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='DIOR-icon-'], a[class*='DIOR-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='DIOR-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='DIOR-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .DIOR-isMobileDevice a[class*='DIOR-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='DIOR-icon-'].DIOR-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='DIOR-icon-'].DIOR-icon-prev { left: 15px; } a[class*='DIOR-icon-'].DIOR-icon-next { right: 15px; } a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'].DIOR-icon-pause, a[class*='DIOR-icon-'].DIOR-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='DIOR-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='DIOR-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='DIOR-icon-']:hover, #DIOR-case:hover ~ a[class*='DIOR-icon-'] { opacity: 1; } } #DIOR-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #DIOR-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='DIOR-icon-'], a[class*='DIOR-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='DIOR-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='DIOR-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #DIOR-content img { width: auto; height: auto; } #DIOR-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #DIOR-info #DIOR-sequenceInfo, #DIOR-info #DIOR-title, #DIOR-info #DIOR-caption { color: rgba(170, 170, 170, 1.00); } #DIOR-info #DIOR-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DIOR-info #DIOR-caption { } /* @end */ /* Social icons in the lightbox */ #social-DIOR { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-DIOR { display: block; } } #social-DIOR a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-DIOR a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-DIOR a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #DIOR-content, html[data-lc-type=video] #DIOR-content { background: transparent; } } #DIOR-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156623 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_156597, #ruleStackstacks_in_156597:before, #ruleStackstacks_in_156597:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_156597 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_156597 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_156597 [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_156597 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_156597 { text-align: center; } #ruleStackstacks_in_156597:before, #ruleStackstacks_in_156597:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_156597:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_156597:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_156597 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_156626 { margin: 20px 0px 20px 0px; } #stacks_in_156628 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_156628 .jwresp_col{overflow:hidden;margin:0;width:49%; float:left;}#stacks_in_156628 #jwresp_col2_stacks_in_156628{ float:right; width:49%}@media screen and (max-width:500px){#stacks_in_156628 #jwresp_col1_stacks_in_156628,#stacks_in_156628 #jwresp_col2_stacks_in_156628{width:100%;float:none;display:block}#stacks_in_156628 #jwresp_col1_stacks_in_156628{margin-bottom:15px}} #video_stack_videotag_stacks_in_156632 { max-width: 100%; height: auto; } /* @group ProGallery Grid */ #DARCROSE { display: block; width: 100%; text-align: center; } #DARCROSE li.proGalleryItem { -webkit-transform: translateZ(0); } #DARCROSE ul#proGalleryThumbsstacks_in_156634 { padding: 0; margin: 0; list-style: none; } #DARCROSE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #DARCROSE 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); } #DARCROSE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #DARCROSE li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #DARCROSE 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 */ #DARCROSE 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; } /* */ /* */ /* */ /* */ /* */ /* */ #DARCROSE { -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) { #DARCROSE { -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) { #DARCROSE { -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) { #DARCROSE { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #DARCROSE li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #DARCROSE .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); } #DARCROSE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DARCROSE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #DARCROSE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #DARCROSE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #DARCROSE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #DARCROSE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #DARCROSE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #DARCROSE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #DARCROSE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #DARCROSE.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; } #DARCROSE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #DARCROSE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #DARCROSE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #DARCROSE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #DARCROSE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #DARCROSE li .proGalleryItemInner { overflow: hidden; } #DARCROSE 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 */ } #DARCROSE 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*='DARCROSE-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 */ .DARCROSE-icon-play:before { content: '\e800'; } .DARCROSE-icon-pause:before { content: '\e801'; } .DARCROSE-icon-close:before { content: '\e802'; } .DARCROSE-icon-prev:before { content: '\e803'; } .DARCROSE-icon-next:before { content: '\e804'; } .DARCROSE-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 DARCROSE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 DARCROSE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 DARCROSE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 DARCROSE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 DARCROSE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #DARCROSE-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] #DARCROSE-case, html[data-lc-type=ajax] #DARCROSE-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]) #DARCROSE-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] #DARCROSE-content, html[data-lc-type=video] #DARCROSE-content { background-color: #333; } } html[data-lc-type=inline] #DARCROSE-content, html[data-lc-type=ajax] #DARCROSE-content, html[data-lc-type=error] #DARCROSE-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] #DARCROSE-content, html[data-lc-type=ajax] #DARCROSE-content, html[data-lc-type=error] #DARCROSE-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] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=error] #DARCROSE-content .DARCROSE-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] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=error] #DARCROSE-content .DARCROSE-contentInner { padding: 15px; } html[data-lc-type=inline] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=inline] #DARCROSE-content .DARCROSE-contentInner > *, html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner > *, html[data-lc-type=error] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=error] #DARCROSE-content .DARCROSE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #DARCROSE-content .DARCROSE-contentInner > *:not(iframe), html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner > *:not(iframe), html[data-lc-type=error] #DARCROSE-content .DARCROSE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.DARCROSE-isMobileDevice[data-lc-type=iframe] #DARCROSE-content .DARCROSE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #DARCROSE-content .DARCROSE-contentInner, html[data-lc-type=video] #DARCROSE-content .DARCROSE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #DARCROSE-content .DARCROSE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #DARCROSE-content .DARCROSE-contentInner .DARCROSE-inlineWrap, html[data-lc-type=ajax] #DARCROSE-content .DARCROSE-contentInner .DARCROSE-inlineWrap, html[data-lc-type=error] #DARCROSE-content .DARCROSE-contentInner .DARCROSE-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]) #DARCROSE-content .DARCROSE-contentInner .DARCROSE-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) { #DARCROSE-content h1, #DARCROSE-content h2, #DARCROSE-content h3, #DARCROSE-content h4, #DARCROSE-content h5, #DARCROSE-content h6, #DARCROSE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #DARCROSE-content h1, #DARCROSE-content h2, #DARCROSE-content h3, #DARCROSE-content h4, #DARCROSE-content h5, #DARCROSE-content h6, #DARCROSE-content p { color: #333; } } #DARCROSE-case p.DARCROSE-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) { #DARCROSE-case p.DARCROSE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #DARCROSE-case p.DARCROSE-error { padding: 0; } } .DARCROSE-open body { overflow: hidden; } .DARCROSE-isMobileDevice .DARCROSE-open body { max-width: 100%; max-height: 100%; } #DARCROSE-info { position: absolute; padding-top: 15px; } #DARCROSE-info #DARCROSE-title, #DARCROSE-info #DARCROSE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #DARCROSE-info #DARCROSE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #DARCROSE-info #DARCROSE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #DARCROSE-info #DARCROSE-caption { clear: both; font-size: 13px; color: #aaa; } #DARCROSE-info #DARCROSE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .DARCROSE-fullScreenMode #DARCROSE-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]) #DARCROSE-info { position: static; } } #DARCROSE-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: DARCROSE-spin 0.5s infinite linear; -moz-animation: DARCROSE-spin 0.5s infinite linear; -o-animation: DARCROSE-spin 0.5s infinite linear; animation: DARCROSE-spin 0.5s infinite linear; } #DARCROSE-loading, #DARCROSE-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; } #DARCROSE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='DARCROSE-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*='DARCROSE-icon-'], a[class*='DARCROSE-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*='DARCROSE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='DARCROSE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .DARCROSE-isMobileDevice a[class*='DARCROSE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='DARCROSE-icon-'].DARCROSE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='DARCROSE-icon-'].DARCROSE-icon-prev { left: 15px; } a[class*='DARCROSE-icon-'].DARCROSE-icon-next { right: 15px; } a[class*='DARCROSE-icon-'].DARCROSE-icon-pause, a[class*='DARCROSE-icon-'].DARCROSE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='DARCROSE-icon-'].DARCROSE-icon-pause, a[class*='DARCROSE-icon-'].DARCROSE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='DARCROSE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='DARCROSE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='DARCROSE-icon-']:hover, #DARCROSE-case:hover ~ a[class*='DARCROSE-icon-'] { opacity: 1; } } #DARCROSE-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) { #DARCROSE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='DARCROSE-icon-'], a[class*='DARCROSE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='DARCROSE-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*='DARCROSE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #DARCROSE-content img { width: auto; height: auto; } #DARCROSE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #DARCROSE-info #DARCROSE-sequenceInfo, #DARCROSE-info #DARCROSE-title, #DARCROSE-info #DARCROSE-caption { color: rgba(170, 170, 170, 1.00); } #DARCROSE-info #DARCROSE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #DARCROSE-info #DARCROSE-caption { } /* @end */ /* Social icons in the lightbox */ #social-DARCROSE { 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-DARCROSE { display: block; } } #social-DARCROSE 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-DARCROSE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-DARCROSE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #DARCROSE-content, html[data-lc-type=video] #DARCROSE-content { background: transparent; } } #DARCROSE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156634 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_156598, #ruleStackstacks_in_156598:before, #ruleStackstacks_in_156598:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_156598 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_156598 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_156598 [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_156598 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_156598 { text-align: center; } #ruleStackstacks_in_156598:before, #ruleStackstacks_in_156598:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_156598:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_156598:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_156598 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group ProGallery Grid */ #CHAIR-H { display: block; width: 100%; text-align: center; } #CHAIR-H li.proGalleryItem { -webkit-transform: translateZ(0); } #CHAIR-H ul#proGalleryThumbsstacks_in_156639 { padding: 0; margin: 0; list-style: none; } #CHAIR-H li.proGalleryItem { margin: 0; padding: 0; position: relative; } #CHAIR-H 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); } #CHAIR-H li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #CHAIR-H 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 */ #CHAIR-H 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; } /* */ /* */ /* */ /* */ /* */ /* */ #CHAIR-H { -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) { #CHAIR-H { -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) { #CHAIR-H { -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) { #CHAIR-H { -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } } #CHAIR-H li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #CHAIR-H .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); } #CHAIR-H .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CHAIR-H .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #CHAIR-H.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #CHAIR-H.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #CHAIR-H.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #CHAIR-H.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #CHAIR-H.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #CHAIR-H.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #CHAIR-H.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #CHAIR-H.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; } #CHAIR-H.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #CHAIR-H.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #CHAIR-H.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #CHAIR-H.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #CHAIR-H li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #CHAIR-H li .proGalleryItemInner { overflow: hidden; } #CHAIR-H 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 */ } #CHAIR-H 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*='CHAIR-H-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 */ .CHAIR-H-icon-play:before { content: '\e800'; } .CHAIR-H-icon-pause:before { content: '\e801'; } .CHAIR-H-icon-close:before { content: '\e802'; } .CHAIR-H-icon-prev:before { content: '\e803'; } .CHAIR-H-icon-next:before { content: '\e804'; } .CHAIR-H-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 CHAIR-H-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-H-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-H-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-H-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-H-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #CHAIR-H-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] #CHAIR-H-case, html[data-lc-type=ajax] #CHAIR-H-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]) #CHAIR-H-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] #CHAIR-H-content, html[data-lc-type=video] #CHAIR-H-content { background-color: #333; } } html[data-lc-type=inline] #CHAIR-H-content, html[data-lc-type=ajax] #CHAIR-H-content, html[data-lc-type=error] #CHAIR-H-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] #CHAIR-H-content, html[data-lc-type=ajax] #CHAIR-H-content, html[data-lc-type=error] #CHAIR-H-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] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-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] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-contentInner { padding: 15px; } html[data-lc-type=inline] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=inline] #CHAIR-H-content .CHAIR-H-contentInner > *, html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner > *, html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #CHAIR-H-content .CHAIR-H-contentInner > *:not(iframe), html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner > *:not(iframe), html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.CHAIR-H-isMobileDevice[data-lc-type=iframe] #CHAIR-H-content .CHAIR-H-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #CHAIR-H-content .CHAIR-H-contentInner, html[data-lc-type=video] #CHAIR-H-content .CHAIR-H-contentInner { line-height: 0.75; } } html[data-lc-type=image] #CHAIR-H-content .CHAIR-H-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #CHAIR-H-content .CHAIR-H-contentInner .CHAIR-H-inlineWrap, html[data-lc-type=ajax] #CHAIR-H-content .CHAIR-H-contentInner .CHAIR-H-inlineWrap, html[data-lc-type=error] #CHAIR-H-content .CHAIR-H-contentInner .CHAIR-H-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]) #CHAIR-H-content .CHAIR-H-contentInner .CHAIR-H-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) { #CHAIR-H-content h1, #CHAIR-H-content h2, #CHAIR-H-content h3, #CHAIR-H-content h4, #CHAIR-H-content h5, #CHAIR-H-content h6, #CHAIR-H-content p { color: #aaa; } } @media screen and (min-width: 641px) { #CHAIR-H-content h1, #CHAIR-H-content h2, #CHAIR-H-content h3, #CHAIR-H-content h4, #CHAIR-H-content h5, #CHAIR-H-content h6, #CHAIR-H-content p { color: #333; } } #CHAIR-H-case p.CHAIR-H-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) { #CHAIR-H-case p.CHAIR-H-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #CHAIR-H-case p.CHAIR-H-error { padding: 0; } } .CHAIR-H-open body { overflow: hidden; } .CHAIR-H-isMobileDevice .CHAIR-H-open body { max-width: 100%; max-height: 100%; } #CHAIR-H-info { position: absolute; padding-top: 15px; } #CHAIR-H-info #CHAIR-H-title, #CHAIR-H-info #CHAIR-H-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #CHAIR-H-info #CHAIR-H-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #CHAIR-H-info #CHAIR-H-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #CHAIR-H-info #CHAIR-H-caption { clear: both; font-size: 13px; color: #aaa; } #CHAIR-H-info #CHAIR-H-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .CHAIR-H-fullScreenMode #CHAIR-H-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]) #CHAIR-H-info { position: static; } } #CHAIR-H-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: CHAIR-H-spin 0.5s infinite linear; -moz-animation: CHAIR-H-spin 0.5s infinite linear; -o-animation: CHAIR-H-spin 0.5s infinite linear; animation: CHAIR-H-spin 0.5s infinite linear; } #CHAIR-H-loading, #CHAIR-H-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; } #CHAIR-H-loading > span { display: inline-block; text-indent: -9999px; } a[class*='CHAIR-H-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*='CHAIR-H-icon-'], a[class*='CHAIR-H-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*='CHAIR-H-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='CHAIR-H-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .CHAIR-H-isMobileDevice a[class*='CHAIR-H-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='CHAIR-H-icon-'].CHAIR-H-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='CHAIR-H-icon-'].CHAIR-H-icon-prev { left: 15px; } a[class*='CHAIR-H-icon-'].CHAIR-H-icon-next { right: 15px; } a[class*='CHAIR-H-icon-'].CHAIR-H-icon-pause, a[class*='CHAIR-H-icon-'].CHAIR-H-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='CHAIR-H-icon-'].CHAIR-H-icon-pause, a[class*='CHAIR-H-icon-'].CHAIR-H-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='CHAIR-H-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='CHAIR-H-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='CHAIR-H-icon-']:hover, #CHAIR-H-case:hover ~ a[class*='CHAIR-H-icon-'] { opacity: 1; } } #CHAIR-H-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) { #CHAIR-H-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='CHAIR-H-icon-'], a[class*='CHAIR-H-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='CHAIR-H-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*='CHAIR-H-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #CHAIR-H-content img { width: auto; height: auto; } #CHAIR-H-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #CHAIR-H-info #CHAIR-H-sequenceInfo, #CHAIR-H-info #CHAIR-H-title, #CHAIR-H-info #CHAIR-H-caption { color: rgba(170, 170, 170, 1.00); } #CHAIR-H-info #CHAIR-H-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CHAIR-H-info #CHAIR-H-caption { } /* @end */ /* Social icons in the lightbox */ #social-CHAIR-H { 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-CHAIR-H { display: block; } } #social-CHAIR-H 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-CHAIR-H a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-CHAIR-H a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #CHAIR-H-content, html[data-lc-type=video] #CHAIR-H-content { background: transparent; } } #CHAIR-H-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156639 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_156599, #ruleStackstacks_in_156599:before, #ruleStackstacks_in_156599:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_156599 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_156599 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_156599 [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_156599 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_156599 { text-align: center; } #ruleStackstacks_in_156599:before, #ruleStackstacks_in_156599:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_156599:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_156599:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_156599 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group ProGallery Grid */ #CHAIR-M { display: block; width: 100%; text-align: center; } #CHAIR-M li.proGalleryItem { -webkit-transform: translateZ(0); } #CHAIR-M ul#proGalleryThumbsstacks_in_156644 { padding: 0; margin: 0; list-style: none; } #CHAIR-M li.proGalleryItem { margin: 0; padding: 0; position: relative; } #CHAIR-M 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); } #CHAIR-M li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #CHAIR-M 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 */ #CHAIR-M 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; } /* */ /* */ /* */ /* */ /* */ /* */ #CHAIR-M { -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) { #CHAIR-M { -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) { #CHAIR-M { -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) { #CHAIR-M { -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } } #CHAIR-M li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #CHAIR-M .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); } #CHAIR-M .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CHAIR-M .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #CHAIR-M.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #CHAIR-M.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #CHAIR-M.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #CHAIR-M.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #CHAIR-M.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #CHAIR-M.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #CHAIR-M.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #CHAIR-M.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; } #CHAIR-M.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #CHAIR-M.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #CHAIR-M.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #CHAIR-M.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #CHAIR-M li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #CHAIR-M li .proGalleryItemInner { overflow: hidden; } #CHAIR-M 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 */ } #CHAIR-M 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*='CHAIR-M-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 */ .CHAIR-M-icon-play:before { content: '\e800'; } .CHAIR-M-icon-pause:before { content: '\e801'; } .CHAIR-M-icon-close:before { content: '\e802'; } .CHAIR-M-icon-prev:before { content: '\e803'; } .CHAIR-M-icon-next:before { content: '\e804'; } .CHAIR-M-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 CHAIR-M-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-M-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-M-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-M-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CHAIR-M-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #CHAIR-M-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] #CHAIR-M-case, html[data-lc-type=ajax] #CHAIR-M-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]) #CHAIR-M-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] #CHAIR-M-content, html[data-lc-type=video] #CHAIR-M-content { background-color: #333; } } html[data-lc-type=inline] #CHAIR-M-content, html[data-lc-type=ajax] #CHAIR-M-content, html[data-lc-type=error] #CHAIR-M-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] #CHAIR-M-content, html[data-lc-type=ajax] #CHAIR-M-content, html[data-lc-type=error] #CHAIR-M-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] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-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] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-contentInner { padding: 15px; } html[data-lc-type=inline] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=inline] #CHAIR-M-content .CHAIR-M-contentInner > *, html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner > *, html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #CHAIR-M-content .CHAIR-M-contentInner > *:not(iframe), html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner > *:not(iframe), html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.CHAIR-M-isMobileDevice[data-lc-type=iframe] #CHAIR-M-content .CHAIR-M-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #CHAIR-M-content .CHAIR-M-contentInner, html[data-lc-type=video] #CHAIR-M-content .CHAIR-M-contentInner { line-height: 0.75; } } html[data-lc-type=image] #CHAIR-M-content .CHAIR-M-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #CHAIR-M-content .CHAIR-M-contentInner .CHAIR-M-inlineWrap, html[data-lc-type=ajax] #CHAIR-M-content .CHAIR-M-contentInner .CHAIR-M-inlineWrap, html[data-lc-type=error] #CHAIR-M-content .CHAIR-M-contentInner .CHAIR-M-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]) #CHAIR-M-content .CHAIR-M-contentInner .CHAIR-M-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) { #CHAIR-M-content h1, #CHAIR-M-content h2, #CHAIR-M-content h3, #CHAIR-M-content h4, #CHAIR-M-content h5, #CHAIR-M-content h6, #CHAIR-M-content p { color: #aaa; } } @media screen and (min-width: 641px) { #CHAIR-M-content h1, #CHAIR-M-content h2, #CHAIR-M-content h3, #CHAIR-M-content h4, #CHAIR-M-content h5, #CHAIR-M-content h6, #CHAIR-M-content p { color: #333; } } #CHAIR-M-case p.CHAIR-M-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) { #CHAIR-M-case p.CHAIR-M-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #CHAIR-M-case p.CHAIR-M-error { padding: 0; } } .CHAIR-M-open body { overflow: hidden; } .CHAIR-M-isMobileDevice .CHAIR-M-open body { max-width: 100%; max-height: 100%; } #CHAIR-M-info { position: absolute; padding-top: 15px; } #CHAIR-M-info #CHAIR-M-title, #CHAIR-M-info #CHAIR-M-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #CHAIR-M-info #CHAIR-M-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #CHAIR-M-info #CHAIR-M-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #CHAIR-M-info #CHAIR-M-caption { clear: both; font-size: 13px; color: #aaa; } #CHAIR-M-info #CHAIR-M-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .CHAIR-M-fullScreenMode #CHAIR-M-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]) #CHAIR-M-info { position: static; } } #CHAIR-M-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: CHAIR-M-spin 0.5s infinite linear; -moz-animation: CHAIR-M-spin 0.5s infinite linear; -o-animation: CHAIR-M-spin 0.5s infinite linear; animation: CHAIR-M-spin 0.5s infinite linear; } #CHAIR-M-loading, #CHAIR-M-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; } #CHAIR-M-loading > span { display: inline-block; text-indent: -9999px; } a[class*='CHAIR-M-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*='CHAIR-M-icon-'], a[class*='CHAIR-M-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*='CHAIR-M-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='CHAIR-M-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .CHAIR-M-isMobileDevice a[class*='CHAIR-M-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='CHAIR-M-icon-'].CHAIR-M-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='CHAIR-M-icon-'].CHAIR-M-icon-prev { left: 15px; } a[class*='CHAIR-M-icon-'].CHAIR-M-icon-next { right: 15px; } a[class*='CHAIR-M-icon-'].CHAIR-M-icon-pause, a[class*='CHAIR-M-icon-'].CHAIR-M-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='CHAIR-M-icon-'].CHAIR-M-icon-pause, a[class*='CHAIR-M-icon-'].CHAIR-M-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='CHAIR-M-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='CHAIR-M-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='CHAIR-M-icon-']:hover, #CHAIR-M-case:hover ~ a[class*='CHAIR-M-icon-'] { opacity: 1; } } #CHAIR-M-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) { #CHAIR-M-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='CHAIR-M-icon-'], a[class*='CHAIR-M-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='CHAIR-M-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*='CHAIR-M-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #CHAIR-M-content img { width: auto; height: auto; } #CHAIR-M-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #CHAIR-M-info #CHAIR-M-sequenceInfo, #CHAIR-M-info #CHAIR-M-title, #CHAIR-M-info #CHAIR-M-caption { color: rgba(170, 170, 170, 1.00); } #CHAIR-M-info #CHAIR-M-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CHAIR-M-info #CHAIR-M-caption { } /* @end */ /* Social icons in the lightbox */ #social-CHAIR-M { 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-CHAIR-M { display: block; } } #social-CHAIR-M 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-CHAIR-M a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-CHAIR-M a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #CHAIR-M-content, html[data-lc-type=video] #CHAIR-M-content { background: transparent; } } #CHAIR-M-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156644 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_156600, #ruleStackstacks_in_156600:before, #ruleStackstacks_in_156600:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_156600 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_156600 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_156600 [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_156600 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_156600 { text-align: center; } #ruleStackstacks_in_156600:before, #ruleStackstacks_in_156600:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_156600:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_156600:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_156600 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_156668 .poster-title { display: none !important; } #stacks_in_156668 .poster-date { display: none !important; } #stacks_in_156668 .poster-readmore { display: none !important; } #stacks_in_156668 .blog-entry-author { display: none !important; } #stacks_in_156670 { padding: 20px 20px 0px 20px; } #stacks_in_156676 .poster-title { display: none !important; } #stacks_in_156676 .poster-date { display: none !important; } #stacks_in_156676 .poster-readmore { display: none !important; } #stacks_in_156676 .blog-entry-author { display: none !important; } #stacks_in_156689 { padding: 20px 20px 0px 20px; } #stacks_in_156677 { padding: 20px 20px 20px 20px; } #stacks_in_156682 { 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_156686 { 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_156686 { margin: 20px 0px 0px 0px; } #stacks_in_156695 .poster-title { display: none !important; } #stacks_in_156695 .poster-date { display: none !important; } #stacks_in_156695 .poster-readmore { display: none !important; } #stacks_in_156695 .blog-entry-author { display: none !important; } #stacks_in_156704 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #earthrise { display: block; width: 100%; text-align: center; } #earthrise li.proGalleryItem { -webkit-transform: translateZ(0); } #earthrise ul#proGalleryThumbsstacks_in_158006 { padding: 0; margin: 0; list-style: none; } #earthrise li.proGalleryItem { margin: 0; padding: 0; position: relative; } #earthrise 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); } #earthrise li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #earthrise li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #earthrise 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 */ #earthrise 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; } /* */ /* */ /* */ /* */ /* */ /* */ #earthrise { -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) { #earthrise { -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) { #earthrise { -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) { #earthrise { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #earthrise li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #earthrise .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); } #earthrise .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #earthrise .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #earthrise.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #earthrise.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #earthrise.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #earthrise.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #earthrise.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #earthrise.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #earthrise.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #earthrise.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; } #earthrise.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #earthrise.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #earthrise.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #earthrise.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #earthrise li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #earthrise li .proGalleryItemInner { overflow: hidden; } #earthrise 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 */ } #earthrise 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*='earthrise-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 */ .earthrise-icon-play:before { content: '\e800'; } .earthrise-icon-pause:before { content: '\e801'; } .earthrise-icon-close:before { content: '\e802'; } .earthrise-icon-prev:before { content: '\e803'; } .earthrise-icon-next:before { content: '\e804'; } .earthrise-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 earthrise-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 earthrise-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 earthrise-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 earthrise-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 earthrise-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #earthrise-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] #earthrise-case, html[data-lc-type=ajax] #earthrise-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]) #earthrise-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] #earthrise-content, html[data-lc-type=video] #earthrise-content { background-color: #333; } } html[data-lc-type=inline] #earthrise-content, html[data-lc-type=ajax] #earthrise-content, html[data-lc-type=error] #earthrise-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] #earthrise-content, html[data-lc-type=ajax] #earthrise-content, html[data-lc-type=error] #earthrise-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] #earthrise-content .earthrise-contentInner, html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner, html[data-lc-type=error] #earthrise-content .earthrise-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] #earthrise-content .earthrise-contentInner, html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner, html[data-lc-type=error] #earthrise-content .earthrise-contentInner { padding: 15px; } html[data-lc-type=inline] #earthrise-content .earthrise-contentInner, html[data-lc-type=inline] #earthrise-content .earthrise-contentInner > *, html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner, html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner > *, html[data-lc-type=error] #earthrise-content .earthrise-contentInner, html[data-lc-type=error] #earthrise-content .earthrise-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #earthrise-content .earthrise-contentInner > *:not(iframe), html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner > *:not(iframe), html[data-lc-type=error] #earthrise-content .earthrise-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.earthrise-isMobileDevice[data-lc-type=iframe] #earthrise-content .earthrise-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #earthrise-content .earthrise-contentInner, html[data-lc-type=video] #earthrise-content .earthrise-contentInner { line-height: 0.75; } } html[data-lc-type=image] #earthrise-content .earthrise-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #earthrise-content .earthrise-contentInner .earthrise-inlineWrap, html[data-lc-type=ajax] #earthrise-content .earthrise-contentInner .earthrise-inlineWrap, html[data-lc-type=error] #earthrise-content .earthrise-contentInner .earthrise-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]) #earthrise-content .earthrise-contentInner .earthrise-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) { #earthrise-content h1, #earthrise-content h2, #earthrise-content h3, #earthrise-content h4, #earthrise-content h5, #earthrise-content h6, #earthrise-content p { color: #aaa; } } @media screen and (min-width: 641px) { #earthrise-content h1, #earthrise-content h2, #earthrise-content h3, #earthrise-content h4, #earthrise-content h5, #earthrise-content h6, #earthrise-content p { color: #333; } } #earthrise-case p.earthrise-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) { #earthrise-case p.earthrise-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #earthrise-case p.earthrise-error { padding: 0; } } .earthrise-open body { overflow: hidden; } .earthrise-isMobileDevice .earthrise-open body { max-width: 100%; max-height: 100%; } #earthrise-info { position: absolute; padding-top: 15px; } #earthrise-info #earthrise-title, #earthrise-info #earthrise-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #earthrise-info #earthrise-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #earthrise-info #earthrise-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #earthrise-info #earthrise-caption { clear: both; font-size: 13px; color: #aaa; } #earthrise-info #earthrise-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .earthrise-fullScreenMode #earthrise-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]) #earthrise-info { position: static; } } #earthrise-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: earthrise-spin 0.5s infinite linear; -moz-animation: earthrise-spin 0.5s infinite linear; -o-animation: earthrise-spin 0.5s infinite linear; animation: earthrise-spin 0.5s infinite linear; } #earthrise-loading, #earthrise-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; } #earthrise-loading > span { display: inline-block; text-indent: -9999px; } a[class*='earthrise-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*='earthrise-icon-'], a[class*='earthrise-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*='earthrise-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='earthrise-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .earthrise-isMobileDevice a[class*='earthrise-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='earthrise-icon-'].earthrise-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='earthrise-icon-'].earthrise-icon-prev { left: 15px; } a[class*='earthrise-icon-'].earthrise-icon-next { right: 15px; } a[class*='earthrise-icon-'].earthrise-icon-pause, a[class*='earthrise-icon-'].earthrise-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='earthrise-icon-'].earthrise-icon-pause, a[class*='earthrise-icon-'].earthrise-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='earthrise-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='earthrise-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='earthrise-icon-']:hover, #earthrise-case:hover ~ a[class*='earthrise-icon-'] { opacity: 1; } } #earthrise-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) { #earthrise-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='earthrise-icon-'], a[class*='earthrise-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='earthrise-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*='earthrise-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #earthrise-content img { width: auto; height: auto; } #earthrise-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #earthrise-info #earthrise-sequenceInfo, #earthrise-info #earthrise-title, #earthrise-info #earthrise-caption { color: rgba(170, 170, 170, 1.00); } #earthrise-info #earthrise-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #earthrise-info #earthrise-caption { } /* @end */ /* Social icons in the lightbox */ #social-earthrise { 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-earthrise { display: block; } } #social-earthrise 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-earthrise a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-earthrise a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #earthrise-content, html[data-lc-type=video] #earthrise-content { background: transparent; } } #earthrise-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158006 { margin: 20px 0px 20px 0px; } #stacks_in_158021 { margin: 20px 0px 20px 0px; } #stacks_in_156788 .poster-title { display: none !important; } #stacks_in_156788 .poster-date { display: none !important; } #stacks_in_156788 .blog-entry-author { display: none !important; } #stacks_in_156796 { padding: 20px 20px 0px 20px; } #stacks_in_156792 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #FOOTPRINT { display: block; width: 100%; text-align: center; } #FOOTPRINT li.proGalleryItem { -webkit-transform: translateZ(0); } #FOOTPRINT ul#proGalleryThumbsstacks_in_158013 { padding: 0; margin: 0; list-style: none; } #FOOTPRINT li.proGalleryItem { margin: 0; padding: 0; position: relative; } #FOOTPRINT 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); } #FOOTPRINT li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #FOOTPRINT li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #FOOTPRINT 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 */ #FOOTPRINT 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; } /* */ /* */ /* */ /* */ /* */ /* */ #FOOTPRINT { -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) { #FOOTPRINT { -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) { #FOOTPRINT { -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) { #FOOTPRINT { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #FOOTPRINT li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #FOOTPRINT .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); } #FOOTPRINT .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #FOOTPRINT .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #FOOTPRINT.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #FOOTPRINT.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #FOOTPRINT.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #FOOTPRINT.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #FOOTPRINT.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #FOOTPRINT.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #FOOTPRINT.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #FOOTPRINT.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; } #FOOTPRINT.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #FOOTPRINT.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #FOOTPRINT.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #FOOTPRINT.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #FOOTPRINT li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #FOOTPRINT li .proGalleryItemInner { overflow: hidden; } #FOOTPRINT 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 */ } #FOOTPRINT 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*='FOOTPRINT-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 */ .FOOTPRINT-icon-play:before { content: '\e800'; } .FOOTPRINT-icon-pause:before { content: '\e801'; } .FOOTPRINT-icon-close:before { content: '\e802'; } .FOOTPRINT-icon-prev:before { content: '\e803'; } .FOOTPRINT-icon-next:before { content: '\e804'; } .FOOTPRINT-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 FOOTPRINT-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 FOOTPRINT-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 FOOTPRINT-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 FOOTPRINT-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 FOOTPRINT-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #FOOTPRINT-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] #FOOTPRINT-case, html[data-lc-type=ajax] #FOOTPRINT-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]) #FOOTPRINT-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] #FOOTPRINT-content, html[data-lc-type=video] #FOOTPRINT-content { background-color: #333; } } html[data-lc-type=inline] #FOOTPRINT-content, html[data-lc-type=ajax] #FOOTPRINT-content, html[data-lc-type=error] #FOOTPRINT-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] #FOOTPRINT-content, html[data-lc-type=ajax] #FOOTPRINT-content, html[data-lc-type=error] #FOOTPRINT-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] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-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] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-contentInner { padding: 15px; } html[data-lc-type=inline] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=inline] #FOOTPRINT-content .FOOTPRINT-contentInner > *, html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner > *, html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #FOOTPRINT-content .FOOTPRINT-contentInner > *:not(iframe), html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner > *:not(iframe), html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.FOOTPRINT-isMobileDevice[data-lc-type=iframe] #FOOTPRINT-content .FOOTPRINT-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #FOOTPRINT-content .FOOTPRINT-contentInner, html[data-lc-type=video] #FOOTPRINT-content .FOOTPRINT-contentInner { line-height: 0.75; } } html[data-lc-type=image] #FOOTPRINT-content .FOOTPRINT-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #FOOTPRINT-content .FOOTPRINT-contentInner .FOOTPRINT-inlineWrap, html[data-lc-type=ajax] #FOOTPRINT-content .FOOTPRINT-contentInner .FOOTPRINT-inlineWrap, html[data-lc-type=error] #FOOTPRINT-content .FOOTPRINT-contentInner .FOOTPRINT-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]) #FOOTPRINT-content .FOOTPRINT-contentInner .FOOTPRINT-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) { #FOOTPRINT-content h1, #FOOTPRINT-content h2, #FOOTPRINT-content h3, #FOOTPRINT-content h4, #FOOTPRINT-content h5, #FOOTPRINT-content h6, #FOOTPRINT-content p { color: #aaa; } } @media screen and (min-width: 641px) { #FOOTPRINT-content h1, #FOOTPRINT-content h2, #FOOTPRINT-content h3, #FOOTPRINT-content h4, #FOOTPRINT-content h5, #FOOTPRINT-content h6, #FOOTPRINT-content p { color: #333; } } #FOOTPRINT-case p.FOOTPRINT-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) { #FOOTPRINT-case p.FOOTPRINT-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #FOOTPRINT-case p.FOOTPRINT-error { padding: 0; } } .FOOTPRINT-open body { overflow: hidden; } .FOOTPRINT-isMobileDevice .FOOTPRINT-open body { max-width: 100%; max-height: 100%; } #FOOTPRINT-info { position: absolute; padding-top: 15px; } #FOOTPRINT-info #FOOTPRINT-title, #FOOTPRINT-info #FOOTPRINT-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #FOOTPRINT-info #FOOTPRINT-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #FOOTPRINT-info #FOOTPRINT-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #FOOTPRINT-info #FOOTPRINT-caption { clear: both; font-size: 13px; color: #aaa; } #FOOTPRINT-info #FOOTPRINT-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .FOOTPRINT-fullScreenMode #FOOTPRINT-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]) #FOOTPRINT-info { position: static; } } #FOOTPRINT-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: FOOTPRINT-spin 0.5s infinite linear; -moz-animation: FOOTPRINT-spin 0.5s infinite linear; -o-animation: FOOTPRINT-spin 0.5s infinite linear; animation: FOOTPRINT-spin 0.5s infinite linear; } #FOOTPRINT-loading, #FOOTPRINT-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; } #FOOTPRINT-loading > span { display: inline-block; text-indent: -9999px; } a[class*='FOOTPRINT-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*='FOOTPRINT-icon-'], a[class*='FOOTPRINT-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*='FOOTPRINT-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='FOOTPRINT-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .FOOTPRINT-isMobileDevice a[class*='FOOTPRINT-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-prev { left: 15px; } a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-next { right: 15px; } a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-pause, a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-pause, a[class*='FOOTPRINT-icon-'].FOOTPRINT-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='FOOTPRINT-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='FOOTPRINT-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='FOOTPRINT-icon-']:hover, #FOOTPRINT-case:hover ~ a[class*='FOOTPRINT-icon-'] { opacity: 1; } } #FOOTPRINT-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) { #FOOTPRINT-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='FOOTPRINT-icon-'], a[class*='FOOTPRINT-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='FOOTPRINT-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*='FOOTPRINT-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #FOOTPRINT-content img { width: auto; height: auto; } #FOOTPRINT-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #FOOTPRINT-info #FOOTPRINT-sequenceInfo, #FOOTPRINT-info #FOOTPRINT-title, #FOOTPRINT-info #FOOTPRINT-caption { color: rgba(170, 170, 170, 1.00); } #FOOTPRINT-info #FOOTPRINT-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #FOOTPRINT-info #FOOTPRINT-caption { } /* @end */ /* Social icons in the lightbox */ #social-FOOTPRINT { 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-FOOTPRINT { display: block; } } #social-FOOTPRINT 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-FOOTPRINT a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-FOOTPRINT a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #FOOTPRINT-content, html[data-lc-type=video] #FOOTPRINT-content { background: transparent; } } #FOOTPRINT-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158013 { margin: 20px 0px 20px 0px; } #stacks_in_158043 { margin: 20px 0px 20px 0px; } #stacks_in_156802 .poster-title { display: none !important; } #stacks_in_156802 .poster-date { display: none !important; } #stacks_in_156802 .poster-readmore { display: none !important; } #stacks_in_156802 .blog-entry-author { display: none !important; } #stacks_in_156812 { padding: 20px 20px 0px 20px; } #stacks_in_156806 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #NEIL-ARMSTRONG { display: block; width: 100%; text-align: center; } #NEIL-ARMSTRONG li.proGalleryItem { -webkit-transform: translateZ(0); } #NEIL-ARMSTRONG ul#proGalleryThumbsstacks_in_158016 { padding: 0; margin: 0; list-style: none; } #NEIL-ARMSTRONG li.proGalleryItem { margin: 0; padding: 0; position: relative; } #NEIL-ARMSTRONG 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); } #NEIL-ARMSTRONG li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #NEIL-ARMSTRONG li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #NEIL-ARMSTRONG 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 */ #NEIL-ARMSTRONG 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; } /* */ /* */ /* */ /* */ /* */ /* */ #NEIL-ARMSTRONG { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } @media screen and (min-width: 568px) { #NEIL-ARMSTRONG { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } @media screen and (min-width: 992px) { #NEIL-ARMSTRONG { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } @media screen and (min-width: 1200px) { #NEIL-ARMSTRONG { -moz-column-count: 8; -moz-column-gap: 20px; -webkit-column-count: 8; -webkit-column-gap: 20px; column-count: 8; column-gap: 20px; } } #NEIL-ARMSTRONG li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #NEIL-ARMSTRONG .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); } #NEIL-ARMSTRONG .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #NEIL-ARMSTRONG .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #NEIL-ARMSTRONG.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #NEIL-ARMSTRONG.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #NEIL-ARMSTRONG.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #NEIL-ARMSTRONG.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #NEIL-ARMSTRONG.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #NEIL-ARMSTRONG.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #NEIL-ARMSTRONG.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #NEIL-ARMSTRONG.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; } #NEIL-ARMSTRONG.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #NEIL-ARMSTRONG.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #NEIL-ARMSTRONG.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #NEIL-ARMSTRONG.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #NEIL-ARMSTRONG li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #NEIL-ARMSTRONG li .proGalleryItemInner { overflow: hidden; } #NEIL-ARMSTRONG 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 */ } #NEIL-ARMSTRONG 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*='NEIL-ARMSTRONG-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 */ .NEIL-ARMSTRONG-icon-play:before { content: '\e800'; } .NEIL-ARMSTRONG-icon-pause:before { content: '\e801'; } .NEIL-ARMSTRONG-icon-close:before { content: '\e802'; } .NEIL-ARMSTRONG-icon-prev:before { content: '\e803'; } .NEIL-ARMSTRONG-icon-next:before { content: '\e804'; } .NEIL-ARMSTRONG-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 NEIL-ARMSTRONG-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 NEIL-ARMSTRONG-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 NEIL-ARMSTRONG-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 NEIL-ARMSTRONG-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 NEIL-ARMSTRONG-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #NEIL-ARMSTRONG-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] #NEIL-ARMSTRONG-case, html[data-lc-type=ajax] #NEIL-ARMSTRONG-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]) #NEIL-ARMSTRONG-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] #NEIL-ARMSTRONG-content, html[data-lc-type=video] #NEIL-ARMSTRONG-content { background-color: #333; } } html[data-lc-type=inline] #NEIL-ARMSTRONG-content, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content, html[data-lc-type=error] #NEIL-ARMSTRONG-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] #NEIL-ARMSTRONG-content, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content, html[data-lc-type=error] #NEIL-ARMSTRONG-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] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-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] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner { padding: 15px; } html[data-lc-type=inline] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=inline] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > *, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > *, html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > *:not(iframe), html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > *:not(iframe), html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.NEIL-ARMSTRONG-isMobileDevice[data-lc-type=iframe] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner, html[data-lc-type=video] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner { line-height: 0.75; } } html[data-lc-type=image] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner .NEIL-ARMSTRONG-inlineWrap, html[data-lc-type=ajax] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner .NEIL-ARMSTRONG-inlineWrap, html[data-lc-type=error] #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner .NEIL-ARMSTRONG-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]) #NEIL-ARMSTRONG-content .NEIL-ARMSTRONG-contentInner .NEIL-ARMSTRONG-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) { #NEIL-ARMSTRONG-content h1, #NEIL-ARMSTRONG-content h2, #NEIL-ARMSTRONG-content h3, #NEIL-ARMSTRONG-content h4, #NEIL-ARMSTRONG-content h5, #NEIL-ARMSTRONG-content h6, #NEIL-ARMSTRONG-content p { color: #aaa; } } @media screen and (min-width: 641px) { #NEIL-ARMSTRONG-content h1, #NEIL-ARMSTRONG-content h2, #NEIL-ARMSTRONG-content h3, #NEIL-ARMSTRONG-content h4, #NEIL-ARMSTRONG-content h5, #NEIL-ARMSTRONG-content h6, #NEIL-ARMSTRONG-content p { color: #333; } } #NEIL-ARMSTRONG-case p.NEIL-ARMSTRONG-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) { #NEIL-ARMSTRONG-case p.NEIL-ARMSTRONG-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #NEIL-ARMSTRONG-case p.NEIL-ARMSTRONG-error { padding: 0; } } .NEIL-ARMSTRONG-open body { overflow: hidden; } .NEIL-ARMSTRONG-isMobileDevice .NEIL-ARMSTRONG-open body { max-width: 100%; max-height: 100%; } #NEIL-ARMSTRONG-info { position: absolute; padding-top: 15px; } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-title, #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-caption { clear: both; font-size: 13px; color: #aaa; } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .NEIL-ARMSTRONG-fullScreenMode #NEIL-ARMSTRONG-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]) #NEIL-ARMSTRONG-info { position: static; } } #NEIL-ARMSTRONG-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: NEIL-ARMSTRONG-spin 0.5s infinite linear; -moz-animation: NEIL-ARMSTRONG-spin 0.5s infinite linear; -o-animation: NEIL-ARMSTRONG-spin 0.5s infinite linear; animation: NEIL-ARMSTRONG-spin 0.5s infinite linear; } #NEIL-ARMSTRONG-loading, #NEIL-ARMSTRONG-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; } #NEIL-ARMSTRONG-loading > span { display: inline-block; text-indent: -9999px; } a[class*='NEIL-ARMSTRONG-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*='NEIL-ARMSTRONG-icon-'], a[class*='NEIL-ARMSTRONG-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*='NEIL-ARMSTRONG-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='NEIL-ARMSTRONG-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .NEIL-ARMSTRONG-isMobileDevice a[class*='NEIL-ARMSTRONG-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-prev { left: 15px; } a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-next { right: 15px; } a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-pause, a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-pause, a[class*='NEIL-ARMSTRONG-icon-'].NEIL-ARMSTRONG-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='NEIL-ARMSTRONG-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='NEIL-ARMSTRONG-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='NEIL-ARMSTRONG-icon-']:hover, #NEIL-ARMSTRONG-case:hover ~ a[class*='NEIL-ARMSTRONG-icon-'] { opacity: 1; } } #NEIL-ARMSTRONG-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) { #NEIL-ARMSTRONG-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='NEIL-ARMSTRONG-icon-'], a[class*='NEIL-ARMSTRONG-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='NEIL-ARMSTRONG-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*='NEIL-ARMSTRONG-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #NEIL-ARMSTRONG-content img { width: auto; height: auto; } #NEIL-ARMSTRONG-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-sequenceInfo, #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-title, #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-caption { color: rgba(170, 170, 170, 1.00); } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #NEIL-ARMSTRONG-info #NEIL-ARMSTRONG-caption { } /* @end */ /* Social icons in the lightbox */ #social-NEIL-ARMSTRONG { 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-NEIL-ARMSTRONG { display: block; } } #social-NEIL-ARMSTRONG 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-NEIL-ARMSTRONG a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-NEIL-ARMSTRONG a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #NEIL-ARMSTRONG-content, html[data-lc-type=video] #NEIL-ARMSTRONG-content { background: transparent; } } #NEIL-ARMSTRONG-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_158016 { margin: 20px 0px 20px 0px; } #stacks_in_158046 { margin: 20px 0px 20px 0px; } #stacks_in_158028 { padding: 20px 0px 0px 0px; } .s-cols-stacks_in_158031_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_158031_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_158031_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_158031_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_158031_2{width:100%} .item_stacks_in_158031_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_158031_6{justify-content:flex-start;overflow:hidden; } #stacks_in_156818 .poster-title { display: none !important; } #stacks_in_156818 .poster-date { display: none !important; } #stacks_in_156818 .poster-readmore { display: none !important; } #stacks_in_156818 .blog-entry-author { display: none !important; } #stacks_in_156825 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #SPACEMAN { display: block; width: 100%; text-align: center; } #SPACEMAN li.proGalleryItem { -webkit-transform: translateZ(0); } #SPACEMAN ul#proGalleryThumbsstacks_in_156819 { padding: 0; margin: 0; list-style: none; } #SPACEMAN li.proGalleryItem { margin: 0; padding: 0; position: relative; } #SPACEMAN 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); } #SPACEMAN li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #SPACEMAN li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #SPACEMAN 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 */ #SPACEMAN 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; } /* */ /* */ /* */ /* */ /* */ /* */ #SPACEMAN { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } @media screen and (min-width: 568px) { #SPACEMAN { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } @media screen and (min-width: 992px) { #SPACEMAN { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } @media screen and (min-width: 1200px) { #SPACEMAN { -moz-column-count: 8; -moz-column-gap: 20px; -webkit-column-count: 8; -webkit-column-gap: 20px; column-count: 8; column-gap: 20px; } } #SPACEMAN li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #SPACEMAN .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); } #SPACEMAN .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SPACEMAN .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #SPACEMAN.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #SPACEMAN.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #SPACEMAN.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #SPACEMAN.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #SPACEMAN.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #SPACEMAN.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #SPACEMAN.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #SPACEMAN.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; } #SPACEMAN.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #SPACEMAN.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #SPACEMAN.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #SPACEMAN.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #SPACEMAN li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #SPACEMAN li .proGalleryItemInner { overflow: hidden; } #SPACEMAN 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 */ } #SPACEMAN 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*='SPACEMAN-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 */ .SPACEMAN-icon-play:before { content: '\e800'; } .SPACEMAN-icon-pause:before { content: '\e801'; } .SPACEMAN-icon-close:before { content: '\e802'; } .SPACEMAN-icon-prev:before { content: '\e803'; } .SPACEMAN-icon-next:before { content: '\e804'; } .SPACEMAN-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 SPACEMAN-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 SPACEMAN-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 SPACEMAN-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 SPACEMAN-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 SPACEMAN-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #SPACEMAN-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] #SPACEMAN-case, html[data-lc-type=ajax] #SPACEMAN-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]) #SPACEMAN-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] #SPACEMAN-content, html[data-lc-type=video] #SPACEMAN-content { background-color: #333; } } html[data-lc-type=inline] #SPACEMAN-content, html[data-lc-type=ajax] #SPACEMAN-content, html[data-lc-type=error] #SPACEMAN-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] #SPACEMAN-content, html[data-lc-type=ajax] #SPACEMAN-content, html[data-lc-type=error] #SPACEMAN-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] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-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] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-contentInner { padding: 15px; } html[data-lc-type=inline] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=inline] #SPACEMAN-content .SPACEMAN-contentInner > *, html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner > *, html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #SPACEMAN-content .SPACEMAN-contentInner > *:not(iframe), html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner > *:not(iframe), html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.SPACEMAN-isMobileDevice[data-lc-type=iframe] #SPACEMAN-content .SPACEMAN-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #SPACEMAN-content .SPACEMAN-contentInner, html[data-lc-type=video] #SPACEMAN-content .SPACEMAN-contentInner { line-height: 0.75; } } html[data-lc-type=image] #SPACEMAN-content .SPACEMAN-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #SPACEMAN-content .SPACEMAN-contentInner .SPACEMAN-inlineWrap, html[data-lc-type=ajax] #SPACEMAN-content .SPACEMAN-contentInner .SPACEMAN-inlineWrap, html[data-lc-type=error] #SPACEMAN-content .SPACEMAN-contentInner .SPACEMAN-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]) #SPACEMAN-content .SPACEMAN-contentInner .SPACEMAN-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) { #SPACEMAN-content h1, #SPACEMAN-content h2, #SPACEMAN-content h3, #SPACEMAN-content h4, #SPACEMAN-content h5, #SPACEMAN-content h6, #SPACEMAN-content p { color: #aaa; } } @media screen and (min-width: 641px) { #SPACEMAN-content h1, #SPACEMAN-content h2, #SPACEMAN-content h3, #SPACEMAN-content h4, #SPACEMAN-content h5, #SPACEMAN-content h6, #SPACEMAN-content p { color: #333; } } #SPACEMAN-case p.SPACEMAN-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) { #SPACEMAN-case p.SPACEMAN-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #SPACEMAN-case p.SPACEMAN-error { padding: 0; } } .SPACEMAN-open body { overflow: hidden; } .SPACEMAN-isMobileDevice .SPACEMAN-open body { max-width: 100%; max-height: 100%; } #SPACEMAN-info { position: absolute; padding-top: 15px; } #SPACEMAN-info #SPACEMAN-title, #SPACEMAN-info #SPACEMAN-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #SPACEMAN-info #SPACEMAN-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #SPACEMAN-info #SPACEMAN-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #SPACEMAN-info #SPACEMAN-caption { clear: both; font-size: 13px; color: #aaa; } #SPACEMAN-info #SPACEMAN-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .SPACEMAN-fullScreenMode #SPACEMAN-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]) #SPACEMAN-info { position: static; } } #SPACEMAN-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: SPACEMAN-spin 0.5s infinite linear; -moz-animation: SPACEMAN-spin 0.5s infinite linear; -o-animation: SPACEMAN-spin 0.5s infinite linear; animation: SPACEMAN-spin 0.5s infinite linear; } #SPACEMAN-loading, #SPACEMAN-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; } #SPACEMAN-loading > span { display: inline-block; text-indent: -9999px; } a[class*='SPACEMAN-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*='SPACEMAN-icon-'], a[class*='SPACEMAN-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*='SPACEMAN-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='SPACEMAN-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .SPACEMAN-isMobileDevice a[class*='SPACEMAN-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='SPACEMAN-icon-'].SPACEMAN-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='SPACEMAN-icon-'].SPACEMAN-icon-prev { left: 15px; } a[class*='SPACEMAN-icon-'].SPACEMAN-icon-next { right: 15px; } a[class*='SPACEMAN-icon-'].SPACEMAN-icon-pause, a[class*='SPACEMAN-icon-'].SPACEMAN-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='SPACEMAN-icon-'].SPACEMAN-icon-pause, a[class*='SPACEMAN-icon-'].SPACEMAN-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='SPACEMAN-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='SPACEMAN-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='SPACEMAN-icon-']:hover, #SPACEMAN-case:hover ~ a[class*='SPACEMAN-icon-'] { opacity: 1; } } #SPACEMAN-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) { #SPACEMAN-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='SPACEMAN-icon-'], a[class*='SPACEMAN-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='SPACEMAN-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*='SPACEMAN-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #SPACEMAN-content img { width: auto; height: auto; } #SPACEMAN-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #SPACEMAN-info #SPACEMAN-sequenceInfo, #SPACEMAN-info #SPACEMAN-title, #SPACEMAN-info #SPACEMAN-caption { color: rgba(170, 170, 170, 1.00); } #SPACEMAN-info #SPACEMAN-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #SPACEMAN-info #SPACEMAN-caption { } /* @end */ /* Social icons in the lightbox */ #social-SPACEMAN { 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-SPACEMAN { display: block; } } #social-SPACEMAN 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-SPACEMAN a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-SPACEMAN a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #SPACEMAN-content, html[data-lc-type=video] #SPACEMAN-content { background: transparent; } } #SPACEMAN-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156819 { margin: 20px 0px 0px 0px; } #stacks_in_158048 { margin: 20px 0px 20px 0px; } #stacks_in_158051 { padding: 20px 0px 0px 0px; } .s-cols-stacks_in_158047_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_158047_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_158047_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_158047_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_158047_2{width:100%} .item_stacks_in_158047_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_158047_6{justify-content:flex-start;overflow:hidden; } #stacks_in_156776 .poster-title { display: none !important; } #stacks_in_156776 .poster-date { display: none !important; } #stacks_in_156776 .poster-readmore { display: none !important; } #stacks_in_156776 .blog-entry-author { display: none !important; } #stacks_in_156782 { padding: 20px 20px 0px 20px; } #stacks_in_156762 .poster-title { display: none !important; } #stacks_in_156762 .poster-date { display: none !important; } #stacks_in_156762 .poster-readmore { display: none !important; } #stacks_in_156762 .blog-entry-author { display: none !important; } #stacks_in_156770 { padding: 20px 20px 0px 20px; } #stacks_in_156763 { padding: 20px 20px 0px 20px; } #stacks_in_156710 .poster-title { display: none !important; } #stacks_in_156710 .poster-date { display: none !important; } #stacks_in_156710 .poster-readmore { display: none !important; } #stacks_in_156710 .blog-entry-author { display: none !important; } #stacks_in_156756 { padding: 20px 20px 0px 20px; } /* @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_156714 { 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_156714 { margin: 20px 0px 20px 0px; } @media only screen and (min-width:0px){#stacks_in_156724{}} @media only screen and (min-width:0px){#stacks_in_156732{}} @media only screen and (min-width:0px){#stacks_in_156735{}} #stacks_in_156735 { margin: 40px 0px 0px 0px; padding: 20px; } #stacks_in_156735.p-pro-clear:before,#stacks_in_156735.p-pro-clear:after{content:" ";display:table}#stacks_in_156735.p-pro-clear:after{clear:both}#stacks_in_156735 .effect-label{display:block !important}#stacks_in_156735 .ppro > p:first-of-type + *{clear:both}#stacks_in_156735 .ppro-img{opacity:1.0;padding: 0px 20px 20px 0px }#stacks_in_156735 .ppro-img.prop-width{width:35%;max-width:250px;min-width:150px;height:auto}#stacks_in_156735 .ppro-img.fixed-width{width:200px;height:auto}#stacks_in_156735 .ppro-img.align-left{float:left}#stacks_in_156735 .ppro-img.align-right{float:right}#stacks_in_156735 .ppro-img.align-top-center{display:block;margin:0 auto}#stacks_in_156735 .ppro-img.toggle-off,#stacks_in_156735 .ppro-img.toggle-Off,#stacks_in_156735 .ppro-img.toggle-OFF,#stacks_in_156735 .ppro-img.toggle-NO,#stacks_in_156735 .ppro-img.toggle-No,#stacks_in_156735 .ppro-img.toggle-no,#stacks_in_156735 .ppro-img.toggle-false{display:none} #stacks_in_156735 .effect-label{display:block !important}#stacks_in_156735{}#stacks_in_156735.readmore-js-section{-webkit-box-sizing:border-box !important;box-sizing:border-box !important}#stacks_in_156735 p{margin-bottom:0 !important}.rm-stacks_in_156738.readmore-js-toggle{text-decoration:none;margin-top:20.00px;padding-bottom:1.00rem}.rm-stacks_in_156738.readmore-js-toggle.link-center{text-align:center}.rm-stacks_in_156738.readmore-js-toggle.link-right{text-align:right;padding-right:6px}.rm-stacks_in_156738.readmore-js-toggle.link-left{text-align:left;padding-left:6px}.framed-stacks_in_156735{border:2px solid rgba(218, 165, 32, 1.00);border-radius:0px}.rm-stacks_in_156738.readmore-js-toggle.rm-button{border-bottom-left-radius:-2px;border-bottom-right-radius:-2px} #stacks_in_156741 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_156741 .pullquote:before, #stacks_in_156741 .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_156741 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_156741 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_156741 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_156741 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_156747 { margin: 30px 0px 10px 0px; } #stacks_in_156750 { margin: 30px 0px 0px 0px; } #stacks_in_156752 { padding: 20px 0px 0px 0px; } #stacks_in_156754 { padding: 20px 0px 0px 0px; } #stacks_in_156831 .poster-title { display: none !important; } #stacks_in_156831 .poster-date { display: none !important; } #stacks_in_156831 .poster-readmore { display: none !important; } #stacks_in_156831 .blog-entry-author { display: none !important; } #stacks_in_156843 { padding: 20px 20px 0px 20px; } #stacks_in_156832 { padding: 20px; } #stacks_in_156837_2 { padding: 20px; } /* @group ProGallery Grid */ #Cirrii-Series { display: block; width: 100%; text-align: center; } #Cirrii-Series li.proGalleryItem { -webkit-transform: translateZ(0); } #Cirrii-Series ul#proGalleryThumbsstacks_in_156838 { padding: 0; margin: 0; list-style: none; } #Cirrii-Series li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Cirrii-Series 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); } #Cirrii-Series li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Cirrii-Series li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Cirrii-Series 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 */ #Cirrii-Series 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; } /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Cirrii-Series li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Cirrii-Series .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); } #Cirrii-Series .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Cirrii-Series.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Cirrii-Series.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Cirrii-Series.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Cirrii-Series.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Cirrii-Series.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Cirrii-Series.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Cirrii-Series.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; } #Cirrii-Series.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Cirrii-Series.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Cirrii-Series.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Cirrii-Series li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series li .proGalleryItemInner { overflow: hidden; } #Cirrii-Series 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 */ } #Cirrii-Series 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*='Cirrii-Series-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 */ .Cirrii-Series-icon-play:before { content: '\e800'; } .Cirrii-Series-icon-pause:before { content: '\e801'; } .Cirrii-Series-icon-close:before { content: '\e802'; } .Cirrii-Series-icon-prev:before { content: '\e803'; } .Cirrii-Series-icon-next:before { content: '\e804'; } .Cirrii-Series-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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Cirrii-Series-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] #Cirrii-Series-case, html[data-lc-type=ajax] #Cirrii-Series-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]) #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background-color: #333; } } html[data-lc-type=inline] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner { padding: 15px; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Cirrii-Series-isMobileDevice[data-lc-type=iframe] #Cirrii-Series-content .Cirrii-Series-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=video] #Cirrii-Series-content .Cirrii-Series-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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]) #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #333; } } #Cirrii-Series-case p.Cirrii-Series-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) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 0; } } .Cirrii-Series-open body { overflow: hidden; } .Cirrii-Series-isMobileDevice .Cirrii-Series-open body { max-width: 100%; max-height: 100%; } #Cirrii-Series-info { position: absolute; padding-top: 15px; } #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Cirrii-Series-info #Cirrii-Series-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Cirrii-Series-info #Cirrii-Series-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Cirrii-Series-info #Cirrii-Series-caption { clear: both; font-size: 13px; color: #aaa; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Cirrii-Series-fullScreenMode #Cirrii-Series-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]) #Cirrii-Series-info { position: static; } } #Cirrii-Series-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: Cirrii-Series-spin 0.5s infinite linear; -moz-animation: Cirrii-Series-spin 0.5s infinite linear; -o-animation: Cirrii-Series-spin 0.5s infinite linear; animation: Cirrii-Series-spin 0.5s infinite linear; } #Cirrii-Series-loading, #Cirrii-Series-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; } #Cirrii-Series-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Cirrii-Series-isMobileDevice a[class*='Cirrii-Series-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-prev { left: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-next { right: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Cirrii-Series-icon-']:hover, #Cirrii-Series-case:hover ~ a[class*='Cirrii-Series-icon-'] { opacity: 1; } } #Cirrii-Series-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) { #Cirrii-Series-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-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*='Cirrii-Series-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Cirrii-Series-content img { width: auto; height: auto; } #Cirrii-Series-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo, #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { color: rgba(170, 170, 170, 1.00); } #Cirrii-Series-info #Cirrii-Series-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series-info #Cirrii-Series-caption { } /* @end */ /* Social icons in the lightbox */ #social-Cirrii-Series { 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-Cirrii-Series { display: block; } } #social-Cirrii-Series 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-Cirrii-Series a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Cirrii-Series a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background: transparent; } } #Cirrii-Series-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156838 { margin: 20px 0px 0px 0px; } #stacks_in_156849 .poster-title { display: none !important; } #stacks_in_156849 .poster-date { display: none !important; } #stacks_in_156849 .poster-readmore { display: none !important; } #stacks_in_156849 .blog-entry-author { display: none !important; } #stacks_in_156861 { padding: 20px 20px 0px 20px; } #stacks_in_156850 { padding: 20px; } #stacks_in_156855_2 { padding: 20px; } /* @group ProGallery Grid */ #Cirrii-Series { display: block; width: 100%; text-align: center; } #Cirrii-Series li.proGalleryItem { -webkit-transform: translateZ(0); } #Cirrii-Series ul#proGalleryThumbsstacks_in_156856 { padding: 0; margin: 0; list-style: none; } #Cirrii-Series li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Cirrii-Series 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); } #Cirrii-Series li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Cirrii-Series li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Cirrii-Series 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 */ #Cirrii-Series 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; } /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Cirrii-Series li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Cirrii-Series .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); } #Cirrii-Series .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Cirrii-Series.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Cirrii-Series.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Cirrii-Series.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Cirrii-Series.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Cirrii-Series.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Cirrii-Series.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Cirrii-Series.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; } #Cirrii-Series.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Cirrii-Series.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Cirrii-Series.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Cirrii-Series li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series li .proGalleryItemInner { overflow: hidden; } #Cirrii-Series 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 */ } #Cirrii-Series 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*='Cirrii-Series-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 */ .Cirrii-Series-icon-play:before { content: '\e800'; } .Cirrii-Series-icon-pause:before { content: '\e801'; } .Cirrii-Series-icon-close:before { content: '\e802'; } .Cirrii-Series-icon-prev:before { content: '\e803'; } .Cirrii-Series-icon-next:before { content: '\e804'; } .Cirrii-Series-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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Cirrii-Series-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] #Cirrii-Series-case, html[data-lc-type=ajax] #Cirrii-Series-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]) #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background-color: #333; } } html[data-lc-type=inline] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner { padding: 15px; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Cirrii-Series-isMobileDevice[data-lc-type=iframe] #Cirrii-Series-content .Cirrii-Series-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=video] #Cirrii-Series-content .Cirrii-Series-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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]) #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #333; } } #Cirrii-Series-case p.Cirrii-Series-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) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 0; } } .Cirrii-Series-open body { overflow: hidden; } .Cirrii-Series-isMobileDevice .Cirrii-Series-open body { max-width: 100%; max-height: 100%; } #Cirrii-Series-info { position: absolute; padding-top: 15px; } #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Cirrii-Series-info #Cirrii-Series-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Cirrii-Series-info #Cirrii-Series-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Cirrii-Series-info #Cirrii-Series-caption { clear: both; font-size: 13px; color: #aaa; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Cirrii-Series-fullScreenMode #Cirrii-Series-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]) #Cirrii-Series-info { position: static; } } #Cirrii-Series-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: Cirrii-Series-spin 0.5s infinite linear; -moz-animation: Cirrii-Series-spin 0.5s infinite linear; -o-animation: Cirrii-Series-spin 0.5s infinite linear; animation: Cirrii-Series-spin 0.5s infinite linear; } #Cirrii-Series-loading, #Cirrii-Series-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; } #Cirrii-Series-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Cirrii-Series-isMobileDevice a[class*='Cirrii-Series-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-prev { left: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-next { right: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Cirrii-Series-icon-']:hover, #Cirrii-Series-case:hover ~ a[class*='Cirrii-Series-icon-'] { opacity: 1; } } #Cirrii-Series-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) { #Cirrii-Series-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-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*='Cirrii-Series-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Cirrii-Series-content img { width: auto; height: auto; } #Cirrii-Series-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo, #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { color: rgba(170, 170, 170, 1.00); } #Cirrii-Series-info #Cirrii-Series-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series-info #Cirrii-Series-caption { } /* @end */ /* Social icons in the lightbox */ #social-Cirrii-Series { 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-Cirrii-Series { display: block; } } #social-Cirrii-Series 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-Cirrii-Series a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Cirrii-Series a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background: transparent; } } #Cirrii-Series-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156856 { margin: 20px 0px 0px 0px; } #stacks_in_156867 .poster-title { display: none !important; } #stacks_in_156867 .poster-date { display: none !important; } #stacks_in_156867 .poster-readmore { display: none !important; } #stacks_in_156867 .blog-entry-author { display: none !important; } #stacks_in_156879 { padding: 20px 20px 0px 20px; } #stacks_in_156868 { padding: 20px; } #stacks_in_156873_2 { padding: 20px; } /* @group ProGallery Grid */ #Cirrii-Series { display: block; width: 100%; text-align: center; } #Cirrii-Series li.proGalleryItem { -webkit-transform: translateZ(0); } #Cirrii-Series ul#proGalleryThumbsstacks_in_156874 { padding: 0; margin: 0; list-style: none; } #Cirrii-Series li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Cirrii-Series 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); } #Cirrii-Series li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Cirrii-Series li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Cirrii-Series 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 */ #Cirrii-Series 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; } /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -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) { #Cirrii-Series { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Cirrii-Series li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Cirrii-Series .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); } #Cirrii-Series .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Cirrii-Series.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Cirrii-Series.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Cirrii-Series.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Cirrii-Series.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Cirrii-Series.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Cirrii-Series.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Cirrii-Series.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; } #Cirrii-Series.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Cirrii-Series.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Cirrii-Series.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Cirrii-Series.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Cirrii-Series li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Cirrii-Series li .proGalleryItemInner { overflow: hidden; } #Cirrii-Series 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 */ } #Cirrii-Series 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*='Cirrii-Series-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 */ .Cirrii-Series-icon-play:before { content: '\e800'; } .Cirrii-Series-icon-pause:before { content: '\e801'; } .Cirrii-Series-icon-close:before { content: '\e802'; } .Cirrii-Series-icon-prev:before { content: '\e803'; } .Cirrii-Series-icon-next:before { content: '\e804'; } .Cirrii-Series-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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 Cirrii-Series-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Cirrii-Series-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] #Cirrii-Series-case, html[data-lc-type=ajax] #Cirrii-Series-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]) #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background-color: #333; } } html[data-lc-type=inline] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content, html[data-lc-type=ajax] #Cirrii-Series-content, html[data-lc-type=error] #Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-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] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner { padding: 15px; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe), html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Cirrii-Series-isMobileDevice[data-lc-type=iframe] #Cirrii-Series-content .Cirrii-Series-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner, html[data-lc-type=video] #Cirrii-Series-content .Cirrii-Series-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Cirrii-Series-content .Cirrii-Series-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=ajax] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-inlineWrap, html[data-lc-type=error] #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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]) #Cirrii-Series-content .Cirrii-Series-contentInner .Cirrii-Series-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) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Cirrii-Series-content h1, #Cirrii-Series-content h2, #Cirrii-Series-content h3, #Cirrii-Series-content h4, #Cirrii-Series-content h5, #Cirrii-Series-content h6, #Cirrii-Series-content p { color: #333; } } #Cirrii-Series-case p.Cirrii-Series-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) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Cirrii-Series-case p.Cirrii-Series-error { padding: 0; } } .Cirrii-Series-open body { overflow: hidden; } .Cirrii-Series-isMobileDevice .Cirrii-Series-open body { max-width: 100%; max-height: 100%; } #Cirrii-Series-info { position: absolute; padding-top: 15px; } #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Cirrii-Series-info #Cirrii-Series-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Cirrii-Series-info #Cirrii-Series-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Cirrii-Series-info #Cirrii-Series-caption { clear: both; font-size: 13px; color: #aaa; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Cirrii-Series-fullScreenMode #Cirrii-Series-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]) #Cirrii-Series-info { position: static; } } #Cirrii-Series-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: Cirrii-Series-spin 0.5s infinite linear; -moz-animation: Cirrii-Series-spin 0.5s infinite linear; -o-animation: Cirrii-Series-spin 0.5s infinite linear; animation: Cirrii-Series-spin 0.5s infinite linear; } #Cirrii-Series-loading, #Cirrii-Series-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; } #Cirrii-Series-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-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*='Cirrii-Series-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Cirrii-Series-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Cirrii-Series-isMobileDevice a[class*='Cirrii-Series-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-prev { left: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-next { right: 15px; } a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-pause, a[class*='Cirrii-Series-icon-'].Cirrii-Series-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Cirrii-Series-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Cirrii-Series-icon-']:hover, #Cirrii-Series-case:hover ~ a[class*='Cirrii-Series-icon-'] { opacity: 1; } } #Cirrii-Series-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) { #Cirrii-Series-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Cirrii-Series-icon-'], a[class*='Cirrii-Series-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Cirrii-Series-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*='Cirrii-Series-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Cirrii-Series-content img { width: auto; height: auto; } #Cirrii-Series-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Cirrii-Series-info #Cirrii-Series-sequenceInfo, #Cirrii-Series-info #Cirrii-Series-title, #Cirrii-Series-info #Cirrii-Series-caption { color: rgba(170, 170, 170, 1.00); } #Cirrii-Series-info #Cirrii-Series-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Cirrii-Series-info #Cirrii-Series-caption { } /* @end */ /* Social icons in the lightbox */ #social-Cirrii-Series { 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-Cirrii-Series { display: block; } } #social-Cirrii-Series 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-Cirrii-Series a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Cirrii-Series a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Cirrii-Series-content, html[data-lc-type=video] #Cirrii-Series-content { background: transparent; } } #Cirrii-Series-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156874 { margin: 20px 0px 0px 0px; } #stacks_in_156903 .poster-title { display: none !important; } #stacks_in_156903 .poster-date { display: none !important; } #stacks_in_156903 .poster-readmore { display: none !important; } #stacks_in_156903 .blog-entry-author { display: none !important; } #stacks_in_156905 { padding: 20px 20px 0px 20px; } #stacks_in_156885 .poster-title { display: none !important; } #stacks_in_156885 .poster-date { display: none !important; } #stacks_in_156885 .poster-readmore { display: none !important; } #stacks_in_156885 .blog-entry-author { display: none !important; } #stacks_in_156887 { padding: 20px 20px 0px 20px; } #stacks_in_156893 .poster-title { display: none !important; } #stacks_in_156893 .poster-date { display: none !important; } #stacks_in_156893 .poster-readmore { display: none !important; } #stacks_in_156893 .blog-entry-author { display: none !important; } #stacks_in_156897 { padding: 20px 20px 0px 20px; } #stacks_in_156911 .poster-title { display: none !important; } #stacks_in_156911 .poster-date { display: none !important; } #stacks_in_156911 .poster-readmore { display: none !important; } #stacks_in_156911 .blog-entry-author { display: none !important; } #stacks_in_156918 { padding: 20px 20px 0px 20px; } #stacks_in_156912 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #TRANSMUTE { display: block; width: 100%; text-align: center; } #TRANSMUTE li.proGalleryItem { -webkit-transform: translateZ(0); } #TRANSMUTE ul#proGalleryThumbsstacks_in_156915 { padding: 0; margin: 0; list-style: none; } #TRANSMUTE li.proGalleryItem { margin: 0; padding: 0; position: relative; } #TRANSMUTE 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); } #TRANSMUTE li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #TRANSMUTE li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #TRANSMUTE 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 */ #TRANSMUTE 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; } /* */ /* */ /* */ /* */ /* */ /* */ #TRANSMUTE { -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) { #TRANSMUTE { -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) { #TRANSMUTE { -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) { #TRANSMUTE { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #TRANSMUTE li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #TRANSMUTE .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); } #TRANSMUTE .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TRANSMUTE .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #TRANSMUTE.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #TRANSMUTE.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #TRANSMUTE.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #TRANSMUTE.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #TRANSMUTE.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #TRANSMUTE.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #TRANSMUTE.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #TRANSMUTE.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; } #TRANSMUTE.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #TRANSMUTE.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #TRANSMUTE.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #TRANSMUTE.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #TRANSMUTE li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #TRANSMUTE li .proGalleryItemInner { overflow: hidden; } #TRANSMUTE 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 */ } #TRANSMUTE 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*='TRANSMUTE-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 */ .TRANSMUTE-icon-play:before { content: '\e800'; } .TRANSMUTE-icon-pause:before { content: '\e801'; } .TRANSMUTE-icon-close:before { content: '\e802'; } .TRANSMUTE-icon-prev:before { content: '\e803'; } .TRANSMUTE-icon-next:before { content: '\e804'; } .TRANSMUTE-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 TRANSMUTE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 TRANSMUTE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 TRANSMUTE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 TRANSMUTE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 TRANSMUTE-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #TRANSMUTE-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] #TRANSMUTE-case, html[data-lc-type=ajax] #TRANSMUTE-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]) #TRANSMUTE-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] #TRANSMUTE-content, html[data-lc-type=video] #TRANSMUTE-content { background-color: #333; } } html[data-lc-type=inline] #TRANSMUTE-content, html[data-lc-type=ajax] #TRANSMUTE-content, html[data-lc-type=error] #TRANSMUTE-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] #TRANSMUTE-content, html[data-lc-type=ajax] #TRANSMUTE-content, html[data-lc-type=error] #TRANSMUTE-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] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-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] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-contentInner { padding: 15px; } html[data-lc-type=inline] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=inline] #TRANSMUTE-content .TRANSMUTE-contentInner > *, html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner > *, html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #TRANSMUTE-content .TRANSMUTE-contentInner > *:not(iframe), html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner > *:not(iframe), html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.TRANSMUTE-isMobileDevice[data-lc-type=iframe] #TRANSMUTE-content .TRANSMUTE-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #TRANSMUTE-content .TRANSMUTE-contentInner, html[data-lc-type=video] #TRANSMUTE-content .TRANSMUTE-contentInner { line-height: 0.75; } } html[data-lc-type=image] #TRANSMUTE-content .TRANSMUTE-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #TRANSMUTE-content .TRANSMUTE-contentInner .TRANSMUTE-inlineWrap, html[data-lc-type=ajax] #TRANSMUTE-content .TRANSMUTE-contentInner .TRANSMUTE-inlineWrap, html[data-lc-type=error] #TRANSMUTE-content .TRANSMUTE-contentInner .TRANSMUTE-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]) #TRANSMUTE-content .TRANSMUTE-contentInner .TRANSMUTE-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) { #TRANSMUTE-content h1, #TRANSMUTE-content h2, #TRANSMUTE-content h3, #TRANSMUTE-content h4, #TRANSMUTE-content h5, #TRANSMUTE-content h6, #TRANSMUTE-content p { color: #aaa; } } @media screen and (min-width: 641px) { #TRANSMUTE-content h1, #TRANSMUTE-content h2, #TRANSMUTE-content h3, #TRANSMUTE-content h4, #TRANSMUTE-content h5, #TRANSMUTE-content h6, #TRANSMUTE-content p { color: #333; } } #TRANSMUTE-case p.TRANSMUTE-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) { #TRANSMUTE-case p.TRANSMUTE-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #TRANSMUTE-case p.TRANSMUTE-error { padding: 0; } } .TRANSMUTE-open body { overflow: hidden; } .TRANSMUTE-isMobileDevice .TRANSMUTE-open body { max-width: 100%; max-height: 100%; } #TRANSMUTE-info { position: absolute; padding-top: 15px; } #TRANSMUTE-info #TRANSMUTE-title, #TRANSMUTE-info #TRANSMUTE-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #TRANSMUTE-info #TRANSMUTE-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #TRANSMUTE-info #TRANSMUTE-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #TRANSMUTE-info #TRANSMUTE-caption { clear: both; font-size: 13px; color: #aaa; } #TRANSMUTE-info #TRANSMUTE-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .TRANSMUTE-fullScreenMode #TRANSMUTE-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]) #TRANSMUTE-info { position: static; } } #TRANSMUTE-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: TRANSMUTE-spin 0.5s infinite linear; -moz-animation: TRANSMUTE-spin 0.5s infinite linear; -o-animation: TRANSMUTE-spin 0.5s infinite linear; animation: TRANSMUTE-spin 0.5s infinite linear; } #TRANSMUTE-loading, #TRANSMUTE-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; } #TRANSMUTE-loading > span { display: inline-block; text-indent: -9999px; } a[class*='TRANSMUTE-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*='TRANSMUTE-icon-'], a[class*='TRANSMUTE-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*='TRANSMUTE-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='TRANSMUTE-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .TRANSMUTE-isMobileDevice a[class*='TRANSMUTE-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-prev { left: 15px; } a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-next { right: 15px; } a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-pause, a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-pause, a[class*='TRANSMUTE-icon-'].TRANSMUTE-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='TRANSMUTE-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='TRANSMUTE-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='TRANSMUTE-icon-']:hover, #TRANSMUTE-case:hover ~ a[class*='TRANSMUTE-icon-'] { opacity: 1; } } #TRANSMUTE-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) { #TRANSMUTE-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='TRANSMUTE-icon-'], a[class*='TRANSMUTE-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='TRANSMUTE-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*='TRANSMUTE-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #TRANSMUTE-content img { width: auto; height: auto; } #TRANSMUTE-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #TRANSMUTE-info #TRANSMUTE-sequenceInfo, #TRANSMUTE-info #TRANSMUTE-title, #TRANSMUTE-info #TRANSMUTE-caption { color: rgba(170, 170, 170, 1.00); } #TRANSMUTE-info #TRANSMUTE-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #TRANSMUTE-info #TRANSMUTE-caption { } /* @end */ /* Social icons in the lightbox */ #social-TRANSMUTE { 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-TRANSMUTE { display: block; } } #social-TRANSMUTE 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-TRANSMUTE a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-TRANSMUTE a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #TRANSMUTE-content, html[data-lc-type=video] #TRANSMUTE-content { background: transparent; } } #TRANSMUTE-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156915 { margin: 20px 0px 0px 0px; } #stacks_in_156951 .poster-title { display: none !important; } #stacks_in_156951 .poster-date { display: none !important; } #stacks_in_156951 .poster-readmore { display: none !important; } #stacks_in_156951 .blog-entry-author { display: none !important; } #stacks_in_156958 { padding: 20px 20px 0px 20px; } #stacks_in_156952 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #chachacha { display: block; width: 100%; text-align: center; } #chachacha li.proGalleryItem { -webkit-transform: translateZ(0); } #chachacha ul#proGalleryThumbsstacks_in_156955 { padding: 0; margin: 0; list-style: none; } #chachacha li.proGalleryItem { margin: 0; padding: 0; position: relative; } #chachacha 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); } #chachacha li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #chachacha li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #chachacha 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 */ #chachacha 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; } /* */ /* */ /* */ /* */ /* */ /* */ #chachacha { -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) { #chachacha { -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) { #chachacha { -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) { #chachacha { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #chachacha li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #chachacha .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); } #chachacha .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #chachacha .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #chachacha.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #chachacha.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #chachacha.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #chachacha.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #chachacha.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #chachacha.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #chachacha.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #chachacha.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; } #chachacha.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #chachacha.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #chachacha.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #chachacha.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #chachacha li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #chachacha li .proGalleryItemInner { overflow: hidden; } #chachacha 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 */ } #chachacha 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*='chachacha-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 */ .chachacha-icon-play:before { content: '\e800'; } .chachacha-icon-pause:before { content: '\e801'; } .chachacha-icon-close:before { content: '\e802'; } .chachacha-icon-prev:before { content: '\e803'; } .chachacha-icon-next:before { content: '\e804'; } .chachacha-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 chachacha-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 chachacha-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 chachacha-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 chachacha-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 chachacha-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #chachacha-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] #chachacha-case, html[data-lc-type=ajax] #chachacha-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]) #chachacha-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] #chachacha-content, html[data-lc-type=video] #chachacha-content { background-color: #333; } } html[data-lc-type=inline] #chachacha-content, html[data-lc-type=ajax] #chachacha-content, html[data-lc-type=error] #chachacha-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] #chachacha-content, html[data-lc-type=ajax] #chachacha-content, html[data-lc-type=error] #chachacha-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] #chachacha-content .chachacha-contentInner, html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner, html[data-lc-type=error] #chachacha-content .chachacha-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] #chachacha-content .chachacha-contentInner, html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner, html[data-lc-type=error] #chachacha-content .chachacha-contentInner { padding: 15px; } html[data-lc-type=inline] #chachacha-content .chachacha-contentInner, html[data-lc-type=inline] #chachacha-content .chachacha-contentInner > *, html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner, html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner > *, html[data-lc-type=error] #chachacha-content .chachacha-contentInner, html[data-lc-type=error] #chachacha-content .chachacha-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #chachacha-content .chachacha-contentInner > *:not(iframe), html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner > *:not(iframe), html[data-lc-type=error] #chachacha-content .chachacha-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.chachacha-isMobileDevice[data-lc-type=iframe] #chachacha-content .chachacha-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #chachacha-content .chachacha-contentInner, html[data-lc-type=video] #chachacha-content .chachacha-contentInner { line-height: 0.75; } } html[data-lc-type=image] #chachacha-content .chachacha-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #chachacha-content .chachacha-contentInner .chachacha-inlineWrap, html[data-lc-type=ajax] #chachacha-content .chachacha-contentInner .chachacha-inlineWrap, html[data-lc-type=error] #chachacha-content .chachacha-contentInner .chachacha-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]) #chachacha-content .chachacha-contentInner .chachacha-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) { #chachacha-content h1, #chachacha-content h2, #chachacha-content h3, #chachacha-content h4, #chachacha-content h5, #chachacha-content h6, #chachacha-content p { color: #aaa; } } @media screen and (min-width: 641px) { #chachacha-content h1, #chachacha-content h2, #chachacha-content h3, #chachacha-content h4, #chachacha-content h5, #chachacha-content h6, #chachacha-content p { color: #333; } } #chachacha-case p.chachacha-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) { #chachacha-case p.chachacha-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #chachacha-case p.chachacha-error { padding: 0; } } .chachacha-open body { overflow: hidden; } .chachacha-isMobileDevice .chachacha-open body { max-width: 100%; max-height: 100%; } #chachacha-info { position: absolute; padding-top: 15px; } #chachacha-info #chachacha-title, #chachacha-info #chachacha-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #chachacha-info #chachacha-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #chachacha-info #chachacha-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #chachacha-info #chachacha-caption { clear: both; font-size: 13px; color: #aaa; } #chachacha-info #chachacha-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .chachacha-fullScreenMode #chachacha-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]) #chachacha-info { position: static; } } #chachacha-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: chachacha-spin 0.5s infinite linear; -moz-animation: chachacha-spin 0.5s infinite linear; -o-animation: chachacha-spin 0.5s infinite linear; animation: chachacha-spin 0.5s infinite linear; } #chachacha-loading, #chachacha-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; } #chachacha-loading > span { display: inline-block; text-indent: -9999px; } a[class*='chachacha-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*='chachacha-icon-'], a[class*='chachacha-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*='chachacha-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='chachacha-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .chachacha-isMobileDevice a[class*='chachacha-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='chachacha-icon-'].chachacha-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='chachacha-icon-'].chachacha-icon-prev { left: 15px; } a[class*='chachacha-icon-'].chachacha-icon-next { right: 15px; } a[class*='chachacha-icon-'].chachacha-icon-pause, a[class*='chachacha-icon-'].chachacha-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='chachacha-icon-'].chachacha-icon-pause, a[class*='chachacha-icon-'].chachacha-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='chachacha-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='chachacha-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='chachacha-icon-']:hover, #chachacha-case:hover ~ a[class*='chachacha-icon-'] { opacity: 1; } } #chachacha-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) { #chachacha-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='chachacha-icon-'], a[class*='chachacha-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='chachacha-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*='chachacha-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #chachacha-content img { width: auto; height: auto; } #chachacha-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #chachacha-info #chachacha-sequenceInfo, #chachacha-info #chachacha-title, #chachacha-info #chachacha-caption { color: rgba(170, 170, 170, 1.00); } #chachacha-info #chachacha-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #chachacha-info #chachacha-caption { } /* @end */ /* Social icons in the lightbox */ #social-chachacha { 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-chachacha { display: block; } } #social-chachacha 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-chachacha a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-chachacha a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #chachacha-content, html[data-lc-type=video] #chachacha-content { background: transparent; } } #chachacha-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156955 { margin: 20px 0px 0px 0px; } #stacks_in_156964 .poster-title { display: none !important; } #stacks_in_156964 .poster-date { display: none !important; } #stacks_in_156964 .poster-readmore { display: none !important; } #stacks_in_156964 .blog-entry-author { display: none !important; } #stacks_in_156968 { padding: 20px 20px 0px 20px; } #uTubestacks_in_157556 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #uTubestacks_in_157556 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_156924 .poster-title { display: none !important; } #stacks_in_156924 .poster-date { display: none !important; } #stacks_in_156924 .poster-readmore { display: none !important; } #stacks_in_156924 .blog-entry-author { display: none !important; } #stacks_in_156930 { padding: 20px 20px 0px 20px; } #stacks_in_156925_1 { padding: 20px; } #stacks_in_156925_4 { padding: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #transpose-2012 { display: block; width: 100%; text-align: center; } #transpose-2012 li.proGalleryItem { -webkit-transform: translateZ(0); } #transpose-2012 ul#proGalleryThumbsstacks_in_156927 { padding: 0; margin: 0; list-style: none; } #transpose-2012 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #transpose-2012 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); } #transpose-2012 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #transpose-2012 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #transpose-2012 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 */ #transpose-2012 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; } /* */ /* */ /* */ /* */ /* */ /* */ #transpose-2012 { -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) { #transpose-2012 { -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) { #transpose-2012 { -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) { #transpose-2012 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #transpose-2012 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #transpose-2012 .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); } #transpose-2012 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #transpose-2012 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #transpose-2012.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #transpose-2012.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #transpose-2012.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #transpose-2012.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #transpose-2012.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #transpose-2012.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #transpose-2012.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #transpose-2012.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; } #transpose-2012.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #transpose-2012.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #transpose-2012.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #transpose-2012.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #transpose-2012 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #transpose-2012 li .proGalleryItemInner { overflow: hidden; } #transpose-2012 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 */ } #transpose-2012 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*='transpose-2012-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 */ .transpose-2012-icon-play:before { content: '\e800'; } .transpose-2012-icon-pause:before { content: '\e801'; } .transpose-2012-icon-close:before { content: '\e802'; } .transpose-2012-icon-prev:before { content: '\e803'; } .transpose-2012-icon-next:before { content: '\e804'; } .transpose-2012-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 transpose-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transpose-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transpose-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transpose-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transpose-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #transpose-2012-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] #transpose-2012-case, html[data-lc-type=ajax] #transpose-2012-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]) #transpose-2012-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] #transpose-2012-content, html[data-lc-type=video] #transpose-2012-content { background-color: #333; } } html[data-lc-type=inline] #transpose-2012-content, html[data-lc-type=ajax] #transpose-2012-content, html[data-lc-type=error] #transpose-2012-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] #transpose-2012-content, html[data-lc-type=ajax] #transpose-2012-content, html[data-lc-type=error] #transpose-2012-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] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=error] #transpose-2012-content .transpose-2012-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] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=error] #transpose-2012-content .transpose-2012-contentInner { padding: 15px; } html[data-lc-type=inline] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=inline] #transpose-2012-content .transpose-2012-contentInner > *, html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner > *, html[data-lc-type=error] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=error] #transpose-2012-content .transpose-2012-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #transpose-2012-content .transpose-2012-contentInner > *:not(iframe), html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner > *:not(iframe), html[data-lc-type=error] #transpose-2012-content .transpose-2012-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.transpose-2012-isMobileDevice[data-lc-type=iframe] #transpose-2012-content .transpose-2012-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #transpose-2012-content .transpose-2012-contentInner, html[data-lc-type=video] #transpose-2012-content .transpose-2012-contentInner { line-height: 0.75; } } html[data-lc-type=image] #transpose-2012-content .transpose-2012-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #transpose-2012-content .transpose-2012-contentInner .transpose-2012-inlineWrap, html[data-lc-type=ajax] #transpose-2012-content .transpose-2012-contentInner .transpose-2012-inlineWrap, html[data-lc-type=error] #transpose-2012-content .transpose-2012-contentInner .transpose-2012-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]) #transpose-2012-content .transpose-2012-contentInner .transpose-2012-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) { #transpose-2012-content h1, #transpose-2012-content h2, #transpose-2012-content h3, #transpose-2012-content h4, #transpose-2012-content h5, #transpose-2012-content h6, #transpose-2012-content p { color: #aaa; } } @media screen and (min-width: 641px) { #transpose-2012-content h1, #transpose-2012-content h2, #transpose-2012-content h3, #transpose-2012-content h4, #transpose-2012-content h5, #transpose-2012-content h6, #transpose-2012-content p { color: #333; } } #transpose-2012-case p.transpose-2012-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) { #transpose-2012-case p.transpose-2012-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #transpose-2012-case p.transpose-2012-error { padding: 0; } } .transpose-2012-open body { overflow: hidden; } .transpose-2012-isMobileDevice .transpose-2012-open body { max-width: 100%; max-height: 100%; } #transpose-2012-info { position: absolute; padding-top: 15px; } #transpose-2012-info #transpose-2012-title, #transpose-2012-info #transpose-2012-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #transpose-2012-info #transpose-2012-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #transpose-2012-info #transpose-2012-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #transpose-2012-info #transpose-2012-caption { clear: both; font-size: 13px; color: #aaa; } #transpose-2012-info #transpose-2012-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .transpose-2012-fullScreenMode #transpose-2012-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]) #transpose-2012-info { position: static; } } #transpose-2012-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: transpose-2012-spin 0.5s infinite linear; -moz-animation: transpose-2012-spin 0.5s infinite linear; -o-animation: transpose-2012-spin 0.5s infinite linear; animation: transpose-2012-spin 0.5s infinite linear; } #transpose-2012-loading, #transpose-2012-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; } #transpose-2012-loading > span { display: inline-block; text-indent: -9999px; } a[class*='transpose-2012-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*='transpose-2012-icon-'], a[class*='transpose-2012-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*='transpose-2012-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='transpose-2012-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .transpose-2012-isMobileDevice a[class*='transpose-2012-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='transpose-2012-icon-'].transpose-2012-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='transpose-2012-icon-'].transpose-2012-icon-prev { left: 15px; } a[class*='transpose-2012-icon-'].transpose-2012-icon-next { right: 15px; } a[class*='transpose-2012-icon-'].transpose-2012-icon-pause, a[class*='transpose-2012-icon-'].transpose-2012-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='transpose-2012-icon-'].transpose-2012-icon-pause, a[class*='transpose-2012-icon-'].transpose-2012-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='transpose-2012-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='transpose-2012-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='transpose-2012-icon-']:hover, #transpose-2012-case:hover ~ a[class*='transpose-2012-icon-'] { opacity: 1; } } #transpose-2012-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) { #transpose-2012-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='transpose-2012-icon-'], a[class*='transpose-2012-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='transpose-2012-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*='transpose-2012-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #transpose-2012-content img { width: auto; height: auto; } #transpose-2012-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #transpose-2012-info #transpose-2012-sequenceInfo, #transpose-2012-info #transpose-2012-title, #transpose-2012-info #transpose-2012-caption { color: rgba(170, 170, 170, 1.00); } #transpose-2012-info #transpose-2012-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #transpose-2012-info #transpose-2012-caption { } /* @end */ /* Social icons in the lightbox */ #social-transpose-2012 { 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-transpose-2012 { display: block; } } #social-transpose-2012 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-transpose-2012 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-transpose-2012 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #transpose-2012-content, html[data-lc-type=video] #transpose-2012-content { background: transparent; } } #transpose-2012-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156927 { margin: 20px 0px 0px 0px; } #stacks_in_156936 .poster-title { display: none !important; } #stacks_in_156936 .poster-date { display: none !important; } #stacks_in_156936 .poster-readmore { display: none !important; } #stacks_in_156936 .blog-entry-author { display: none !important; } #stacks_in_156945 { padding: 20px 20px 0px 20px; } #stacks_in_156937 { padding: 20px; } /* @group ProGallery Grid */ #transcend-2012 { display: block; width: 100%; text-align: center; } #transcend-2012 li.proGalleryItem { -webkit-transform: translateZ(0); } #transcend-2012 ul#proGalleryThumbsstacks_in_156942 { padding: 0; margin: 0; list-style: none; } #transcend-2012 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #transcend-2012 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); } #transcend-2012 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #transcend-2012 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #transcend-2012 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 */ #transcend-2012 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; } /* */ /* */ /* */ /* */ /* */ /* */ #transcend-2012 { -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) { #transcend-2012 { -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) { #transcend-2012 { -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) { #transcend-2012 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #transcend-2012 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #transcend-2012 .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); } #transcend-2012 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #transcend-2012 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #transcend-2012.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #transcend-2012.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #transcend-2012.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #transcend-2012.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #transcend-2012.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #transcend-2012.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #transcend-2012.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #transcend-2012.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; } #transcend-2012.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #transcend-2012.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #transcend-2012.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #transcend-2012.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #transcend-2012 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #transcend-2012 li .proGalleryItemInner { overflow: hidden; } #transcend-2012 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 */ } #transcend-2012 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*='transcend-2012-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 */ .transcend-2012-icon-play:before { content: '\e800'; } .transcend-2012-icon-pause:before { content: '\e801'; } .transcend-2012-icon-close:before { content: '\e802'; } .transcend-2012-icon-prev:before { content: '\e803'; } .transcend-2012-icon-next:before { content: '\e804'; } .transcend-2012-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 transcend-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transcend-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transcend-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transcend-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 transcend-2012-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #transcend-2012-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] #transcend-2012-case, html[data-lc-type=ajax] #transcend-2012-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]) #transcend-2012-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] #transcend-2012-content, html[data-lc-type=video] #transcend-2012-content { background-color: #333; } } html[data-lc-type=inline] #transcend-2012-content, html[data-lc-type=ajax] #transcend-2012-content, html[data-lc-type=error] #transcend-2012-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] #transcend-2012-content, html[data-lc-type=ajax] #transcend-2012-content, html[data-lc-type=error] #transcend-2012-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] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=error] #transcend-2012-content .transcend-2012-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] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=error] #transcend-2012-content .transcend-2012-contentInner { padding: 15px; } html[data-lc-type=inline] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=inline] #transcend-2012-content .transcend-2012-contentInner > *, html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner > *, html[data-lc-type=error] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=error] #transcend-2012-content .transcend-2012-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #transcend-2012-content .transcend-2012-contentInner > *:not(iframe), html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner > *:not(iframe), html[data-lc-type=error] #transcend-2012-content .transcend-2012-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.transcend-2012-isMobileDevice[data-lc-type=iframe] #transcend-2012-content .transcend-2012-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #transcend-2012-content .transcend-2012-contentInner, html[data-lc-type=video] #transcend-2012-content .transcend-2012-contentInner { line-height: 0.75; } } html[data-lc-type=image] #transcend-2012-content .transcend-2012-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #transcend-2012-content .transcend-2012-contentInner .transcend-2012-inlineWrap, html[data-lc-type=ajax] #transcend-2012-content .transcend-2012-contentInner .transcend-2012-inlineWrap, html[data-lc-type=error] #transcend-2012-content .transcend-2012-contentInner .transcend-2012-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]) #transcend-2012-content .transcend-2012-contentInner .transcend-2012-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) { #transcend-2012-content h1, #transcend-2012-content h2, #transcend-2012-content h3, #transcend-2012-content h4, #transcend-2012-content h5, #transcend-2012-content h6, #transcend-2012-content p { color: #aaa; } } @media screen and (min-width: 641px) { #transcend-2012-content h1, #transcend-2012-content h2, #transcend-2012-content h3, #transcend-2012-content h4, #transcend-2012-content h5, #transcend-2012-content h6, #transcend-2012-content p { color: #333; } } #transcend-2012-case p.transcend-2012-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) { #transcend-2012-case p.transcend-2012-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #transcend-2012-case p.transcend-2012-error { padding: 0; } } .transcend-2012-open body { overflow: hidden; } .transcend-2012-isMobileDevice .transcend-2012-open body { max-width: 100%; max-height: 100%; } #transcend-2012-info { position: absolute; padding-top: 15px; } #transcend-2012-info #transcend-2012-title, #transcend-2012-info #transcend-2012-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #transcend-2012-info #transcend-2012-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #transcend-2012-info #transcend-2012-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #transcend-2012-info #transcend-2012-caption { clear: both; font-size: 13px; color: #aaa; } #transcend-2012-info #transcend-2012-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .transcend-2012-fullScreenMode #transcend-2012-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]) #transcend-2012-info { position: static; } } #transcend-2012-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: transcend-2012-spin 0.5s infinite linear; -moz-animation: transcend-2012-spin 0.5s infinite linear; -o-animation: transcend-2012-spin 0.5s infinite linear; animation: transcend-2012-spin 0.5s infinite linear; } #transcend-2012-loading, #transcend-2012-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; } #transcend-2012-loading > span { display: inline-block; text-indent: -9999px; } a[class*='transcend-2012-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*='transcend-2012-icon-'], a[class*='transcend-2012-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*='transcend-2012-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='transcend-2012-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .transcend-2012-isMobileDevice a[class*='transcend-2012-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='transcend-2012-icon-'].transcend-2012-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='transcend-2012-icon-'].transcend-2012-icon-prev { left: 15px; } a[class*='transcend-2012-icon-'].transcend-2012-icon-next { right: 15px; } a[class*='transcend-2012-icon-'].transcend-2012-icon-pause, a[class*='transcend-2012-icon-'].transcend-2012-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='transcend-2012-icon-'].transcend-2012-icon-pause, a[class*='transcend-2012-icon-'].transcend-2012-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='transcend-2012-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='transcend-2012-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='transcend-2012-icon-']:hover, #transcend-2012-case:hover ~ a[class*='transcend-2012-icon-'] { opacity: 1; } } #transcend-2012-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) { #transcend-2012-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='transcend-2012-icon-'], a[class*='transcend-2012-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='transcend-2012-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*='transcend-2012-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #transcend-2012-content img { width: auto; height: auto; } #transcend-2012-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #transcend-2012-info #transcend-2012-sequenceInfo, #transcend-2012-info #transcend-2012-title, #transcend-2012-info #transcend-2012-caption { color: rgba(170, 170, 170, 1.00); } #transcend-2012-info #transcend-2012-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #transcend-2012-info #transcend-2012-caption { } /* @end */ /* Social icons in the lightbox */ #social-transcend-2012 { 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-transcend-2012 { display: block; } } #social-transcend-2012 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-transcend-2012 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-transcend-2012 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #transcend-2012-content, html[data-lc-type=video] #transcend-2012-content { background: transparent; } } #transcend-2012-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_156942 { margin: 20px 0px 0px 0px; } #stacks_in_156974 .poster-title { display: none !important; } #stacks_in_156974 .poster-date { display: none !important; } #stacks_in_156974 .poster-readmore { display: none !important; } #stacks_in_156974 .blog-entry-author { display: none !important; } #stacks_in_156978 { padding: 20px 20px 0px 20px; } #stacks_in_156975 { padding: 20px; } #stacks_in_156984 .poster-title { display: none !important; } #stacks_in_156984 .poster-date { display: none !important; } #stacks_in_156984 .poster-readmore { display: none !important; } #stacks_in_156984 .blog-entry-author { display: none !important; } #stacks_in_156988 { padding: 20px 20px 0px 20px; } #stacks_in_156994 .poster-title { display: none !important; } #stacks_in_156994 .poster-date { display: none !important; } #stacks_in_156994 .poster-readmore { display: none !important; } #stacks_in_156994 .blog-entry-author { display: none !important; } #stacks_in_157000 { padding: 20px 20px 0px 20px; } #stacks_in_156995 { padding: 20px 20px 0px 20px; } #stacks_in_157007 .poster-title { display: none !important; } #stacks_in_157007 .poster-date { display: none !important; } #stacks_in_157007 .poster-readmore { display: none !important; } #stacks_in_157007 .blog-entry-author { display: none !important; } #stacks_in_157013 { padding: 20px 20px 0px 20px; } #stacks_in_157008 { padding: 20px 20px 0px 20px; } #stacks_in_157019 .poster-title { display: none !important; } #stacks_in_157019 .poster-date { display: none !important; } #stacks_in_157019 .poster-readmore { display: none !important; } #stacks_in_157019 .blog-entry-author { display: none !important; } #stacks_in_157023 { padding: 20px 20px 0px 20px; } #stacks_in_157030 .poster-title { display: none !important; } #stacks_in_157030 .poster-date { display: none !important; } #stacks_in_157030 .poster-readmore { display: none !important; } #stacks_in_157030 .blog-entry-author { display: none !important; } #stacks_in_157042 { padding: 20px 20px 0px 20px; } #stacks_in_157032 { padding: 20px 0px 0px 0px; } #stacks_in_157035 { padding: 20px; } /* @group ProGallery Grid */ #grandslam-2008 { display: block; width: 100%; text-align: center; } #grandslam-2008 li.proGalleryItem { -webkit-transform: translateZ(0); } #grandslam-2008 ul#proGalleryThumbsstacks_in_157039 { padding: 0; margin: 0; list-style: none; } #grandslam-2008 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #grandslam-2008 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); } #grandslam-2008 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #grandslam-2008 li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #grandslam-2008 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 */ #grandslam-2008 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; } /* */ /* */ /* */ /* */ /* */ /* */ #grandslam-2008 { -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) { #grandslam-2008 { -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) { #grandslam-2008 { -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) { #grandslam-2008 { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #grandslam-2008 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #grandslam-2008 .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); } #grandslam-2008 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #grandslam-2008 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #grandslam-2008.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #grandslam-2008.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #grandslam-2008.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #grandslam-2008.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #grandslam-2008.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #grandslam-2008.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #grandslam-2008.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #grandslam-2008.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; } #grandslam-2008.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #grandslam-2008.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #grandslam-2008.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #grandslam-2008.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #grandslam-2008 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #grandslam-2008 li .proGalleryItemInner { overflow: hidden; } #grandslam-2008 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 */ } #grandslam-2008 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*='grandslam-2008-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 */ .grandslam-2008-icon-play:before { content: '\e800'; } .grandslam-2008-icon-pause:before { content: '\e801'; } .grandslam-2008-icon-close:before { content: '\e802'; } .grandslam-2008-icon-prev:before { content: '\e803'; } .grandslam-2008-icon-next:before { content: '\e804'; } .grandslam-2008-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 grandslam-2008-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 grandslam-2008-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 grandslam-2008-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 grandslam-2008-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 grandslam-2008-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #grandslam-2008-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] #grandslam-2008-case, html[data-lc-type=ajax] #grandslam-2008-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]) #grandslam-2008-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] #grandslam-2008-content, html[data-lc-type=video] #grandslam-2008-content { background-color: #333; } } html[data-lc-type=inline] #grandslam-2008-content, html[data-lc-type=ajax] #grandslam-2008-content, html[data-lc-type=error] #grandslam-2008-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] #grandslam-2008-content, html[data-lc-type=ajax] #grandslam-2008-content, html[data-lc-type=error] #grandslam-2008-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] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-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] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-contentInner { padding: 15px; } html[data-lc-type=inline] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=inline] #grandslam-2008-content .grandslam-2008-contentInner > *, html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner > *, html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #grandslam-2008-content .grandslam-2008-contentInner > *:not(iframe), html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner > *:not(iframe), html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.grandslam-2008-isMobileDevice[data-lc-type=iframe] #grandslam-2008-content .grandslam-2008-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #grandslam-2008-content .grandslam-2008-contentInner, html[data-lc-type=video] #grandslam-2008-content .grandslam-2008-contentInner { line-height: 0.75; } } html[data-lc-type=image] #grandslam-2008-content .grandslam-2008-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #grandslam-2008-content .grandslam-2008-contentInner .grandslam-2008-inlineWrap, html[data-lc-type=ajax] #grandslam-2008-content .grandslam-2008-contentInner .grandslam-2008-inlineWrap, html[data-lc-type=error] #grandslam-2008-content .grandslam-2008-contentInner .grandslam-2008-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]) #grandslam-2008-content .grandslam-2008-contentInner .grandslam-2008-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) { #grandslam-2008-content h1, #grandslam-2008-content h2, #grandslam-2008-content h3, #grandslam-2008-content h4, #grandslam-2008-content h5, #grandslam-2008-content h6, #grandslam-2008-content p { color: #aaa; } } @media screen and (min-width: 641px) { #grandslam-2008-content h1, #grandslam-2008-content h2, #grandslam-2008-content h3, #grandslam-2008-content h4, #grandslam-2008-content h5, #grandslam-2008-content h6, #grandslam-2008-content p { color: #333; } } #grandslam-2008-case p.grandslam-2008-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) { #grandslam-2008-case p.grandslam-2008-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #grandslam-2008-case p.grandslam-2008-error { padding: 0; } } .grandslam-2008-open body { overflow: hidden; } .grandslam-2008-isMobileDevice .grandslam-2008-open body { max-width: 100%; max-height: 100%; } #grandslam-2008-info { position: absolute; padding-top: 15px; } #grandslam-2008-info #grandslam-2008-title, #grandslam-2008-info #grandslam-2008-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #grandslam-2008-info #grandslam-2008-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #grandslam-2008-info #grandslam-2008-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #grandslam-2008-info #grandslam-2008-caption { clear: both; font-size: 13px; color: #aaa; } #grandslam-2008-info #grandslam-2008-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .grandslam-2008-fullScreenMode #grandslam-2008-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]) #grandslam-2008-info { position: static; } } #grandslam-2008-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: grandslam-2008-spin 0.5s infinite linear; -moz-animation: grandslam-2008-spin 0.5s infinite linear; -o-animation: grandslam-2008-spin 0.5s infinite linear; animation: grandslam-2008-spin 0.5s infinite linear; } #grandslam-2008-loading, #grandslam-2008-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; } #grandslam-2008-loading > span { display: inline-block; text-indent: -9999px; } a[class*='grandslam-2008-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*='grandslam-2008-icon-'], a[class*='grandslam-2008-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*='grandslam-2008-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='grandslam-2008-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .grandslam-2008-isMobileDevice a[class*='grandslam-2008-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='grandslam-2008-icon-'].grandslam-2008-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='grandslam-2008-icon-'].grandslam-2008-icon-prev { left: 15px; } a[class*='grandslam-2008-icon-'].grandslam-2008-icon-next { right: 15px; } a[class*='grandslam-2008-icon-'].grandslam-2008-icon-pause, a[class*='grandslam-2008-icon-'].grandslam-2008-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='grandslam-2008-icon-'].grandslam-2008-icon-pause, a[class*='grandslam-2008-icon-'].grandslam-2008-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='grandslam-2008-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='grandslam-2008-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='grandslam-2008-icon-']:hover, #grandslam-2008-case:hover ~ a[class*='grandslam-2008-icon-'] { opacity: 1; } } #grandslam-2008-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) { #grandslam-2008-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='grandslam-2008-icon-'], a[class*='grandslam-2008-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='grandslam-2008-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*='grandslam-2008-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #grandslam-2008-content img { width: auto; height: auto; } #grandslam-2008-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #grandslam-2008-info #grandslam-2008-sequenceInfo, #grandslam-2008-info #grandslam-2008-title, #grandslam-2008-info #grandslam-2008-caption { color: rgba(170, 170, 170, 1.00); } #grandslam-2008-info #grandslam-2008-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #grandslam-2008-info #grandslam-2008-caption { } /* @end */ /* Social icons in the lightbox */ #social-grandslam-2008 { 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-grandslam-2008 { display: block; } } #social-grandslam-2008 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-grandslam-2008 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-grandslam-2008 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #grandslam-2008-content, html[data-lc-type=video] #grandslam-2008-content { background: transparent; } } #grandslam-2008-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157039 { margin: 20px 0px 0px 0px; } #stacks_in_157048 .poster-title { display: none !important; } #stacks_in_157048 .poster-date { display: none !important; } #stacks_in_157048 .poster-readmore { display: none !important; } #stacks_in_157048 .blog-entry-author { display: none !important; } #stacks_in_157052 { padding: 20px 20px 0px 20px; } #stacks_in_157082 .poster-title { display: none !important; } #stacks_in_157082 .poster-date { display: none !important; } #stacks_in_157082 .poster-readmore { display: none !important; } #stacks_in_157082 .blog-entry-author { display: none !important; } #stacks_in_157086 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #slaves { display: block; width: 100%; text-align: center; } #slaves li.proGalleryItem { -webkit-transform: translateZ(0); } #slaves ul#proGalleryThumbsstacks_in_157917 { padding: 0; margin: 0; list-style: none; } #slaves li.proGalleryItem { margin: 0; padding: 0; position: relative; } #slaves li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #slaves li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #slaves 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 */ #slaves 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; } /* */ /* */ /* */ /* */ /* */ /* */ #slaves { -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) { #slaves { -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) { #slaves { -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) { #slaves { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #slaves li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #slaves .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); } #slaves .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #slaves .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #slaves.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #slaves.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #slaves.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #slaves.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #slaves.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #slaves.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #slaves.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #slaves.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; } #slaves.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #slaves.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #slaves.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #slaves.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #slaves li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @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*='slaves-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 */ .slaves-icon-play:before { content: '\e800'; } .slaves-icon-pause:before { content: '\e801'; } .slaves-icon-close:before { content: '\e802'; } .slaves-icon-prev:before { content: '\e803'; } .slaves-icon-next:before { content: '\e804'; } .slaves-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 slaves-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 slaves-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 slaves-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 slaves-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 slaves-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #slaves-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] #slaves-case, html[data-lc-type=ajax] #slaves-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]) #slaves-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] #slaves-content, html[data-lc-type=video] #slaves-content { background-color: #333; } } html[data-lc-type=inline] #slaves-content, html[data-lc-type=ajax] #slaves-content, html[data-lc-type=error] #slaves-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] #slaves-content, html[data-lc-type=ajax] #slaves-content, html[data-lc-type=error] #slaves-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] #slaves-content .slaves-contentInner, html[data-lc-type=ajax] #slaves-content .slaves-contentInner, html[data-lc-type=error] #slaves-content .slaves-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] #slaves-content .slaves-contentInner, html[data-lc-type=ajax] #slaves-content .slaves-contentInner, html[data-lc-type=error] #slaves-content .slaves-contentInner { padding: 15px; } html[data-lc-type=inline] #slaves-content .slaves-contentInner, html[data-lc-type=inline] #slaves-content .slaves-contentInner > *, html[data-lc-type=ajax] #slaves-content .slaves-contentInner, html[data-lc-type=ajax] #slaves-content .slaves-contentInner > *, html[data-lc-type=error] #slaves-content .slaves-contentInner, html[data-lc-type=error] #slaves-content .slaves-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #slaves-content .slaves-contentInner > *:not(iframe), html[data-lc-type=ajax] #slaves-content .slaves-contentInner > *:not(iframe), html[data-lc-type=error] #slaves-content .slaves-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.slaves-isMobileDevice[data-lc-type=iframe] #slaves-content .slaves-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #slaves-content .slaves-contentInner, html[data-lc-type=video] #slaves-content .slaves-contentInner { line-height: 0.75; } } html[data-lc-type=image] #slaves-content .slaves-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #slaves-content .slaves-contentInner .slaves-inlineWrap, html[data-lc-type=ajax] #slaves-content .slaves-contentInner .slaves-inlineWrap, html[data-lc-type=error] #slaves-content .slaves-contentInner .slaves-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]) #slaves-content .slaves-contentInner .slaves-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) { #slaves-content h1, #slaves-content h2, #slaves-content h3, #slaves-content h4, #slaves-content h5, #slaves-content h6, #slaves-content p { color: #aaa; } } @media screen and (min-width: 641px) { #slaves-content h1, #slaves-content h2, #slaves-content h3, #slaves-content h4, #slaves-content h5, #slaves-content h6, #slaves-content p { color: #333; } } #slaves-case p.slaves-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) { #slaves-case p.slaves-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #slaves-case p.slaves-error { padding: 0; } } .slaves-open body { overflow: hidden; } .slaves-isMobileDevice .slaves-open body { max-width: 100%; max-height: 100%; } #slaves-info { position: absolute; padding-top: 15px; } #slaves-info #slaves-title, #slaves-info #slaves-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #slaves-info #slaves-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #slaves-info #slaves-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #slaves-info #slaves-caption { clear: both; font-size: 13px; color: #aaa; } #slaves-info #slaves-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .slaves-fullScreenMode #slaves-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]) #slaves-info { position: static; } } #slaves-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: slaves-spin 0.5s infinite linear; -moz-animation: slaves-spin 0.5s infinite linear; -o-animation: slaves-spin 0.5s infinite linear; animation: slaves-spin 0.5s infinite linear; } #slaves-loading, #slaves-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; } #slaves-loading > span { display: inline-block; text-indent: -9999px; } a[class*='slaves-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*='slaves-icon-'], a[class*='slaves-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*='slaves-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='slaves-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .slaves-isMobileDevice a[class*='slaves-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='slaves-icon-'].slaves-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='slaves-icon-'].slaves-icon-prev { left: 15px; } a[class*='slaves-icon-'].slaves-icon-next { right: 15px; } a[class*='slaves-icon-'].slaves-icon-pause, a[class*='slaves-icon-'].slaves-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='slaves-icon-'].slaves-icon-pause, a[class*='slaves-icon-'].slaves-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='slaves-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='slaves-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='slaves-icon-']:hover, #slaves-case:hover ~ a[class*='slaves-icon-'] { opacity: 1; } } #slaves-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) { #slaves-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='slaves-icon-'], a[class*='slaves-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='slaves-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*='slaves-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #slaves-content img { width: auto; height: auto; } #slaves-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #slaves-info #slaves-sequenceInfo, #slaves-info #slaves-title, #slaves-info #slaves-caption { color: rgba(170, 170, 170, 1.00); } #slaves-info #slaves-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #slaves-info #slaves-caption { } /* @end */ /* Social icons in the lightbox */ #social-slaves { 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-slaves { display: block; } } #social-slaves 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-slaves a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #slaves-content, html[data-lc-type=video] #slaves-content { background: transparent; } } #slaves-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157917 { margin: 40px 0px 40px 0px; } #stacks_in_157058 .poster-title { display: none !important; } #stacks_in_157058 .poster-date { display: none !important; } #stacks_in_157058 .poster-readmore { display: none !important; } #stacks_in_157058 .blog-entry-author { display: none !important; } #stacks_in_157064 { padding: 20px 20px 0px 20px; } #stacks_in_157059 { padding: 20px; } #stacks_in_157070 .poster-title { display: none !important; } #stacks_in_157070 .poster-date { display: none !important; } #stacks_in_157070 .poster-readmore { display: none !important; } #stacks_in_157070 .blog-entry-author { display: none !important; } #stacks_in_157075 { padding: 20px 20px 0px 20px; } #stacks_in_157092 .poster-title { display: none !important; } #stacks_in_157092 .poster-date { display: none !important; } #stacks_in_157092 .poster-readmore { display: none !important; } #stacks_in_157092 .blog-entry-author { display: none !important; } #stacks_in_157098 { padding: 20px 20px 0px 20px; } #stacks_in_157093 { padding: 20px 20px 0px 20px; } #stacks_in_157102 .poster-title { display: none !important; } #stacks_in_157102 .poster-date { display: none !important; } #stacks_in_157102 .poster-readmore { display: none !important; } #stacks_in_157102 .blog-entry-author { display: none !important; } #stacks_in_157107 { padding: 20px 20px 0px 20px; } #stacks_in_157116 .poster-title { display: none !important; } #stacks_in_157116 .poster-date { display: none !important; } #stacks_in_157116 .poster-readmore { display: none !important; } #stacks_in_157116 .blog-entry-author { display: none !important; } #stacks_in_157125 { padding: 20px 20px 0px 20px; } #stacks_in_157117 { padding: 20px; } /* @group ProGallery Grid */ #STANSTILL { display: block; width: 100%; text-align: center; } #STANSTILL li.proGalleryItem { -webkit-transform: translateZ(0); } #STANSTILL ul#proGalleryThumbsstacks_in_157122 { padding: 0; margin: 0; list-style: none; } #STANSTILL li.proGalleryItem { margin: 0; padding: 0; position: relative; } #STANSTILL 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); } #STANSTILL li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #STANSTILL 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 */ #STANSTILL 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; } /* */ /* */ /* */ /* */ /* */ /* */ #STANSTILL { -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) { #STANSTILL { -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) { #STANSTILL { -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) { #STANSTILL { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #STANSTILL li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #STANSTILL .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); } #STANSTILL .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #STANSTILL .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #STANSTILL.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #STANSTILL.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #STANSTILL.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #STANSTILL.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #STANSTILL.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #STANSTILL.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #STANSTILL.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #STANSTILL.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; } #STANSTILL.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #STANSTILL.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #STANSTILL.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #STANSTILL.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #STANSTILL li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #STANSTILL li .proGalleryItemInner { overflow: hidden; } #STANSTILL 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 */ } #STANSTILL 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*='STANSTILL-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 */ .STANSTILL-icon-play:before { content: '\e800'; } .STANSTILL-icon-pause:before { content: '\e801'; } .STANSTILL-icon-close:before { content: '\e802'; } .STANSTILL-icon-prev:before { content: '\e803'; } .STANSTILL-icon-next:before { content: '\e804'; } .STANSTILL-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 STANSTILL-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 STANSTILL-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 STANSTILL-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 STANSTILL-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 STANSTILL-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #STANSTILL-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] #STANSTILL-case, html[data-lc-type=ajax] #STANSTILL-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]) #STANSTILL-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] #STANSTILL-content, html[data-lc-type=video] #STANSTILL-content { background-color: #333; } } html[data-lc-type=inline] #STANSTILL-content, html[data-lc-type=ajax] #STANSTILL-content, html[data-lc-type=error] #STANSTILL-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] #STANSTILL-content, html[data-lc-type=ajax] #STANSTILL-content, html[data-lc-type=error] #STANSTILL-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] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=error] #STANSTILL-content .STANSTILL-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] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=error] #STANSTILL-content .STANSTILL-contentInner { padding: 15px; } html[data-lc-type=inline] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=inline] #STANSTILL-content .STANSTILL-contentInner > *, html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner > *, html[data-lc-type=error] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=error] #STANSTILL-content .STANSTILL-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #STANSTILL-content .STANSTILL-contentInner > *:not(iframe), html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner > *:not(iframe), html[data-lc-type=error] #STANSTILL-content .STANSTILL-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.STANSTILL-isMobileDevice[data-lc-type=iframe] #STANSTILL-content .STANSTILL-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #STANSTILL-content .STANSTILL-contentInner, html[data-lc-type=video] #STANSTILL-content .STANSTILL-contentInner { line-height: 0.75; } } html[data-lc-type=image] #STANSTILL-content .STANSTILL-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #STANSTILL-content .STANSTILL-contentInner .STANSTILL-inlineWrap, html[data-lc-type=ajax] #STANSTILL-content .STANSTILL-contentInner .STANSTILL-inlineWrap, html[data-lc-type=error] #STANSTILL-content .STANSTILL-contentInner .STANSTILL-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]) #STANSTILL-content .STANSTILL-contentInner .STANSTILL-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) { #STANSTILL-content h1, #STANSTILL-content h2, #STANSTILL-content h3, #STANSTILL-content h4, #STANSTILL-content h5, #STANSTILL-content h6, #STANSTILL-content p { color: #aaa; } } @media screen and (min-width: 641px) { #STANSTILL-content h1, #STANSTILL-content h2, #STANSTILL-content h3, #STANSTILL-content h4, #STANSTILL-content h5, #STANSTILL-content h6, #STANSTILL-content p { color: #333; } } #STANSTILL-case p.STANSTILL-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) { #STANSTILL-case p.STANSTILL-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #STANSTILL-case p.STANSTILL-error { padding: 0; } } .STANSTILL-open body { overflow: hidden; } .STANSTILL-isMobileDevice .STANSTILL-open body { max-width: 100%; max-height: 100%; } #STANSTILL-info { position: absolute; padding-top: 15px; } #STANSTILL-info #STANSTILL-title, #STANSTILL-info #STANSTILL-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #STANSTILL-info #STANSTILL-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #STANSTILL-info #STANSTILL-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #STANSTILL-info #STANSTILL-caption { clear: both; font-size: 13px; color: #aaa; } #STANSTILL-info #STANSTILL-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .STANSTILL-fullScreenMode #STANSTILL-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]) #STANSTILL-info { position: static; } } #STANSTILL-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: STANSTILL-spin 0.5s infinite linear; -moz-animation: STANSTILL-spin 0.5s infinite linear; -o-animation: STANSTILL-spin 0.5s infinite linear; animation: STANSTILL-spin 0.5s infinite linear; } #STANSTILL-loading, #STANSTILL-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; } #STANSTILL-loading > span { display: inline-block; text-indent: -9999px; } a[class*='STANSTILL-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*='STANSTILL-icon-'], a[class*='STANSTILL-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*='STANSTILL-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='STANSTILL-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .STANSTILL-isMobileDevice a[class*='STANSTILL-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='STANSTILL-icon-'].STANSTILL-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='STANSTILL-icon-'].STANSTILL-icon-prev { left: 15px; } a[class*='STANSTILL-icon-'].STANSTILL-icon-next { right: 15px; } a[class*='STANSTILL-icon-'].STANSTILL-icon-pause, a[class*='STANSTILL-icon-'].STANSTILL-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='STANSTILL-icon-'].STANSTILL-icon-pause, a[class*='STANSTILL-icon-'].STANSTILL-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='STANSTILL-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='STANSTILL-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='STANSTILL-icon-']:hover, #STANSTILL-case:hover ~ a[class*='STANSTILL-icon-'] { opacity: 1; } } #STANSTILL-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) { #STANSTILL-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='STANSTILL-icon-'], a[class*='STANSTILL-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='STANSTILL-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*='STANSTILL-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #STANSTILL-content img { width: auto; height: auto; } #STANSTILL-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #STANSTILL-info #STANSTILL-sequenceInfo, #STANSTILL-info #STANSTILL-title, #STANSTILL-info #STANSTILL-caption { color: rgba(170, 170, 170, 1.00); } #STANSTILL-info #STANSTILL-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #STANSTILL-info #STANSTILL-caption { } /* @end */ /* Social icons in the lightbox */ #social-STANSTILL { 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-STANSTILL { display: block; } } #social-STANSTILL 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-STANSTILL a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-STANSTILL a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #STANSTILL-content, html[data-lc-type=video] #STANSTILL-content { background: transparent; } } #STANSTILL-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157122 { margin: 20px 0px 0px 0px; } #stacks_in_157131 .poster-title { display: none !important; } #stacks_in_157131 .poster-date { display: none !important; } #stacks_in_157131 .poster-readmore { display: none !important; } #stacks_in_157131 .blog-entry-author { display: none !important; } #stacks_in_157135 { padding: 20px 20px 0px 20px; } #stacks_in_157141 .poster-title { display: none !important; } #stacks_in_157141 .poster-date { display: none !important; } #stacks_in_157141 .poster-readmore { display: none !important; } #stacks_in_157141 .blog-entry-author { display: none !important; } #stacks_in_157150 { padding: 20px 20px 0px 20px; } #stacks_in_157142 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #online-2002 { display: block; width: 100%; text-align: center; } #online-2002 li.proGalleryItem { -webkit-transform: translateZ(0); } #online-2002 ul#proGalleryThumbsstacks_in_157147 { padding: 0; margin: 0; list-style: none; } #online-2002 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #online-2002 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); } #online-2002 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #online-2002 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 */ #online-2002 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; } /* */ /* */ /* */ /* */ /* */ /* */ #online-2002 { -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) { #online-2002 { -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) { #online-2002 { -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) { #online-2002 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #online-2002 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #online-2002 .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); } #online-2002 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #online-2002 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #online-2002.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #online-2002.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #online-2002.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #online-2002.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #online-2002.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #online-2002.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #online-2002.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #online-2002.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; } #online-2002.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #online-2002.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #online-2002.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #online-2002.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #online-2002 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #online-2002 li .proGalleryItemInner { overflow: hidden; } #online-2002 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 */ } #online-2002 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*='online-2002-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 */ .online-2002-icon-play:before { content: '\e800'; } .online-2002-icon-pause:before { content: '\e801'; } .online-2002-icon-close:before { content: '\e802'; } .online-2002-icon-prev:before { content: '\e803'; } .online-2002-icon-next:before { content: '\e804'; } .online-2002-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 online-2002-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 online-2002-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 online-2002-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 online-2002-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 online-2002-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #online-2002-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] #online-2002-case, html[data-lc-type=ajax] #online-2002-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]) #online-2002-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] #online-2002-content, html[data-lc-type=video] #online-2002-content { background-color: #333; } } html[data-lc-type=inline] #online-2002-content, html[data-lc-type=ajax] #online-2002-content, html[data-lc-type=error] #online-2002-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] #online-2002-content, html[data-lc-type=ajax] #online-2002-content, html[data-lc-type=error] #online-2002-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] #online-2002-content .online-2002-contentInner, html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner, html[data-lc-type=error] #online-2002-content .online-2002-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] #online-2002-content .online-2002-contentInner, html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner, html[data-lc-type=error] #online-2002-content .online-2002-contentInner { padding: 15px; } html[data-lc-type=inline] #online-2002-content .online-2002-contentInner, html[data-lc-type=inline] #online-2002-content .online-2002-contentInner > *, html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner, html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner > *, html[data-lc-type=error] #online-2002-content .online-2002-contentInner, html[data-lc-type=error] #online-2002-content .online-2002-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #online-2002-content .online-2002-contentInner > *:not(iframe), html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner > *:not(iframe), html[data-lc-type=error] #online-2002-content .online-2002-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.online-2002-isMobileDevice[data-lc-type=iframe] #online-2002-content .online-2002-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #online-2002-content .online-2002-contentInner, html[data-lc-type=video] #online-2002-content .online-2002-contentInner { line-height: 0.75; } } html[data-lc-type=image] #online-2002-content .online-2002-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #online-2002-content .online-2002-contentInner .online-2002-inlineWrap, html[data-lc-type=ajax] #online-2002-content .online-2002-contentInner .online-2002-inlineWrap, html[data-lc-type=error] #online-2002-content .online-2002-contentInner .online-2002-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]) #online-2002-content .online-2002-contentInner .online-2002-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) { #online-2002-content h1, #online-2002-content h2, #online-2002-content h3, #online-2002-content h4, #online-2002-content h5, #online-2002-content h6, #online-2002-content p { color: #aaa; } } @media screen and (min-width: 641px) { #online-2002-content h1, #online-2002-content h2, #online-2002-content h3, #online-2002-content h4, #online-2002-content h5, #online-2002-content h6, #online-2002-content p { color: #333; } } #online-2002-case p.online-2002-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) { #online-2002-case p.online-2002-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #online-2002-case p.online-2002-error { padding: 0; } } .online-2002-open body { overflow: hidden; } .online-2002-isMobileDevice .online-2002-open body { max-width: 100%; max-height: 100%; } #online-2002-info { position: absolute; padding-top: 15px; } #online-2002-info #online-2002-title, #online-2002-info #online-2002-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #online-2002-info #online-2002-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #online-2002-info #online-2002-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #online-2002-info #online-2002-caption { clear: both; font-size: 13px; color: #aaa; } #online-2002-info #online-2002-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .online-2002-fullScreenMode #online-2002-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]) #online-2002-info { position: static; } } #online-2002-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: online-2002-spin 0.5s infinite linear; -moz-animation: online-2002-spin 0.5s infinite linear; -o-animation: online-2002-spin 0.5s infinite linear; animation: online-2002-spin 0.5s infinite linear; } #online-2002-loading, #online-2002-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; } #online-2002-loading > span { display: inline-block; text-indent: -9999px; } a[class*='online-2002-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*='online-2002-icon-'], a[class*='online-2002-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*='online-2002-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='online-2002-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .online-2002-isMobileDevice a[class*='online-2002-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='online-2002-icon-'].online-2002-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='online-2002-icon-'].online-2002-icon-prev { left: 15px; } a[class*='online-2002-icon-'].online-2002-icon-next { right: 15px; } a[class*='online-2002-icon-'].online-2002-icon-pause, a[class*='online-2002-icon-'].online-2002-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='online-2002-icon-'].online-2002-icon-pause, a[class*='online-2002-icon-'].online-2002-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='online-2002-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='online-2002-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='online-2002-icon-']:hover, #online-2002-case:hover ~ a[class*='online-2002-icon-'] { opacity: 1; } } #online-2002-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) { #online-2002-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='online-2002-icon-'], a[class*='online-2002-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='online-2002-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*='online-2002-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #online-2002-content img { width: auto; height: auto; } #online-2002-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #online-2002-info #online-2002-sequenceInfo, #online-2002-info #online-2002-title, #online-2002-info #online-2002-caption { color: rgba(170, 170, 170, 1.00); } #online-2002-info #online-2002-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #online-2002-info #online-2002-caption { } /* @end */ /* Social icons in the lightbox */ #social-online-2002 { 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-online-2002 { display: block; } } #social-online-2002 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-online-2002 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-online-2002 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #online-2002-content, html[data-lc-type=video] #online-2002-content { background: transparent; } } #online-2002-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157147 { margin: 20px 0px 0px 0px; } #stacks_in_157156 .poster-title { display: none !important; } #stacks_in_157156 .poster-date { display: none !important; } #stacks_in_157156 .poster-readmore { display: none !important; } #stacks_in_157156 .blog-entry-author { display: none !important; } #stacks_in_157165 { padding: 20px 20px 0px 20px; } #stacks_in_157157 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #rangerover { display: block; width: 100%; text-align: center; } #rangerover li.proGalleryItem { -webkit-transform: translateZ(0); } #rangerover ul#proGalleryThumbsstacks_in_157162 { padding: 0; margin: 0; list-style: none; } #rangerover li.proGalleryItem { margin: 0; padding: 0; position: relative; } #rangerover 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); } #rangerover li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #rangerover 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 */ #rangerover 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; } /* */ /* */ /* */ /* */ /* */ /* */ #rangerover { -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) { #rangerover { -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) { #rangerover { -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) { #rangerover { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #rangerover li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #rangerover .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); } #rangerover .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #rangerover .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #rangerover.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #rangerover.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #rangerover.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #rangerover.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #rangerover.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #rangerover.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #rangerover.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #rangerover.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; } #rangerover.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #rangerover.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #rangerover.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #rangerover.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #rangerover li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #rangerover li .proGalleryItemInner { overflow: hidden; } #rangerover 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 */ } #rangerover 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*='rangerover-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 */ .rangerover-icon-play:before { content: '\e800'; } .rangerover-icon-pause:before { content: '\e801'; } .rangerover-icon-close:before { content: '\e802'; } .rangerover-icon-prev:before { content: '\e803'; } .rangerover-icon-next:before { content: '\e804'; } .rangerover-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 rangerover-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rangerover-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rangerover-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rangerover-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rangerover-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #rangerover-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] #rangerover-case, html[data-lc-type=ajax] #rangerover-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]) #rangerover-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] #rangerover-content, html[data-lc-type=video] #rangerover-content { background-color: #333; } } html[data-lc-type=inline] #rangerover-content, html[data-lc-type=ajax] #rangerover-content, html[data-lc-type=error] #rangerover-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] #rangerover-content, html[data-lc-type=ajax] #rangerover-content, html[data-lc-type=error] #rangerover-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] #rangerover-content .rangerover-contentInner, html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner, html[data-lc-type=error] #rangerover-content .rangerover-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] #rangerover-content .rangerover-contentInner, html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner, html[data-lc-type=error] #rangerover-content .rangerover-contentInner { padding: 15px; } html[data-lc-type=inline] #rangerover-content .rangerover-contentInner, html[data-lc-type=inline] #rangerover-content .rangerover-contentInner > *, html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner, html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner > *, html[data-lc-type=error] #rangerover-content .rangerover-contentInner, html[data-lc-type=error] #rangerover-content .rangerover-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #rangerover-content .rangerover-contentInner > *:not(iframe), html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner > *:not(iframe), html[data-lc-type=error] #rangerover-content .rangerover-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.rangerover-isMobileDevice[data-lc-type=iframe] #rangerover-content .rangerover-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #rangerover-content .rangerover-contentInner, html[data-lc-type=video] #rangerover-content .rangerover-contentInner { line-height: 0.75; } } html[data-lc-type=image] #rangerover-content .rangerover-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #rangerover-content .rangerover-contentInner .rangerover-inlineWrap, html[data-lc-type=ajax] #rangerover-content .rangerover-contentInner .rangerover-inlineWrap, html[data-lc-type=error] #rangerover-content .rangerover-contentInner .rangerover-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]) #rangerover-content .rangerover-contentInner .rangerover-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) { #rangerover-content h1, #rangerover-content h2, #rangerover-content h3, #rangerover-content h4, #rangerover-content h5, #rangerover-content h6, #rangerover-content p { color: #aaa; } } @media screen and (min-width: 641px) { #rangerover-content h1, #rangerover-content h2, #rangerover-content h3, #rangerover-content h4, #rangerover-content h5, #rangerover-content h6, #rangerover-content p { color: #333; } } #rangerover-case p.rangerover-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) { #rangerover-case p.rangerover-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #rangerover-case p.rangerover-error { padding: 0; } } .rangerover-open body { overflow: hidden; } .rangerover-isMobileDevice .rangerover-open body { max-width: 100%; max-height: 100%; } #rangerover-info { position: absolute; padding-top: 15px; } #rangerover-info #rangerover-title, #rangerover-info #rangerover-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #rangerover-info #rangerover-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #rangerover-info #rangerover-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #rangerover-info #rangerover-caption { clear: both; font-size: 13px; color: #aaa; } #rangerover-info #rangerover-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .rangerover-fullScreenMode #rangerover-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]) #rangerover-info { position: static; } } #rangerover-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: rangerover-spin 0.5s infinite linear; -moz-animation: rangerover-spin 0.5s infinite linear; -o-animation: rangerover-spin 0.5s infinite linear; animation: rangerover-spin 0.5s infinite linear; } #rangerover-loading, #rangerover-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; } #rangerover-loading > span { display: inline-block; text-indent: -9999px; } a[class*='rangerover-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*='rangerover-icon-'], a[class*='rangerover-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*='rangerover-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='rangerover-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .rangerover-isMobileDevice a[class*='rangerover-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='rangerover-icon-'].rangerover-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='rangerover-icon-'].rangerover-icon-prev { left: 15px; } a[class*='rangerover-icon-'].rangerover-icon-next { right: 15px; } a[class*='rangerover-icon-'].rangerover-icon-pause, a[class*='rangerover-icon-'].rangerover-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='rangerover-icon-'].rangerover-icon-pause, a[class*='rangerover-icon-'].rangerover-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='rangerover-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='rangerover-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='rangerover-icon-']:hover, #rangerover-case:hover ~ a[class*='rangerover-icon-'] { opacity: 1; } } #rangerover-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) { #rangerover-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='rangerover-icon-'], a[class*='rangerover-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='rangerover-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*='rangerover-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #rangerover-content img { width: auto; height: auto; } #rangerover-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #rangerover-info #rangerover-sequenceInfo, #rangerover-info #rangerover-title, #rangerover-info #rangerover-caption { color: rgba(170, 170, 170, 1.00); } #rangerover-info #rangerover-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #rangerover-info #rangerover-caption { } /* @end */ /* Social icons in the lightbox */ #social-rangerover { 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-rangerover { display: block; } } #social-rangerover 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-rangerover a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-rangerover a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #rangerover-content, html[data-lc-type=video] #rangerover-content { background: transparent; } } #rangerover-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157162 { margin: 20px 0px 0px 0px; } #stacks_in_157171 .poster-title { display: none !important; } #stacks_in_157171 .poster-date { display: none !important; } #stacks_in_157171 .poster-readmore { display: none !important; } #stacks_in_157171 .blog-entry-author { display: none !important; } #stacks_in_157177 { padding: 20px 20px 0px 20px; } #stacks_in_157175 { padding: 20px; } #stacks_in_157183 .poster-title { display: none !important; } #stacks_in_157183 .poster-date { display: none !important; } #stacks_in_157183 .poster-readmore { display: none !important; } #stacks_in_157183 .blog-entry-author { display: none !important; } #stacks_in_157187 { padding: 20px 20px 0px 20px; } #stacks_in_157193 .poster-title { display: none !important; } #stacks_in_157193 .poster-date { display: none !important; } #stacks_in_157193 .poster-readmore { display: none !important; } #stacks_in_157193 .blog-entry-author { display: none !important; } #stacks_in_157199 { padding: 20px 20px 0px 20px; } #stacks_in_157194 { padding: 20px 20px 0px 20px; } #stacks_in_157205 .poster-title { display: none !important; } #stacks_in_157205 .poster-date { display: none !important; } #stacks_in_157205 .poster-readmore { display: none !important; } #stacks_in_157205 .blog-entry-author { display: none !important; } #stacks_in_157214 { padding: 20px 20px 0px 20px; } #stacks_in_157206 { padding: 20px 20px 0px 20px; } /* @group ProGallery Grid */ #CRUCIFORM-preview { display: block; width: 100%; text-align: center; } #CRUCIFORM-preview li.proGalleryItem { -webkit-transform: translateZ(0); } #CRUCIFORM-preview ul#proGalleryThumbsstacks_in_157211 { padding: 0; margin: 0; list-style: none; } #CRUCIFORM-preview li.proGalleryItem { margin: 0; padding: 0; position: relative; } #CRUCIFORM-preview 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); } #CRUCIFORM-preview li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #CRUCIFORM-preview 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 */ #CRUCIFORM-preview 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; } /* */ /* */ /* */ /* */ /* */ /* */ #CRUCIFORM-preview { -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) { #CRUCIFORM-preview { -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) { #CRUCIFORM-preview { -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) { #CRUCIFORM-preview { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #CRUCIFORM-preview li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #CRUCIFORM-preview .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); } #CRUCIFORM-preview .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CRUCIFORM-preview .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #CRUCIFORM-preview.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #CRUCIFORM-preview.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #CRUCIFORM-preview.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #CRUCIFORM-preview.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #CRUCIFORM-preview.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #CRUCIFORM-preview.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #CRUCIFORM-preview.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #CRUCIFORM-preview.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; } #CRUCIFORM-preview.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #CRUCIFORM-preview.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #CRUCIFORM-preview.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #CRUCIFORM-preview.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #CRUCIFORM-preview li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #CRUCIFORM-preview li .proGalleryItemInner { overflow: hidden; } #CRUCIFORM-preview 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 */ } #CRUCIFORM-preview 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*='CRUCIFORM-preview-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 */ .CRUCIFORM-preview-icon-play:before { content: '\e800'; } .CRUCIFORM-preview-icon-pause:before { content: '\e801'; } .CRUCIFORM-preview-icon-close:before { content: '\e802'; } .CRUCIFORM-preview-icon-prev:before { content: '\e803'; } .CRUCIFORM-preview-icon-next:before { content: '\e804'; } .CRUCIFORM-preview-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 CRUCIFORM-preview-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFORM-preview-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFORM-preview-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFORM-preview-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFORM-preview-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #CRUCIFORM-preview-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] #CRUCIFORM-preview-case, html[data-lc-type=ajax] #CRUCIFORM-preview-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]) #CRUCIFORM-preview-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] #CRUCIFORM-preview-content, html[data-lc-type=video] #CRUCIFORM-preview-content { background-color: #333; } } html[data-lc-type=inline] #CRUCIFORM-preview-content, html[data-lc-type=ajax] #CRUCIFORM-preview-content, html[data-lc-type=error] #CRUCIFORM-preview-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] #CRUCIFORM-preview-content, html[data-lc-type=ajax] #CRUCIFORM-preview-content, html[data-lc-type=error] #CRUCIFORM-preview-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] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-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] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner { padding: 15px; } html[data-lc-type=inline] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=inline] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > *, html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > *, html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > *:not(iframe), html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > *:not(iframe), html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.CRUCIFORM-preview-isMobileDevice[data-lc-type=iframe] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner, html[data-lc-type=video] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner { line-height: 0.75; } } html[data-lc-type=image] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner .CRUCIFORM-preview-inlineWrap, html[data-lc-type=ajax] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner .CRUCIFORM-preview-inlineWrap, html[data-lc-type=error] #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner .CRUCIFORM-preview-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]) #CRUCIFORM-preview-content .CRUCIFORM-preview-contentInner .CRUCIFORM-preview-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) { #CRUCIFORM-preview-content h1, #CRUCIFORM-preview-content h2, #CRUCIFORM-preview-content h3, #CRUCIFORM-preview-content h4, #CRUCIFORM-preview-content h5, #CRUCIFORM-preview-content h6, #CRUCIFORM-preview-content p { color: #aaa; } } @media screen and (min-width: 641px) { #CRUCIFORM-preview-content h1, #CRUCIFORM-preview-content h2, #CRUCIFORM-preview-content h3, #CRUCIFORM-preview-content h4, #CRUCIFORM-preview-content h5, #CRUCIFORM-preview-content h6, #CRUCIFORM-preview-content p { color: #333; } } #CRUCIFORM-preview-case p.CRUCIFORM-preview-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) { #CRUCIFORM-preview-case p.CRUCIFORM-preview-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #CRUCIFORM-preview-case p.CRUCIFORM-preview-error { padding: 0; } } .CRUCIFORM-preview-open body { overflow: hidden; } .CRUCIFORM-preview-isMobileDevice .CRUCIFORM-preview-open body { max-width: 100%; max-height: 100%; } #CRUCIFORM-preview-info { position: absolute; padding-top: 15px; } #CRUCIFORM-preview-info #CRUCIFORM-preview-title, #CRUCIFORM-preview-info #CRUCIFORM-preview-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #CRUCIFORM-preview-info #CRUCIFORM-preview-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #CRUCIFORM-preview-info #CRUCIFORM-preview-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #CRUCIFORM-preview-info #CRUCIFORM-preview-caption { clear: both; font-size: 13px; color: #aaa; } #CRUCIFORM-preview-info #CRUCIFORM-preview-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .CRUCIFORM-preview-fullScreenMode #CRUCIFORM-preview-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]) #CRUCIFORM-preview-info { position: static; } } #CRUCIFORM-preview-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: CRUCIFORM-preview-spin 0.5s infinite linear; -moz-animation: CRUCIFORM-preview-spin 0.5s infinite linear; -o-animation: CRUCIFORM-preview-spin 0.5s infinite linear; animation: CRUCIFORM-preview-spin 0.5s infinite linear; } #CRUCIFORM-preview-loading, #CRUCIFORM-preview-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; } #CRUCIFORM-preview-loading > span { display: inline-block; text-indent: -9999px; } a[class*='CRUCIFORM-preview-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*='CRUCIFORM-preview-icon-'], a[class*='CRUCIFORM-preview-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*='CRUCIFORM-preview-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='CRUCIFORM-preview-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .CRUCIFORM-preview-isMobileDevice a[class*='CRUCIFORM-preview-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-prev { left: 15px; } a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-next { right: 15px; } a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-pause, a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-pause, a[class*='CRUCIFORM-preview-icon-'].CRUCIFORM-preview-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='CRUCIFORM-preview-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='CRUCIFORM-preview-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='CRUCIFORM-preview-icon-']:hover, #CRUCIFORM-preview-case:hover ~ a[class*='CRUCIFORM-preview-icon-'] { opacity: 1; } } #CRUCIFORM-preview-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) { #CRUCIFORM-preview-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='CRUCIFORM-preview-icon-'], a[class*='CRUCIFORM-preview-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='CRUCIFORM-preview-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*='CRUCIFORM-preview-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #CRUCIFORM-preview-content img { width: auto; height: auto; } #CRUCIFORM-preview-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #CRUCIFORM-preview-info #CRUCIFORM-preview-sequenceInfo, #CRUCIFORM-preview-info #CRUCIFORM-preview-title, #CRUCIFORM-preview-info #CRUCIFORM-preview-caption { color: rgba(170, 170, 170, 1.00); } #CRUCIFORM-preview-info #CRUCIFORM-preview-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CRUCIFORM-preview-info #CRUCIFORM-preview-caption { } /* @end */ /* Social icons in the lightbox */ #social-CRUCIFORM-preview { 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-CRUCIFORM-preview { display: block; } } #social-CRUCIFORM-preview 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-CRUCIFORM-preview a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-CRUCIFORM-preview a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #CRUCIFORM-preview-content, html[data-lc-type=video] #CRUCIFORM-preview-content { background: transparent; } } #CRUCIFORM-preview-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157211 { margin: 20px 0px 0px 0px; } #stacks_in_157220 .poster-title { display: none !important; } #stacks_in_157220 .poster-date { display: none !important; } #stacks_in_157220 .poster-readmore { display: none !important; } #stacks_in_157220 .blog-entry-author { display: none !important; } #stacks_in_157224 { padding: 20px 20px 0px 20px; } #stacks_in_157230 .poster-title { display: none !important; } #stacks_in_157230 .poster-date { display: none !important; } #stacks_in_157230 .poster-readmore { display: none !important; } #stacks_in_157230 .blog-entry-author { display: none !important; } #stacks_in_157234 { padding: 20px 20px 0px 20px; } #stacks_in_157240 .poster-title { display: none !important; } #stacks_in_157240 .poster-date { display: none !important; } #stacks_in_157240 .poster-readmore { display: none !important; } #stacks_in_157240 .blog-entry-author { display: none !important; } #stacks_in_157244 { padding: 20px 20px 0px 20px; } #stacks_in_157250 .poster-title { display: none !important; } #stacks_in_157250 .poster-date { display: none !important; } #stacks_in_157250 .poster-readmore { display: none !important; } #stacks_in_157250 .blog-entry-author { display: none !important; } #stacks_in_157256 { padding: 20px 20px 0px 20px; } #stacks_in_157251 { padding: 20px 20px 0px 20px; } #stacks_in_157262 .poster-title { display: none !important; } #stacks_in_157262 .poster-date { display: none !important; } #stacks_in_157262 .poster-readmore { display: none !important; } #stacks_in_157262 .blog-entry-author { display: none !important; } #stacks_in_157266 { padding: 20px 20px 0px 20px; } #stacks_in_157272 .poster-title { display: none !important; } #stacks_in_157272 .poster-date { display: none !important; } #stacks_in_157272 .poster-readmore { display: none !important; } #stacks_in_157272 .blog-entry-author { display: none !important; } #stacks_in_157276 { padding: 20px 20px 0px 20px; } #stacks_in_157282 .poster-title { display: none !important; } #stacks_in_157282 .poster-date { display: none !important; } #stacks_in_157282 .poster-readmore { display: none !important; } #stacks_in_157282 .blog-entry-author { display: none !important; } #stacks_in_157286 { padding: 20px 20px 0px 20px; } #stacks_in_157294 .poster-title { display: none !important; } #stacks_in_157294 .poster-date { display: none !important; } #stacks_in_157294 .poster-readmore { display: none !important; } #stacks_in_157294 .blog-entry-author { display: none !important; } #stacks_in_157298 { padding: 20px 20px 0px 20px; } #stacks_in_157305 .poster-title { display: none !important; } #stacks_in_157305 .poster-date { display: none !important; } #stacks_in_157305 .poster-readmore { display: none !important; } #stacks_in_157305 .blog-entry-author { display: none !important; } #stacks_in_157309 { padding: 20px 20px 0px 20px; } #stacks_in_157317 .poster-title { display: none !important; } #stacks_in_157317 .poster-date { display: none !important; } #stacks_in_157317 .poster-readmore { display: none !important; } #stacks_in_157317 .blog-entry-author { display: none !important; } #stacks_in_157323 { padding: 20px 20px 0px 20px; } #stacks_in_157318 { padding: 20px; } #stacks_in_157329 .poster-title { display: none !important; } #stacks_in_157329 .poster-date { display: none !important; } #stacks_in_157329 .poster-readmore { display: none !important; } #stacks_in_157329 .blog-entry-author { display: none !important; } #stacks_in_157333 { padding: 20px 20px 0px 20px; } #stacks_in_157340 .poster-title { display: none !important; } #stacks_in_157340 .poster-date { display: none !important; } #stacks_in_157340 .poster-readmore { display: none !important; } #stacks_in_157340 .blog-entry-author { display: none !important; } #stacks_in_157344 { padding: 20px 20px 0px 20px; } #stacks_in_157350 .poster-title { display: none !important; } #stacks_in_157350 .poster-date { display: none !important; } #stacks_in_157350 .poster-readmore { display: none !important; } #stacks_in_157350 .blog-entry-author { display: none !important; } #stacks_in_157354 { margin: 20px 0px 0px 0px; } #stacks_in_157364 .poster-title { display: none !important; } #stacks_in_157364 .poster-date { display: none !important; } #stacks_in_157364 .poster-readmore { display: none !important; } #stacks_in_157364 .blog-entry-author { display: none !important; } #stacks_in_157374 { margin: 20px 0px 0px 0px; } /* @group ProGallery Grid */ #CRUCIFIX { display: block; width: 100%; text-align: center; } #CRUCIFIX li.proGalleryItem { -webkit-transform: translateZ(0); } #CRUCIFIX ul#proGalleryThumbsstacks_in_157371 { padding: 0; margin: 0; list-style: none; } #CRUCIFIX li.proGalleryItem { margin: 0; padding: 0; position: relative; } #CRUCIFIX 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); } #CRUCIFIX li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #CRUCIFIX 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 */ #CRUCIFIX 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; } /* */ /* */ /* */ /* */ /* */ /* */ #CRUCIFIX { -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) { #CRUCIFIX { -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) { #CRUCIFIX { -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) { #CRUCIFIX { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #CRUCIFIX li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #CRUCIFIX .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.40); } #CRUCIFIX .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CRUCIFIX .proGalleryItemTitle div { color: rgba(255, 255, 255, 1.00); font-size: 14px; } #CRUCIFIX.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #CRUCIFIX.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #CRUCIFIX.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #CRUCIFIX.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #CRUCIFIX.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #CRUCIFIX.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #CRUCIFIX.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #CRUCIFIX.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; } #CRUCIFIX.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #CRUCIFIX.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #CRUCIFIX.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #CRUCIFIX.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #CRUCIFIX li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #CRUCIFIX li .proGalleryItemInner { overflow: hidden; } #CRUCIFIX 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 */ } #CRUCIFIX 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*='CRUCIFIX-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 */ .CRUCIFIX-icon-play:before { content: '\e800'; } .CRUCIFIX-icon-pause:before { content: '\e801'; } .CRUCIFIX-icon-close:before { content: '\e802'; } .CRUCIFIX-icon-prev:before { content: '\e803'; } .CRUCIFIX-icon-next:before { content: '\e804'; } .CRUCIFIX-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 CRUCIFIX-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFIX-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFIX-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFIX-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 CRUCIFIX-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #CRUCIFIX-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] #CRUCIFIX-case, html[data-lc-type=ajax] #CRUCIFIX-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]) #CRUCIFIX-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] #CRUCIFIX-content, html[data-lc-type=video] #CRUCIFIX-content { background-color: #333; } } html[data-lc-type=inline] #CRUCIFIX-content, html[data-lc-type=ajax] #CRUCIFIX-content, html[data-lc-type=error] #CRUCIFIX-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] #CRUCIFIX-content, html[data-lc-type=ajax] #CRUCIFIX-content, html[data-lc-type=error] #CRUCIFIX-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] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-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] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-contentInner { padding: 15px; } html[data-lc-type=inline] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=inline] #CRUCIFIX-content .CRUCIFIX-contentInner > *, html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner > *, html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #CRUCIFIX-content .CRUCIFIX-contentInner > *:not(iframe), html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner > *:not(iframe), html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.CRUCIFIX-isMobileDevice[data-lc-type=iframe] #CRUCIFIX-content .CRUCIFIX-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #CRUCIFIX-content .CRUCIFIX-contentInner, html[data-lc-type=video] #CRUCIFIX-content .CRUCIFIX-contentInner { line-height: 0.75; } } html[data-lc-type=image] #CRUCIFIX-content .CRUCIFIX-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #CRUCIFIX-content .CRUCIFIX-contentInner .CRUCIFIX-inlineWrap, html[data-lc-type=ajax] #CRUCIFIX-content .CRUCIFIX-contentInner .CRUCIFIX-inlineWrap, html[data-lc-type=error] #CRUCIFIX-content .CRUCIFIX-contentInner .CRUCIFIX-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]) #CRUCIFIX-content .CRUCIFIX-contentInner .CRUCIFIX-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) { #CRUCIFIX-content h1, #CRUCIFIX-content h2, #CRUCIFIX-content h3, #CRUCIFIX-content h4, #CRUCIFIX-content h5, #CRUCIFIX-content h6, #CRUCIFIX-content p { color: #aaa; } } @media screen and (min-width: 641px) { #CRUCIFIX-content h1, #CRUCIFIX-content h2, #CRUCIFIX-content h3, #CRUCIFIX-content h4, #CRUCIFIX-content h5, #CRUCIFIX-content h6, #CRUCIFIX-content p { color: #333; } } #CRUCIFIX-case p.CRUCIFIX-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) { #CRUCIFIX-case p.CRUCIFIX-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #CRUCIFIX-case p.CRUCIFIX-error { padding: 0; } } .CRUCIFIX-open body { overflow: hidden; } .CRUCIFIX-isMobileDevice .CRUCIFIX-open body { max-width: 100%; max-height: 100%; } #CRUCIFIX-info { position: absolute; padding-top: 15px; } #CRUCIFIX-info #CRUCIFIX-title, #CRUCIFIX-info #CRUCIFIX-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #CRUCIFIX-info #CRUCIFIX-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #CRUCIFIX-info #CRUCIFIX-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #CRUCIFIX-info #CRUCIFIX-caption { clear: both; font-size: 13px; color: #aaa; } #CRUCIFIX-info #CRUCIFIX-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .CRUCIFIX-fullScreenMode #CRUCIFIX-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]) #CRUCIFIX-info { position: static; } } #CRUCIFIX-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: CRUCIFIX-spin 0.5s infinite linear; -moz-animation: CRUCIFIX-spin 0.5s infinite linear; -o-animation: CRUCIFIX-spin 0.5s infinite linear; animation: CRUCIFIX-spin 0.5s infinite linear; } #CRUCIFIX-loading, #CRUCIFIX-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; } #CRUCIFIX-loading > span { display: inline-block; text-indent: -9999px; } a[class*='CRUCIFIX-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*='CRUCIFIX-icon-'], a[class*='CRUCIFIX-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*='CRUCIFIX-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='CRUCIFIX-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .CRUCIFIX-isMobileDevice a[class*='CRUCIFIX-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-prev { left: 15px; } a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-next { right: 15px; } a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-pause, a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-pause, a[class*='CRUCIFIX-icon-'].CRUCIFIX-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='CRUCIFIX-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='CRUCIFIX-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='CRUCIFIX-icon-']:hover, #CRUCIFIX-case:hover ~ a[class*='CRUCIFIX-icon-'] { opacity: 1; } } #CRUCIFIX-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) { #CRUCIFIX-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='CRUCIFIX-icon-'], a[class*='CRUCIFIX-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='CRUCIFIX-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*='CRUCIFIX-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #CRUCIFIX-content img { width: auto; height: auto; } #CRUCIFIX-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #CRUCIFIX-info #CRUCIFIX-sequenceInfo, #CRUCIFIX-info #CRUCIFIX-title, #CRUCIFIX-info #CRUCIFIX-caption { color: rgba(170, 170, 170, 1.00); } #CRUCIFIX-info #CRUCIFIX-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #CRUCIFIX-info #CRUCIFIX-caption { } /* @end */ /* Social icons in the lightbox */ #social-CRUCIFIX { 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-CRUCIFIX { display: block; } } #social-CRUCIFIX 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-CRUCIFIX a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-CRUCIFIX a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #CRUCIFIX-content, html[data-lc-type=video] #CRUCIFIX-content { background: transparent; } } #CRUCIFIX-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157371 { margin: 20px 0px 0px 0px; } #stacks_in_157380 .poster-title { display: none !important; } #stacks_in_157380 .poster-date { display: none !important; } #stacks_in_157380 .poster-readmore { display: none !important; } #stacks_in_157380 .blog-entry-author { display: none !important; } #stacks_in_157385 { margin: 20px 0px 0px 0px; } #stacks_in_157393 .poster-title { display: none !important; } #stacks_in_157393 .poster-date { display: none !important; } #stacks_in_157393 .poster-readmore { display: none !important; } #stacks_in_157393 .blog-entry-author { display: none !important; } #stacks_in_157397 { padding: 20px 20px 0px 20px; } #stacks_in_157405 .poster-title { display: none !important; } #stacks_in_157405 .poster-date { display: none !important; } #stacks_in_157405 .poster-readmore { display: none !important; } #stacks_in_157405 .blog-entry-author { display: none !important; } #stacks_in_157416 { padding: 20px 20px 0px 20px; } #stacks_in_157411 { margin: 20px 0px 20px 0px; } /* @group ProGallery Grid */ #facet { display: block; width: 100%; text-align: center; } #facet li.proGalleryItem { -webkit-transform: translateZ(0); } #facet ul#proGalleryThumbsstacks_in_157413 { padding: 0; margin: 0; list-style: none; } #facet li.proGalleryItem { margin: 0; padding: 0; position: relative; } #facet 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); } #facet li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #facet li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #facet 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 */ #facet 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; } /* */ /* */ /* */ /* */ /* */ /* */ #facet { -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) { #facet { -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) { #facet { -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) { #facet { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #facet li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #facet .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); } #facet .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #facet .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #facet.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #facet.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #facet.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #facet.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #facet.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #facet.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #facet.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #facet.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; } #facet.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #facet.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #facet.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #facet.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #facet li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #facet li .proGalleryItemInner { overflow: hidden; } #facet 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 */ } #facet 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*='facet-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 */ .facet-icon-play:before { content: '\e800'; } .facet-icon-pause:before { content: '\e801'; } .facet-icon-close:before { content: '\e802'; } .facet-icon-prev:before { content: '\e803'; } .facet-icon-next:before { content: '\e804'; } .facet-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 facet-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 facet-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 facet-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 facet-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 facet-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #facet-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] #facet-case, html[data-lc-type=ajax] #facet-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]) #facet-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] #facet-content, html[data-lc-type=video] #facet-content { background-color: #333; } } html[data-lc-type=inline] #facet-content, html[data-lc-type=ajax] #facet-content, html[data-lc-type=error] #facet-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] #facet-content, html[data-lc-type=ajax] #facet-content, html[data-lc-type=error] #facet-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] #facet-content .facet-contentInner, html[data-lc-type=ajax] #facet-content .facet-contentInner, html[data-lc-type=error] #facet-content .facet-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] #facet-content .facet-contentInner, html[data-lc-type=ajax] #facet-content .facet-contentInner, html[data-lc-type=error] #facet-content .facet-contentInner { padding: 15px; } html[data-lc-type=inline] #facet-content .facet-contentInner, html[data-lc-type=inline] #facet-content .facet-contentInner > *, html[data-lc-type=ajax] #facet-content .facet-contentInner, html[data-lc-type=ajax] #facet-content .facet-contentInner > *, html[data-lc-type=error] #facet-content .facet-contentInner, html[data-lc-type=error] #facet-content .facet-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #facet-content .facet-contentInner > *:not(iframe), html[data-lc-type=ajax] #facet-content .facet-contentInner > *:not(iframe), html[data-lc-type=error] #facet-content .facet-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.facet-isMobileDevice[data-lc-type=iframe] #facet-content .facet-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #facet-content .facet-contentInner, html[data-lc-type=video] #facet-content .facet-contentInner { line-height: 0.75; } } html[data-lc-type=image] #facet-content .facet-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #facet-content .facet-contentInner .facet-inlineWrap, html[data-lc-type=ajax] #facet-content .facet-contentInner .facet-inlineWrap, html[data-lc-type=error] #facet-content .facet-contentInner .facet-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]) #facet-content .facet-contentInner .facet-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) { #facet-content h1, #facet-content h2, #facet-content h3, #facet-content h4, #facet-content h5, #facet-content h6, #facet-content p { color: #aaa; } } @media screen and (min-width: 641px) { #facet-content h1, #facet-content h2, #facet-content h3, #facet-content h4, #facet-content h5, #facet-content h6, #facet-content p { color: #333; } } #facet-case p.facet-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) { #facet-case p.facet-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #facet-case p.facet-error { padding: 0; } } .facet-open body { overflow: hidden; } .facet-isMobileDevice .facet-open body { max-width: 100%; max-height: 100%; } #facet-info { position: absolute; padding-top: 15px; } #facet-info #facet-title, #facet-info #facet-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #facet-info #facet-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #facet-info #facet-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #facet-info #facet-caption { clear: both; font-size: 13px; color: #aaa; } #facet-info #facet-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .facet-fullScreenMode #facet-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]) #facet-info { position: static; } } #facet-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: facet-spin 0.5s infinite linear; -moz-animation: facet-spin 0.5s infinite linear; -o-animation: facet-spin 0.5s infinite linear; animation: facet-spin 0.5s infinite linear; } #facet-loading, #facet-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; } #facet-loading > span { display: inline-block; text-indent: -9999px; } a[class*='facet-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*='facet-icon-'], a[class*='facet-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*='facet-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='facet-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .facet-isMobileDevice a[class*='facet-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='facet-icon-'].facet-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='facet-icon-'].facet-icon-prev { left: 15px; } a[class*='facet-icon-'].facet-icon-next { right: 15px; } a[class*='facet-icon-'].facet-icon-pause, a[class*='facet-icon-'].facet-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='facet-icon-'].facet-icon-pause, a[class*='facet-icon-'].facet-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='facet-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='facet-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='facet-icon-']:hover, #facet-case:hover ~ a[class*='facet-icon-'] { opacity: 1; } } #facet-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) { #facet-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='facet-icon-'], a[class*='facet-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='facet-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*='facet-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #facet-content img { width: auto; height: auto; } #facet-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #facet-info #facet-sequenceInfo, #facet-info #facet-title, #facet-info #facet-caption { color: rgba(170, 170, 170, 1.00); } #facet-info #facet-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #facet-info #facet-caption { } /* @end */ /* Social icons in the lightbox */ #social-facet { 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-facet { display: block; } } #social-facet 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-facet a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-facet a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #facet-content, html[data-lc-type=video] #facet-content { background: transparent; } } #facet-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_157413 { margin: 20px 0px 0px 0px; } @media screen and (max-width: 5000px) { #quickColumnsstacks_in_158189_36 { -moz-column-count: 3; -moz-column-gap: 50px; -webkit-column-count: 3; -webkit-column-gap: 50px; column-count: 3; column-gap: 50px; } } @media screen and (max-width: 768px) { #quickColumnsstacks_in_158189_36 { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; } } @media screen and (max-width: 568px) { #quickColumnsstacks_in_158189_36 { -moz-column-count: 1; -moz-column-gap: 25px; -webkit-column-count: 1; -webkit-column-gap: 25px; column-count: 1; column-gap: 25px; } } @media screen and (max-width: 0px) { #quickColumnsstacks_in_158189_36 { -moz-column-count: 0; -moz-column-gap: 0px; -webkit-column-count: 0; -webkit-column-gap: 0px; column-count: 0; column-gap: 0px; } } @media screen and (max-width: 0px) { #quickColumnsstacks_in_158189_36 { -moz-column-count: 0; -moz-column-gap: 0px; -webkit-column-count: 0; -webkit-column-gap: 0px; column-count: 0; column-gap: 0px; } } @media print { #quickColumnsstacks_in_158189_36 { -moz-column-count: 0; -moz-column-gap: 0; -webkit-column-count: 0; -webkit-column-gap: 0; column-count: 0; column-gap: 0; } } #stacks_in_158189_36 { padding: 20px; } #stacks_in_158190_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_158190_3 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #paddyButtstacks_in_158190_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_158190_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_158190_26 { margin: 0px 0px 60px 0px; } .s-cols-stacks_in_158190_74{justify-content:space-around;align-items:flex-start;}.s-cols-stacks_in_158190_74>.s-cols-item{border-radius:0px;margin-bottom:40px;width:100%; padding:0px 20px 0px 20px; }.s-cols-stacks_in_158190_74>.s-cols-item:hover{ transform:translateY(-5px);}@media (min-width:730px){.s-cols-stacks_in_158190_74>.s-cols-item{ width:calc((100% - calc(2 * 20px)) / 3);}}@media (min-width:500px){.s-cols-stacks_in_158190_74>.s-cols-item{ width:calc((100% - calc(2 * 20px)) / 3);}}#stacks_out_158190_74{width:100%} .item_stacks_in_158190_75{justify-content:flex-start;overflow:visible !important; } #stacks_in_158190_145_button { display:block; position: relative; text-align: center; } #stacks_in_158190_145 a:link, #stacks_in_158190_145 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_158190_145 a:hover, #stacks_in_158190_145 a:active { color:#FFFFFF; } #stacks_in_158190_145 a:link, #stacks_in_158190_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_158190_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_158190_145 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_158190_146 { font-size: 80%; font-weight: bold; } .item_stacks_in_158190_147{justify-content:flex-start;overflow:visible !important; } #stacks_in_158190_163_button { display:block; position: relative; text-align: center; } #stacks_in_158190_163 a:link, #stacks_in_158190_163 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_158190_163 a:hover, #stacks_in_158190_163 a:active { color:#FFFFFF; } #stacks_in_158190_163 a:link, #stacks_in_158190_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_158190_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_158190_163 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_158190_164 { font-size: 80%; font-weight: bold; } .item_stacks_in_158190_151{justify-content:flex-start;overflow:visible !important; } #stacks_in_158190_165_button { display:block; position: relative; text-align: center; } #stacks_in_158190_165 a:link, #stacks_in_158190_165 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_158190_165 a:hover, #stacks_in_158190_165 a:active { color:#FFFFFF; } #stacks_in_158190_165 a:link, #stacks_in_158190_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_158190_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_158190_165 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_158190_166 { font-size: 80%; font-weight: bold; } .item_stacks_in_158190_155{justify-content:flex-start;overflow:visible !important; } #stacks_in_158190_167_button { display:block; position: relative; text-align: center; } #stacks_in_158190_167 a:link, #stacks_in_158190_167 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_158190_167 a:hover, #stacks_in_158190_167 a:active { color:#FFFFFF; } #stacks_in_158190_167 a:link, #stacks_in_158190_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_158190_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_158190_167 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_158190_168 { font-size: 80%; font-weight: bold; } .item_stacks_in_158190_159{justify-content:flex-start;overflow:visible !important; } #stacks_in_158190_169_button { display:block; position: relative; text-align: center; } #stacks_in_158190_169 a:link, #stacks_in_158190_169 a:visited { display:block; position: relative; text-decoration:none; } #stacks_in_158190_169 a:hover, #stacks_in_158190_169 a:active { color:#FFFFFF; } #stacks_in_158190_169 a:link, #stacks_in_158190_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_158190_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_158190_169 a:active { background-color:#FFFF7F; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_158190_170 { font-size: 80%; font-weight: bold; } #stacks_in_158191 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_158191 .pullquote:before, #stacks_in_158191 .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_158191 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_158191 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_158191 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_158191 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_158191 { background-color: rgba(153, 153, 153, 0.50); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 40px 0px 40px 0px; padding: 10px; } #stacks_out_158191 { width: 80%; } #stacks_in_158193 { display:inline-block; width:100%; line-height: 1.400000em; }