.nav-wrap{margin:0 auto;overflow:visible}.nav-wrap h1,.nav-wrap h2,.nav-wrap h3,.nav-wrap h4,.nav-wrap h5,.nav-wrap h6{margin-bottom:0}.nav-content{position:relative}.contained-bar{margin:0 auto}.site-title a:hover{text-decoration:none}html:not(.menulab-js) .navbar ul,html:not(.menulab-js) .navbar li{display:block!important;position:relative!important;margin:0!important;padding:0!important;left:0!important;right:0!important}html:not(.menulab-js) .navbar .ml-arrows li::after{display:none!important}html:not(.menulab-js) .navbar a{text-align:left!important}.navbar{float:none;max-height:0;overflow:hidden;transition:max-height .5s;margin:0;padding:0;list-style-type:none}.navbar ul{margin:0}.navbar li>ul li{white-space:nowrap}.navbar li{list-style-type:none;display:block;transition:background-color .3s ease}.navbar li a{display:block;text-decoration:none;padding:3px .8em;transition:color .3s ease}.navbar li.has-dropdown>.ml-dropdown{padding-left:20px}.navbar .ml-arrows .has-dropdown::after{top:12px}.ml-dropdown,.ml-dropdown *{margin:0;padding:0;list-style:none}.ml-dropdown li{position:relative}.ml-dropdown ul{display:none;top:100%;right:0;left:auto;z-index:99}html:not(.touch-stripped) .ml-dropdown li:hover>ul{display:block}html.touch-stripped .ml-dropdown li.dd-open>ul{display:block}.ml-dropdown a{display:block;position:relative}.ml-dropdown ul ul{top:0;left:100%}.expand{max-height:100vh}.ml-arrows .has-dropdown:after{content:'';position:absolute;right:6px;margin-top:0;height:0;width:0;border:5px solid transparent}.ml-arrows ul .ml-dropdown:after{margin-top:-5px;margin-right:-3px;border-color:transparent}.com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} html,.palette0{--text-color-richer:rgba(230, 230, 230, 1.00);--text-color-normal:rgba(255, 255, 255, 1.00);--text-color-softer:rgba(255, 255, 255, 1.00);--accent-color:rgba(218, 165, 32, 1.00);--accent-color-hover:rgba(255, 153, 0, 1.00);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--accent-color-alt:rgba(255, 255, 255, 1.00);--link-color:rgba(233, 185, 14, 1.00); --link-color-hover:rgba(255, 153, 0, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--border-color-richer:rgba(137, 137, 137, 1.00);--background-color:rgba(0, 0, 0, 1.00);--background-color-alt:rgba(51, 51, 51, 0.10);--nav-bg:rgba(17, 17, 17, 0.30);--nav-bg-hover:rgba(255, 255, 255, 0.89);--nav-link:rgba(255, 255, 255, 1.00);--nav-link-hover:rgba(0, 0, 0, 1.00);--code-background:rgba(0, 0, 0, 1.00);--code-text:rgba(230, 230, 230, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(127, 127, 127, 1.00);--second-color-hover:rgba(255, 153, 0, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1200px;--container-max-width-alt:900px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-size:1.80rem;line-height:1.60;font-weight:normal;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 0, 0, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:2.00rem}@media (min-width:600px){body{font-size:1.80rem}p.lead{font-size:2.00rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.00rem;font-weight:normal;font-style:normal;}h1,.h1{font-size:4.00rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.00rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:3.00rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.40rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.80rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.70rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:4.00rem}h3,.h3{font-size:4.00rem}h4,.h4{font-size:3.00rem}h5,.h5{font-size:2.40rem}h6,.h6{font-size:2.00rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(233, 185, 14, 1.00)!important}.stripped-button a,.source-btn{line-height:62px;font-size:16px;border-width:1px;height:calc(62px + 2px); font-weight: normal; text-transform: uppercase; display:inline-block;padding:0 10px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:5px;border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.00rem;margin-left:3rem}li ul{margin-bottom:0.00rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:0.00rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}::selection{background:var(--accent-color);color:var(--button-primary-color)}::-moz-selection{background:var(--accent-color);color:var(--button-primary-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:all .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1200px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:900px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{cursor:pointer; text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}}.base-pad-basic-1,.base-pb-1{padding:10px 50px 10px 50px}.base-pad-advanced-1,.base-pa-1{padding:0px 10px 10px 10px}.base-margin-basic-1,.base-mb-1{margin:0px 0px 0px 0px}.base-margin-advanced-1,.base-ma-1{margin:0 0 0 0}@media (min-width:600px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 10px 10px 10px}}@media (min-width:900px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 20px 20px 20px}}@media (min-width:1200px){ .base-margin-advanced-1,.base-ma-1{margin:0 0 0 0} .base-pad-advanced-1,.base-pa-1{padding:0px 20px 20px 20px}}.base-bg-1-1,.base-bg1-1{ }.base-bg-2-1,.base-bg2-1{ }.base-pad-basic-2,.base-pb-2{padding:10px 50px 10px 50px}.base-pad-advanced-2,.base-pa-2{padding:0px 10px 10px 10px}.base-margin-basic-2,.base-mb-2{margin:0px 0px 0px 0px}.base-margin-advanced-2,.base-ma-2{margin:0 0 0 0}@media (min-width:600px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 10px 10px 10px}}@media (min-width:900px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 20px 20px 20px}}@media (min-width:1200px){ .base-margin-advanced-2,.base-ma-2{margin:0 0 0 0} .base-pad-advanced-2,.base-pa-2{padding:0px 20px 20px 20px}}.base-bg-1-2,.base-bg1-2{ }.base-bg-2-2,.base-bg2-2{background-color:rgba(51, 51, 51, 1.00)!important; } @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/josefin-sans.woff2') format('woff2');font-weight:normal;font-style:normal;font-display: auto;} @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/JosefinSans-Italic.woff2') format('woff2');font-weight:normal;font-style:italic;font-display: auto;} @font-face{font-family:'Josefin-Sans';src:url('https://www.davidbegbie.com/resources/fonts/JosefinSans-Bold.woff2') format('woff2');font-weight:bold;font-style:normal;font-display: auto;}h1, h2, h3, h4, h5, h6{ font-weight:normal !important;font-family:'Josefin-Sans',sans-serif !important} #stacks_in_37_57.nav-wrap{background-color:var(--nav-bg);width:100%;padding:35px 35px 35px 35px}#stacks_in_37_57 .nav-content{z-index:999}#stacks_in_37_57.nav-fixed,#stacks_in_37_57.nav-sticky{top:0;width:100%;z-index:999}#stacks_in_37_57.nav-fixed{position:fixed;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12)}#stacks_in_37_57.nav-sticky{position:sticky}#stacks_in_37_57 .contained-bar{max-width:var(--container-max-width)}#stacks_in_37_57 .navbar li>ul{background-color:rgba(0, 0, 0, 0.85)}#stacks_in_37_57 .navbar li{list-style-type:none;display:block;border-radius:0px}#stacks_in_37_57 .navbar li a{color:var(--nav-link)}#stacks_in_37_57 .navbar li:hover>*:first-child,#stacks_in_37_57 .navbar li.active>*:first-child{color:var(--nav-link-hover)}#stacks_in_37_57 .navbar li:hover,#stacks_in_37_57 .navbar li.active{background-color:var(--nav-bg-hover)}#stacks_in_37_57 .logo img{vertical-align:top;height:30px;border-radius:0px;width:auto;max-width:none}#stacks_in_37_57 .logo{}#stacks_in_37_57 .site-title{}#stacks_in_37_57 .navbar{display:block;}#stacks_in_37_57 .branding{position:relative;display:flex;align-items:center;justify-content:center}#stacks_in_37_57 .branding h5{font-size:20px;font-weight:normal;text-transform: none; padding-left:10px;padding-right:10px}#stacks_in_37_57 .site-title a{color:var(--text-color-normal);}#stacks_in_37_57 .site-title a:hover{color:var(--text-color-softer);}@media only screen and (max-width:1399px){#stacks_in_37_57 .ml-dropdown{background-color:rgba(0, 0, 0, 0.85);max-height:calc(100vh - 45px);overflow-y:scroll} #stacks_in_37_57 .cta{display:none} #stacks_in_37_57 .navbar li{margin:3px 0}#stacks_in_37_57 .branding{}}@media only screen and (min-width:1400px){ #stacks_in_37_57 .logo{display: block; margin-left:0;padding-right:10px}#stacks_in_37_57 .site-title{display: none;} #stacks_in_37_57 .cta-small{display:none} #stacks_in_37_57 .branding h5{font-size:20px;padding-left:0;padding-right:40px}#stacks_in_37_57 .grouped-cta,#stacks_in_37_57 .cta{display:flex;flex-wrap:wrap;align-items:center}#stacks_in_37_57 .branding{min-width:0px;justify-content: start;}#stacks_in_37_57 .logo img{height:30px}#stacks_in_37_57 .navbar{display:inline-block} #stacks_in_37_57 .mob-icon{display:none}#stacks_in_37_57.nav-wrap{padding:40px 12px 50px 12px}#stacks_in_37_57 .navbar{float:right;max-height:none;overflow:visible}#stacks_in_37_57 .navbar,#stacks_in_37_57 .nav-content{position:relative;display:flex;align-items:center;justify-content:center;}#stacks_in_37_57 .navbar li a{padding:0 .8em}#stacks_in_37_57 .navbar li.active,#stacks_in_37_57 .navbar li:hover{border-radius:0px}#stacks_in_37_57 .navbar .ml-menu,#stacks_in_37_57 .navbar .ml-menu ul{margin:2px 1px}#stacks_in_37_57 .navbar .ml-menu li{margin:2px 1px;padding-top:3px;padding-bottom:3px}#stacks_in_37_57 .navbar li>ul{box-shadow:0 0 18px rgba(0,0,0,.1)}#stacks_in_37_57 .navbar .ml-menu li>ul .dd-to-left>ul{right:100%!important;left:auto!important}#stacks_in_37_57 .navbar .ml-menu li>ul .dd-to-right>ul{left:100%!important;right:auto!important}#stacks_in_37_57 .navbar .ml-menu ul,#stacks_in_37_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_37_57 .navbar [dir=rtl] .ml-menu ul,#stacks_in_37_57 .navbar .ml-menu>.dd-to-left>ul{left:auto;right:0}#stacks_in_37_57 .navbar .ml-menu ul ul,#stacks_in_37_57 .navbar [dir=rtl] .ml-menu ul .dd-to-right ul{top:0;left:100%;right:auto}#stacks_in_37_57 .navbar [dir=rtl] .ml-menu ul ul,#stacks_in_37_57 .navbar .ml-menu ul .ml-dd-to-left ul{left:auto;right:100%}#stacks_in_37_57 .navbar .ml-menu li{position:relative;display:block;list-style-type:none}#stacks_in_37_57 .navbar .ml-menu>li{display:inline-block}#stacks_in_37_57 .navbar .ml-menu a,#stacks_in_37_57 .navbar .ml-menu span{display:block;text-decoration:none;white-space:pre}#stacks_in_37_57 .navbar .ml-menu li:hover>ul{display:block}#stacks_in_37_57 .navbar .ml-js li:hover>ul{display:none}#stacks_in_37_57 .navbar .ml-js li.dd-open>ul{display:block!important}#stacks_in_37_57 .ml-arrows .has-dropdown{padding-right:16px;*padding-right:16px}}#stacks_in_37_57 .ml-arrows .has-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_37_57 .ml-arrows .has-dropdown.active:after{border-top-color:darkgray;border-top-color:var(--nav-link-hover)}#stacks_in_37_57 .ml-arrows>li>.ml-dropdown:focus:after,#stacks_in_37_57 .ml-arrows>li:hover>.ml-dropdown:after,#stacks_in_37_57 .ml-arrows>.sfHover>.ml-dropdown:after{border-top-color:darkgray;border-top-color:var(--nav-link)}#stacks_in_37_57 .ml-arrows ul .ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_37_57 .ml-arrows ul li>.ml-dropdown:focus:after,#stacks_in_37_57 .ml-arrows ul li:hover>.ml-dropdown:after,#stacks_in_37_57 .ml-arrows ul .sfHover>.ml-dropdown:after{border-top-color:darkgray;border-left-color:var(--nav-link)}#stacks_in_37_57 .mob-icon{-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#stacks_in_37_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_37_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_37_57 .burg span:nth-child(1){top:0}#stacks_in_37_57 .burg span:nth-child(2),#stacks_in_37_57 .burg span:nth-child(3){top:18px}#stacks_in_37_57 .burg span:nth-child(4){top:36px}#stacks_in_37_57.ml-toggle.expand .burg span:nth-child(1){top:18px;width:0;left:50%}#stacks_in_37_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_37_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_37_57.ml-toggle.expand .burg span:nth-child(4){top:18px;width:0;left:50%} h1.stacks_in_37_65{ } .s-container-stacks_in_292{max-width:1200px; }#s-wrapper-stacks_in_292{margin:0; }#s-content-stacks_in_292{justify-content:center; padding:0; }.s-bg-stacks_in_292{z-index:0}#s-outer-stacks_in_292{border-radius:0px 0px 0px 0px} #stacks_in_167 { margin: 0px 0px 40px 0px; } /* @group ProGallery Grid */ #rome { display: block; width: 100%; text-align: center; } #rome li.proGalleryItem { -webkit-transform: translateZ(0); } #rome ul#proGalleryThumbsstacks_in_275 { padding: 0; margin: 0; list-style: none; } #rome li.proGalleryItem { margin: 0; padding: 0; position: relative; } #rome 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); } #rome li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #rome 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 */ #rome 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; } /* */ /* */ /* */ /* */ /* */ /* */ #rome { -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) { #rome { -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) { #rome { -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) { #rome { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #rome li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #rome .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); } #rome .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #rome .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #rome.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #rome.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #rome.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #rome.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #rome.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #rome.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #rome.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #rome.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; } #rome.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #rome.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #rome.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #rome.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #rome li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #rome li .proGalleryItemInner { overflow: hidden; } #rome 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 */ } #rome 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='rome-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 */ .rome-icon-play:before { content: '\e800'; } .rome-icon-pause:before { content: '\e801'; } .rome-icon-close:before { content: '\e802'; } .rome-icon-prev:before { content: '\e803'; } .rome-icon-next:before { content: '\e804'; } .rome-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 rome-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rome-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rome-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rome-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 rome-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #rome-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] #rome-case, html[data-lc-type=ajax] #rome-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]) #rome-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] #rome-content, html[data-lc-type=video] #rome-content { background-color: #333; } } html[data-lc-type=inline] #rome-content, html[data-lc-type=ajax] #rome-content, html[data-lc-type=error] #rome-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] #rome-content, html[data-lc-type=ajax] #rome-content, html[data-lc-type=error] #rome-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] #rome-content .rome-contentInner, html[data-lc-type=ajax] #rome-content .rome-contentInner, html[data-lc-type=error] #rome-content .rome-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] #rome-content .rome-contentInner, html[data-lc-type=ajax] #rome-content .rome-contentInner, html[data-lc-type=error] #rome-content .rome-contentInner { padding: 15px; } html[data-lc-type=inline] #rome-content .rome-contentInner, html[data-lc-type=inline] #rome-content .rome-contentInner > *, html[data-lc-type=ajax] #rome-content .rome-contentInner, html[data-lc-type=ajax] #rome-content .rome-contentInner > *, html[data-lc-type=error] #rome-content .rome-contentInner, html[data-lc-type=error] #rome-content .rome-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #rome-content .rome-contentInner > *:not(iframe), html[data-lc-type=ajax] #rome-content .rome-contentInner > *:not(iframe), html[data-lc-type=error] #rome-content .rome-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.rome-isMobileDevice[data-lc-type=iframe] #rome-content .rome-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #rome-content .rome-contentInner, html[data-lc-type=video] #rome-content .rome-contentInner { line-height: 0.75; } } html[data-lc-type=image] #rome-content .rome-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #rome-content .rome-contentInner .rome-inlineWrap, html[data-lc-type=ajax] #rome-content .rome-contentInner .rome-inlineWrap, html[data-lc-type=error] #rome-content .rome-contentInner .rome-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]) #rome-content .rome-contentInner .rome-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) { #rome-content h1, #rome-content h2, #rome-content h3, #rome-content h4, #rome-content h5, #rome-content h6, #rome-content p { color: #aaa; } } @media screen and (min-width: 641px) { #rome-content h1, #rome-content h2, #rome-content h3, #rome-content h4, #rome-content h5, #rome-content h6, #rome-content p { color: #333; } } #rome-case p.rome-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) { #rome-case p.rome-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #rome-case p.rome-error { padding: 0; } } .rome-open body { overflow: hidden; } .rome-isMobileDevice .rome-open body { max-width: 100%; max-height: 100%; } #rome-info { position: absolute; padding-top: 15px; } #rome-info #rome-title, #rome-info #rome-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #rome-info #rome-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #rome-info #rome-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #rome-info #rome-caption { clear: both; font-size: 13px; color: #aaa; } #rome-info #rome-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .rome-fullScreenMode #rome-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]) #rome-info { position: static; } } #rome-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: rome-spin 0.5s infinite linear; -moz-animation: rome-spin 0.5s infinite linear; -o-animation: rome-spin 0.5s infinite linear; animation: rome-spin 0.5s infinite linear; } #rome-loading, #rome-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; } #rome-loading > span { display: inline-block; text-indent: -9999px; } a[class*='rome-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*='rome-icon-'], a[class*='rome-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*='rome-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='rome-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .rome-isMobileDevice a[class*='rome-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='rome-icon-'].rome-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='rome-icon-'].rome-icon-prev { left: 15px; } a[class*='rome-icon-'].rome-icon-next { right: 15px; } a[class*='rome-icon-'].rome-icon-pause, a[class*='rome-icon-'].rome-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='rome-icon-'].rome-icon-pause, a[class*='rome-icon-'].rome-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='rome-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='rome-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='rome-icon-']:hover, #rome-case:hover ~ a[class*='rome-icon-'] { opacity: 1; } } #rome-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) { #rome-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='rome-icon-'], a[class*='rome-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='rome-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*='rome-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #rome-content img { width: auto; height: auto; } #rome-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #rome-info #rome-sequenceInfo, #rome-info #rome-title, #rome-info #rome-caption { color: rgba(170, 170, 170, 1.00); } #rome-info #rome-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #rome-info #rome-caption { } /* @end */ /* Social icons in the lightbox */ #social-rome { 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-rome { display: block; } } #social-rome 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-rome a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-rome a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #rome-content, html[data-lc-type=video] #rome-content { background: transparent; } } #rome-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_275 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_291, #ruleStackstacks_in_291:before, #ruleStackstacks_in_291:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_291 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_291 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_291 [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_291 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_291 { text-align: center; } #ruleStackstacks_in_291:before, #ruleStackstacks_in_291:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_291:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_291:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_291 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group ProGallery Grid */ #cryptic { display: block; width: 100%; text-align: center; } #cryptic li.proGalleryItem { -webkit-transform: translateZ(0); } #cryptic ul#proGalleryThumbsstacks_in_305 { padding: 0; margin: 0; list-style: none; } #cryptic li.proGalleryItem { margin: 0; padding: 0; position: relative; } #cryptic 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); } #cryptic li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #cryptic 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 */ #cryptic 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; } /* */ /* */ /* */ /* */ /* */ /* */ #cryptic { -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) { #cryptic { -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) { #cryptic { -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) { #cryptic { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #cryptic li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #cryptic .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); } #cryptic .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cryptic .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #cryptic.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #cryptic.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #cryptic.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #cryptic.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #cryptic.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #cryptic.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #cryptic.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #cryptic.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; } #cryptic.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #cryptic.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #cryptic.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #cryptic.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #cryptic li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #cryptic li .proGalleryItemInner { overflow: hidden; } #cryptic 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 */ } #cryptic 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='cryptic-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 */ .cryptic-icon-play:before { content: '\e800'; } .cryptic-icon-pause:before { content: '\e801'; } .cryptic-icon-close:before { content: '\e802'; } .cryptic-icon-prev:before { content: '\e803'; } .cryptic-icon-next:before { content: '\e804'; } .cryptic-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 cryptic-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cryptic-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cryptic-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cryptic-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cryptic-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #cryptic-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] #cryptic-case, html[data-lc-type=ajax] #cryptic-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]) #cryptic-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] #cryptic-content, html[data-lc-type=video] #cryptic-content { background-color: #333; } } html[data-lc-type=inline] #cryptic-content, html[data-lc-type=ajax] #cryptic-content, html[data-lc-type=error] #cryptic-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] #cryptic-content, html[data-lc-type=ajax] #cryptic-content, html[data-lc-type=error] #cryptic-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] #cryptic-content .cryptic-contentInner, html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner, html[data-lc-type=error] #cryptic-content .cryptic-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] #cryptic-content .cryptic-contentInner, html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner, html[data-lc-type=error] #cryptic-content .cryptic-contentInner { padding: 15px; } html[data-lc-type=inline] #cryptic-content .cryptic-contentInner, html[data-lc-type=inline] #cryptic-content .cryptic-contentInner > *, html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner, html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner > *, html[data-lc-type=error] #cryptic-content .cryptic-contentInner, html[data-lc-type=error] #cryptic-content .cryptic-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #cryptic-content .cryptic-contentInner > *:not(iframe), html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner > *:not(iframe), html[data-lc-type=error] #cryptic-content .cryptic-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.cryptic-isMobileDevice[data-lc-type=iframe] #cryptic-content .cryptic-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #cryptic-content .cryptic-contentInner, html[data-lc-type=video] #cryptic-content .cryptic-contentInner { line-height: 0.75; } } html[data-lc-type=image] #cryptic-content .cryptic-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #cryptic-content .cryptic-contentInner .cryptic-inlineWrap, html[data-lc-type=ajax] #cryptic-content .cryptic-contentInner .cryptic-inlineWrap, html[data-lc-type=error] #cryptic-content .cryptic-contentInner .cryptic-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]) #cryptic-content .cryptic-contentInner .cryptic-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) { #cryptic-content h1, #cryptic-content h2, #cryptic-content h3, #cryptic-content h4, #cryptic-content h5, #cryptic-content h6, #cryptic-content p { color: #aaa; } } @media screen and (min-width: 641px) { #cryptic-content h1, #cryptic-content h2, #cryptic-content h3, #cryptic-content h4, #cryptic-content h5, #cryptic-content h6, #cryptic-content p { color: #333; } } #cryptic-case p.cryptic-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) { #cryptic-case p.cryptic-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #cryptic-case p.cryptic-error { padding: 0; } } .cryptic-open body { overflow: hidden; } .cryptic-isMobileDevice .cryptic-open body { max-width: 100%; max-height: 100%; } #cryptic-info { position: absolute; padding-top: 15px; } #cryptic-info #cryptic-title, #cryptic-info #cryptic-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #cryptic-info #cryptic-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #cryptic-info #cryptic-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #cryptic-info #cryptic-caption { clear: both; font-size: 13px; color: #aaa; } #cryptic-info #cryptic-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .cryptic-fullScreenMode #cryptic-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]) #cryptic-info { position: static; } } #cryptic-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: cryptic-spin 0.5s infinite linear; -moz-animation: cryptic-spin 0.5s infinite linear; -o-animation: cryptic-spin 0.5s infinite linear; animation: cryptic-spin 0.5s infinite linear; } #cryptic-loading, #cryptic-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; } #cryptic-loading > span { display: inline-block; text-indent: -9999px; } a[class*='cryptic-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*='cryptic-icon-'], a[class*='cryptic-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*='cryptic-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='cryptic-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .cryptic-isMobileDevice a[class*='cryptic-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='cryptic-icon-'].cryptic-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='cryptic-icon-'].cryptic-icon-prev { left: 15px; } a[class*='cryptic-icon-'].cryptic-icon-next { right: 15px; } a[class*='cryptic-icon-'].cryptic-icon-pause, a[class*='cryptic-icon-'].cryptic-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='cryptic-icon-'].cryptic-icon-pause, a[class*='cryptic-icon-'].cryptic-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='cryptic-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='cryptic-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='cryptic-icon-']:hover, #cryptic-case:hover ~ a[class*='cryptic-icon-'] { opacity: 1; } } #cryptic-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) { #cryptic-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='cryptic-icon-'], a[class*='cryptic-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='cryptic-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*='cryptic-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #cryptic-content img { width: auto; height: auto; } #cryptic-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #cryptic-info #cryptic-sequenceInfo, #cryptic-info #cryptic-title, #cryptic-info #cryptic-caption { color: rgba(170, 170, 170, 1.00); } #cryptic-info #cryptic-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cryptic-info #cryptic-caption { } /* @end */ /* Social icons in the lightbox */ #social-cryptic { 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-cryptic { display: block; } } #social-cryptic 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-cryptic a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-cryptic a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #cryptic-content, html[data-lc-type=video] #cryptic-content { background: transparent; } } #cryptic-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_305 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_306, #ruleStackstacks_in_306:before, #ruleStackstacks_in_306:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_306 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_306 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_306 [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_306 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_306 { text-align: center; } #ruleStackstacks_in_306:before, #ruleStackstacks_in_306:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_306:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_306:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_306 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group ProGallery Grid */ #steellives { display: block; width: 100%; text-align: center; } #steellives li.proGalleryItem { -webkit-transform: translateZ(0); } #steellives ul#proGalleryThumbsstacks_in_308 { padding: 0; margin: 0; list-style: none; } #steellives li.proGalleryItem { margin: 0; padding: 0; position: relative; } #steellives 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); } #steellives li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #steellives 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 */ #steellives 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; } /* */ /* */ /* */ /* */ /* */ /* */ #steellives { -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) { #steellives { -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) { #steellives { -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) { #steellives { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #steellives li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #steellives .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); } #steellives .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellives .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #steellives.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #steellives.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #steellives.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #steellives.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #steellives.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #steellives.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #steellives.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #steellives.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; } #steellives.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #steellives.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #steellives.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #steellives.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #steellives li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #steellives li .proGalleryItemInner { overflow: hidden; } #steellives 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 */ } #steellives 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='steellives-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 */ .steellives-icon-play:before { content: '\e800'; } .steellives-icon-pause:before { content: '\e801'; } .steellives-icon-close:before { content: '\e802'; } .steellives-icon-prev:before { content: '\e803'; } .steellives-icon-next:before { content: '\e804'; } .steellives-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 steellives-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 steellives-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 steellives-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 steellives-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 steellives-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #steellives-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] #steellives-case, html[data-lc-type=ajax] #steellives-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]) #steellives-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] #steellives-content, html[data-lc-type=video] #steellives-content { background-color: #333; } } html[data-lc-type=inline] #steellives-content, html[data-lc-type=ajax] #steellives-content, html[data-lc-type=error] #steellives-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] #steellives-content, html[data-lc-type=ajax] #steellives-content, html[data-lc-type=error] #steellives-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] #steellives-content .steellives-contentInner, html[data-lc-type=ajax] #steellives-content .steellives-contentInner, html[data-lc-type=error] #steellives-content .steellives-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] #steellives-content .steellives-contentInner, html[data-lc-type=ajax] #steellives-content .steellives-contentInner, html[data-lc-type=error] #steellives-content .steellives-contentInner { padding: 15px; } html[data-lc-type=inline] #steellives-content .steellives-contentInner, html[data-lc-type=inline] #steellives-content .steellives-contentInner > *, html[data-lc-type=ajax] #steellives-content .steellives-contentInner, html[data-lc-type=ajax] #steellives-content .steellives-contentInner > *, html[data-lc-type=error] #steellives-content .steellives-contentInner, html[data-lc-type=error] #steellives-content .steellives-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #steellives-content .steellives-contentInner > *:not(iframe), html[data-lc-type=ajax] #steellives-content .steellives-contentInner > *:not(iframe), html[data-lc-type=error] #steellives-content .steellives-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.steellives-isMobileDevice[data-lc-type=iframe] #steellives-content .steellives-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #steellives-content .steellives-contentInner, html[data-lc-type=video] #steellives-content .steellives-contentInner { line-height: 0.75; } } html[data-lc-type=image] #steellives-content .steellives-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellives-content .steellives-contentInner .steellives-inlineWrap, html[data-lc-type=ajax] #steellives-content .steellives-contentInner .steellives-inlineWrap, html[data-lc-type=error] #steellives-content .steellives-contentInner .steellives-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]) #steellives-content .steellives-contentInner .steellives-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) { #steellives-content h1, #steellives-content h2, #steellives-content h3, #steellives-content h4, #steellives-content h5, #steellives-content h6, #steellives-content p { color: #aaa; } } @media screen and (min-width: 641px) { #steellives-content h1, #steellives-content h2, #steellives-content h3, #steellives-content h4, #steellives-content h5, #steellives-content h6, #steellives-content p { color: #333; } } #steellives-case p.steellives-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) { #steellives-case p.steellives-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #steellives-case p.steellives-error { padding: 0; } } .steellives-open body { overflow: hidden; } .steellives-isMobileDevice .steellives-open body { max-width: 100%; max-height: 100%; } #steellives-info { position: absolute; padding-top: 15px; } #steellives-info #steellives-title, #steellives-info #steellives-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #steellives-info #steellives-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #steellives-info #steellives-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #steellives-info #steellives-caption { clear: both; font-size: 13px; color: #aaa; } #steellives-info #steellives-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .steellives-fullScreenMode #steellives-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]) #steellives-info { position: static; } } #steellives-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: steellives-spin 0.5s infinite linear; -moz-animation: steellives-spin 0.5s infinite linear; -o-animation: steellives-spin 0.5s infinite linear; animation: steellives-spin 0.5s infinite linear; } #steellives-loading, #steellives-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; } #steellives-loading > span { display: inline-block; text-indent: -9999px; } a[class*='steellives-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*='steellives-icon-'], a[class*='steellives-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*='steellives-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='steellives-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .steellives-isMobileDevice a[class*='steellives-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='steellives-icon-'].steellives-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='steellives-icon-'].steellives-icon-prev { left: 15px; } a[class*='steellives-icon-'].steellives-icon-next { right: 15px; } a[class*='steellives-icon-'].steellives-icon-pause, a[class*='steellives-icon-'].steellives-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='steellives-icon-'].steellives-icon-pause, a[class*='steellives-icon-'].steellives-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='steellives-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='steellives-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='steellives-icon-']:hover, #steellives-case:hover ~ a[class*='steellives-icon-'] { opacity: 1; } } #steellives-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) { #steellives-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='steellives-icon-'], a[class*='steellives-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='steellives-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*='steellives-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #steellives-content img { width: auto; height: auto; } #steellives-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #steellives-info #steellives-sequenceInfo, #steellives-info #steellives-title, #steellives-info #steellives-caption { color: rgba(170, 170, 170, 1.00); } #steellives-info #steellives-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellives-info #steellives-caption { } /* @end */ /* Social icons in the lightbox */ #social-steellives { 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-steellives { display: block; } } #social-steellives 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-steellives a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-steellives a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #steellives-content, html[data-lc-type=video] #steellives-content { background: transparent; } } #steellives-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_308 { margin: 0px 0px 20px 0px; } /* @group ProGallery Grid */ #steellivespress { display: block; width: 100%; text-align: center; } #steellivespress li.proGalleryItem { -webkit-transform: translateZ(0); } #steellivespress ul#proGalleryThumbsstacks_in_310 { padding: 0; margin: 0; list-style: none; } #steellivespress li.proGalleryItem { margin: 0; padding: 0; position: relative; } #steellivespress li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #steellivespress li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #steellivespress li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #steellivespress li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #steellivespress { -moz-column-count: 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) { #steellivespress { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #steellivespress { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #steellivespress { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #steellivespress li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #steellivespress .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #steellivespress .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellivespress .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #steellivespress.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #steellivespress.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #steellivespress.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #steellivespress.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #steellivespress.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #steellivespress.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #steellivespress.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #steellivespress.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #steellivespress.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #steellivespress.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #steellivespress.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #steellivespress.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #steellivespress li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #steellivespress li .proGalleryItemInner { overflow: hidden; } #steellivespress a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #steellivespress a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='steellivespress-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .steellivespress-icon-play:before { content: '\e800'; } .steellivespress-icon-pause:before { content: '\e801'; } .steellivespress-icon-close:before { content: '\e802'; } .steellivespress-icon-prev:before { content: '\e803'; } .steellivespress-icon-next:before { content: '\e804'; } .steellivespress-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes steellivespress-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes steellivespress-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes steellivespress-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes steellivespress-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes steellivespress-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #steellivespress-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellivespress-case, html[data-lc-type=ajax] #steellivespress-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #steellivespress-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #steellivespress-content, html[data-lc-type=video] #steellivespress-content { background-color: #333; } } html[data-lc-type=inline] #steellivespress-content, html[data-lc-type=ajax] #steellivespress-content, html[data-lc-type=error] #steellivespress-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellivespress-content, html[data-lc-type=ajax] #steellivespress-content, html[data-lc-type=error] #steellivespress-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner { padding: 15px; } html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner > *, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner > *, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner > *:not(iframe), html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner > *:not(iframe), html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.steellivespress-isMobileDevice[data-lc-type=iframe] #steellivespress-content .steellivespress-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #steellivespress-content .steellivespress-contentInner, html[data-lc-type=video] #steellivespress-content .steellivespress-contentInner { line-height: 0.75; } } html[data-lc-type=image] #steellivespress-content .steellivespress-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap, html[data-lc-type=ajax] #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap, html[data-lc-type=error] #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #steellivespress-content .steellivespress-contentInner .steellivespress-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #steellivespress-content h1, #steellivespress-content h2, #steellivespress-content h3, #steellivespress-content h4, #steellivespress-content h5, #steellivespress-content h6, #steellivespress-content p { color: #aaa; } } @media screen and (min-width: 641px) { #steellivespress-content h1, #steellivespress-content h2, #steellivespress-content h3, #steellivespress-content h4, #steellivespress-content h5, #steellivespress-content h6, #steellivespress-content p { color: #333; } } #steellivespress-case p.steellivespress-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #steellivespress-case p.steellivespress-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #steellivespress-case p.steellivespress-error { padding: 0; } } .steellivespress-open body { overflow: hidden; } .steellivespress-isMobileDevice .steellivespress-open body { max-width: 100%; max-height: 100%; } #steellivespress-info { position: absolute; padding-top: 15px; } #steellivespress-info #steellivespress-title, #steellivespress-info #steellivespress-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #steellivespress-info #steellivespress-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #steellivespress-info #steellivespress-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #steellivespress-info #steellivespress-caption { clear: both; font-size: 13px; color: #aaa; } #steellivespress-info #steellivespress-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .steellivespress-fullScreenMode #steellivespress-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #steellivespress-info { position: static; } } #steellivespress-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: steellivespress-spin 0.5s infinite linear; -moz-animation: steellivespress-spin 0.5s infinite linear; -o-animation: steellivespress-spin 0.5s infinite linear; animation: steellivespress-spin 0.5s infinite linear; } #steellivespress-loading, #steellivespress-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #steellivespress-loading > span { display: inline-block; text-indent: -9999px; } a[class*='steellivespress-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='steellivespress-icon-'], a[class*='steellivespress-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='steellivespress-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='steellivespress-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .steellivespress-isMobileDevice a[class*='steellivespress-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='steellivespress-icon-'].steellivespress-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='steellivespress-icon-'].steellivespress-icon-prev { left: 15px; } a[class*='steellivespress-icon-'].steellivespress-icon-next { right: 15px; } a[class*='steellivespress-icon-'].steellivespress-icon-pause, a[class*='steellivespress-icon-'].steellivespress-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='steellivespress-icon-'].steellivespress-icon-pause, a[class*='steellivespress-icon-'].steellivespress-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='steellivespress-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='steellivespress-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='steellivespress-icon-']:hover, #steellivespress-case:hover ~ a[class*='steellivespress-icon-'] { opacity: 1; } } #steellivespress-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #steellivespress-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='steellivespress-icon-'], a[class*='steellivespress-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='steellivespress-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='steellivespress-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #steellivespress-content img { width: auto; height: auto; } #steellivespress-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #steellivespress-info #steellivespress-sequenceInfo, #steellivespress-info #steellivespress-title, #steellivespress-info #steellivespress-caption { color: rgba(170, 170, 170, 1.00); } #steellivespress-info #steellivespress-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #steellivespress-info #steellivespress-caption { } /* @end */ /* Social icons in the lightbox */ #social-steellivespress { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-steellivespress { display: block; } } #social-steellivespress a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-steellivespress a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-steellivespress a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #steellivespress-content, html[data-lc-type=video] #steellivespress-content { background: transparent; } } #steellivespress-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_310 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_311, #ruleStackstacks_in_311:before, #ruleStackstacks_in_311:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_311 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_311 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_311 [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_311 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_311 { text-align: center; } #ruleStackstacks_in_311:before, #ruleStackstacks_in_311:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_311:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_311:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_311 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ /* @group ProGallery Grid */ #london { display: block; width: 100%; text-align: center; } #london li.proGalleryItem { -webkit-transform: translateZ(0); } #london ul#proGalleryThumbsstacks_in_330 { padding: 0; margin: 0; list-style: none; } #london li.proGalleryItem { margin: 0; padding: 0; position: relative; } #london 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); } #london li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #london 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 */ #london 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; } /* */ /* */ /* */ /* */ /* */ /* */ #london { -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) { #london { -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) { #london { -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) { #london { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #london li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #london .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); } #london .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #london .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #london.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #london.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #london.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #london.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #london.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #london.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #london.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #london.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; } #london.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #london.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #london.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #london.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #london li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #london li .proGalleryItemInner { overflow: hidden; } #london 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 */ } #london 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='london-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 */ .london-icon-play:before { content: '\e800'; } .london-icon-pause:before { content: '\e801'; } .london-icon-close:before { content: '\e802'; } .london-icon-prev:before { content: '\e803'; } .london-icon-next:before { content: '\e804'; } .london-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 london-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 london-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 london-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 london-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 london-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #london-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] #london-case, html[data-lc-type=ajax] #london-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]) #london-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] #london-content, html[data-lc-type=video] #london-content { background-color: #333; } } html[data-lc-type=inline] #london-content, html[data-lc-type=ajax] #london-content, html[data-lc-type=error] #london-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] #london-content, html[data-lc-type=ajax] #london-content, html[data-lc-type=error] #london-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] #london-content .london-contentInner, html[data-lc-type=ajax] #london-content .london-contentInner, html[data-lc-type=error] #london-content .london-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] #london-content .london-contentInner, html[data-lc-type=ajax] #london-content .london-contentInner, html[data-lc-type=error] #london-content .london-contentInner { padding: 15px; } html[data-lc-type=inline] #london-content .london-contentInner, html[data-lc-type=inline] #london-content .london-contentInner > *, html[data-lc-type=ajax] #london-content .london-contentInner, html[data-lc-type=ajax] #london-content .london-contentInner > *, html[data-lc-type=error] #london-content .london-contentInner, html[data-lc-type=error] #london-content .london-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #london-content .london-contentInner > *:not(iframe), html[data-lc-type=ajax] #london-content .london-contentInner > *:not(iframe), html[data-lc-type=error] #london-content .london-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.london-isMobileDevice[data-lc-type=iframe] #london-content .london-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #london-content .london-contentInner, html[data-lc-type=video] #london-content .london-contentInner { line-height: 0.75; } } html[data-lc-type=image] #london-content .london-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #london-content .london-contentInner .london-inlineWrap, html[data-lc-type=ajax] #london-content .london-contentInner .london-inlineWrap, html[data-lc-type=error] #london-content .london-contentInner .london-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]) #london-content .london-contentInner .london-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) { #london-content h1, #london-content h2, #london-content h3, #london-content h4, #london-content h5, #london-content h6, #london-content p { color: #aaa; } } @media screen and (min-width: 641px) { #london-content h1, #london-content h2, #london-content h3, #london-content h4, #london-content h5, #london-content h6, #london-content p { color: #333; } } #london-case p.london-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) { #london-case p.london-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #london-case p.london-error { padding: 0; } } .london-open body { overflow: hidden; } .london-isMobileDevice .london-open body { max-width: 100%; max-height: 100%; } #london-info { position: absolute; padding-top: 15px; } #london-info #london-title, #london-info #london-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #london-info #london-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #london-info #london-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #london-info #london-caption { clear: both; font-size: 13px; color: #aaa; } #london-info #london-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .london-fullScreenMode #london-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]) #london-info { position: static; } } #london-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: london-spin 0.5s infinite linear; -moz-animation: london-spin 0.5s infinite linear; -o-animation: london-spin 0.5s infinite linear; animation: london-spin 0.5s infinite linear; } #london-loading, #london-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; } #london-loading > span { display: inline-block; text-indent: -9999px; } a[class*='london-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*='london-icon-'], a[class*='london-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*='london-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='london-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .london-isMobileDevice a[class*='london-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='london-icon-'].london-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='london-icon-'].london-icon-prev { left: 15px; } a[class*='london-icon-'].london-icon-next { right: 15px; } a[class*='london-icon-'].london-icon-pause, a[class*='london-icon-'].london-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='london-icon-'].london-icon-pause, a[class*='london-icon-'].london-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='london-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='london-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='london-icon-']:hover, #london-case:hover ~ a[class*='london-icon-'] { opacity: 1; } } #london-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) { #london-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='london-icon-'], a[class*='london-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='london-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*='london-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #london-content img { width: auto; height: auto; } #london-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #london-info #london-sequenceInfo, #london-info #london-title, #london-info #london-caption { color: rgba(170, 170, 170, 1.00); } #london-info #london-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #london-info #london-caption { } /* @end */ /* Social icons in the lightbox */ #social-london { 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-london { display: block; } } #social-london 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-london a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-london a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #london-content, html[data-lc-type=video] #london-content { background: transparent; } } #london-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_330 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_331, #ruleStackstacks_in_331:before, #ruleStackstacks_in_331:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_331 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_331 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_331 [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_331 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_331 { text-align: center; } #ruleStackstacks_in_331:before, #ruleStackstacks_in_331:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_331:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_331:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_331 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_332 { margin: 40px 0px 0px 0px; } /* @group ProGallery Grid */ #Archetypes { display: block; width: 100%; text-align: center; } #Archetypes li.proGalleryItem { -webkit-transform: translateZ(0); } #Archetypes ul#proGalleryThumbsstacks_in_333 { padding: 0; margin: 0; list-style: none; } #Archetypes li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Archetypes li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 0.00); padding: 0px 0px 0px 0px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Archetypes li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Archetypes li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Archetypes li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ /* */ /* */ /* */ #Archetypes { -moz-column-count: 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) { #Archetypes { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 992px) { #Archetypes { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1200px) { #Archetypes { -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; } } #Archetypes li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #Archetypes .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(102, 102, 102, 1.00); background: rgba(255, 255, 255, 1.00); } #Archetypes .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Archetypes .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Archetypes.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Archetypes.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Archetypes.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Archetypes.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Archetypes.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Archetypes.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Archetypes.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Archetypes.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Archetypes.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Archetypes.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Archetypes.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Archetypes.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Archetypes li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #Archetypes li .proGalleryItemInner { overflow: hidden; } #Archetypes a img { -webkit-transform: scale(1.00); -moz-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-backface-visibility: hidden; /* Fixes bug in Chrome, with images inside columns vanishing */ } #Archetypes a:hover img { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); -ms-transform: scale(1.10); transform: scale(1.10); } /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Archetypes-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Archetypes-icon-play:before { content: '\e800'; } .Archetypes-icon-pause:before { content: '\e801'; } .Archetypes-icon-close:before { content: '\e802'; } .Archetypes-icon-prev:before { content: '\e803'; } .Archetypes-icon-next:before { content: '\e804'; } .Archetypes-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Archetypes-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Archetypes-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Archetypes-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Archetypes-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Archetypes-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Archetypes-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Archetypes-case, html[data-lc-type=ajax] #Archetypes-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Archetypes-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Archetypes-content, html[data-lc-type=video] #Archetypes-content { background-color: #333; } } html[data-lc-type=inline] #Archetypes-content, html[data-lc-type=ajax] #Archetypes-content, html[data-lc-type=error] #Archetypes-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Archetypes-content, html[data-lc-type=ajax] #Archetypes-content, html[data-lc-type=error] #Archetypes-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner { padding: 15px; } html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner > *, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner > *, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner > *:not(iframe), html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner > *:not(iframe), html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Archetypes-isMobileDevice[data-lc-type=iframe] #Archetypes-content .Archetypes-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Archetypes-content .Archetypes-contentInner, html[data-lc-type=video] #Archetypes-content .Archetypes-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Archetypes-content .Archetypes-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap, html[data-lc-type=ajax] #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap, html[data-lc-type=error] #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Archetypes-content .Archetypes-contentInner .Archetypes-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Archetypes-content h1, #Archetypes-content h2, #Archetypes-content h3, #Archetypes-content h4, #Archetypes-content h5, #Archetypes-content h6, #Archetypes-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Archetypes-content h1, #Archetypes-content h2, #Archetypes-content h3, #Archetypes-content h4, #Archetypes-content h5, #Archetypes-content h6, #Archetypes-content p { color: #333; } } #Archetypes-case p.Archetypes-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Archetypes-case p.Archetypes-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Archetypes-case p.Archetypes-error { padding: 0; } } .Archetypes-open body { overflow: hidden; } .Archetypes-isMobileDevice .Archetypes-open body { max-width: 100%; max-height: 100%; } #Archetypes-info { position: absolute; padding-top: 15px; } #Archetypes-info #Archetypes-title, #Archetypes-info #Archetypes-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Archetypes-info #Archetypes-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Archetypes-info #Archetypes-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Archetypes-info #Archetypes-caption { clear: both; font-size: 13px; color: #aaa; } #Archetypes-info #Archetypes-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Archetypes-fullScreenMode #Archetypes-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Archetypes-info { position: static; } } #Archetypes-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Archetypes-spin 0.5s infinite linear; -moz-animation: Archetypes-spin 0.5s infinite linear; -o-animation: Archetypes-spin 0.5s infinite linear; animation: Archetypes-spin 0.5s infinite linear; } #Archetypes-loading, #Archetypes-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Archetypes-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Archetypes-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Archetypes-icon-'], a[class*='Archetypes-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Archetypes-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Archetypes-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Archetypes-isMobileDevice a[class*='Archetypes-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Archetypes-icon-'].Archetypes-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Archetypes-icon-'].Archetypes-icon-prev { left: 15px; } a[class*='Archetypes-icon-'].Archetypes-icon-next { right: 15px; } a[class*='Archetypes-icon-'].Archetypes-icon-pause, a[class*='Archetypes-icon-'].Archetypes-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Archetypes-icon-'].Archetypes-icon-pause, a[class*='Archetypes-icon-'].Archetypes-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Archetypes-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Archetypes-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Archetypes-icon-']:hover, #Archetypes-case:hover ~ a[class*='Archetypes-icon-'] { opacity: 1; } } #Archetypes-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Archetypes-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Archetypes-icon-'], a[class*='Archetypes-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Archetypes-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Archetypes-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Archetypes-content img { width: auto; height: auto; } #Archetypes-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Archetypes-info #Archetypes-sequenceInfo, #Archetypes-info #Archetypes-title, #Archetypes-info #Archetypes-caption { color: rgba(170, 170, 170, 1.00); } #Archetypes-info #Archetypes-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Archetypes-info #Archetypes-caption { } /* @end */ /* Social icons in the lightbox */ #social-Archetypes { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Archetypes { display: block; } } #social-Archetypes a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Archetypes a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-Archetypes a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Archetypes-content, html[data-lc-type=video] #Archetypes-content { background: transparent; } } #Archetypes-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_333 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_334, #ruleStackstacks_in_334:before, #ruleStackstacks_in_334:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_334 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_334 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_334 [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_334 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_334 { text-align: center; } #ruleStackstacks_in_334:before, #ruleStackstacks_in_334:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_334:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_334:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_334 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_336 { margin: 40px 0px 0px 0px; } /* @group ProGallery Grid */ #milan2021 { display: block; width: 100%; text-align: center; } #milan2021 li.proGalleryItem { -webkit-transform: translateZ(0); } #milan2021 ul#proGalleryThumbsstacks_in_337 { padding: 0; margin: 0; list-style: none; } #milan2021 li.proGalleryItem { margin: 0; padding: 0; position: relative; } #milan2021 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); } #milan2021 li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #milan2021 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 */ #milan2021 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; } /* */ /* */ /* */ /* */ /* */ /* */ #milan2021 { -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) { #milan2021 { -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) { #milan2021 { -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) { #milan2021 { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #milan2021 li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #milan2021 .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); } #milan2021 .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #milan2021 .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #milan2021.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #milan2021.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #milan2021.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #milan2021.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #milan2021.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #milan2021.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #milan2021.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #milan2021.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; } #milan2021.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #milan2021.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #milan2021.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #milan2021.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #milan2021 li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #milan2021 li .proGalleryItemInner { overflow: hidden; } #milan2021 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 */ } #milan2021 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='milan2021-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 */ .milan2021-icon-play:before { content: '\e800'; } .milan2021-icon-pause:before { content: '\e801'; } .milan2021-icon-close:before { content: '\e802'; } .milan2021-icon-prev:before { content: '\e803'; } .milan2021-icon-next:before { content: '\e804'; } .milan2021-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 milan2021-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 milan2021-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 milan2021-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 milan2021-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 milan2021-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #milan2021-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] #milan2021-case, html[data-lc-type=ajax] #milan2021-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]) #milan2021-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] #milan2021-content, html[data-lc-type=video] #milan2021-content { background-color: #333; } } html[data-lc-type=inline] #milan2021-content, html[data-lc-type=ajax] #milan2021-content, html[data-lc-type=error] #milan2021-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] #milan2021-content, html[data-lc-type=ajax] #milan2021-content, html[data-lc-type=error] #milan2021-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] #milan2021-content .milan2021-contentInner, html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner, html[data-lc-type=error] #milan2021-content .milan2021-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] #milan2021-content .milan2021-contentInner, html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner, html[data-lc-type=error] #milan2021-content .milan2021-contentInner { padding: 15px; } html[data-lc-type=inline] #milan2021-content .milan2021-contentInner, html[data-lc-type=inline] #milan2021-content .milan2021-contentInner > *, html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner, html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner > *, html[data-lc-type=error] #milan2021-content .milan2021-contentInner, html[data-lc-type=error] #milan2021-content .milan2021-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #milan2021-content .milan2021-contentInner > *:not(iframe), html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner > *:not(iframe), html[data-lc-type=error] #milan2021-content .milan2021-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.milan2021-isMobileDevice[data-lc-type=iframe] #milan2021-content .milan2021-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #milan2021-content .milan2021-contentInner, html[data-lc-type=video] #milan2021-content .milan2021-contentInner { line-height: 0.75; } } html[data-lc-type=image] #milan2021-content .milan2021-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #milan2021-content .milan2021-contentInner .milan2021-inlineWrap, html[data-lc-type=ajax] #milan2021-content .milan2021-contentInner .milan2021-inlineWrap, html[data-lc-type=error] #milan2021-content .milan2021-contentInner .milan2021-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]) #milan2021-content .milan2021-contentInner .milan2021-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) { #milan2021-content h1, #milan2021-content h2, #milan2021-content h3, #milan2021-content h4, #milan2021-content h5, #milan2021-content h6, #milan2021-content p { color: #aaa; } } @media screen and (min-width: 641px) { #milan2021-content h1, #milan2021-content h2, #milan2021-content h3, #milan2021-content h4, #milan2021-content h5, #milan2021-content h6, #milan2021-content p { color: #333; } } #milan2021-case p.milan2021-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) { #milan2021-case p.milan2021-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #milan2021-case p.milan2021-error { padding: 0; } } .milan2021-open body { overflow: hidden; } .milan2021-isMobileDevice .milan2021-open body { max-width: 100%; max-height: 100%; } #milan2021-info { position: absolute; padding-top: 15px; } #milan2021-info #milan2021-title, #milan2021-info #milan2021-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #milan2021-info #milan2021-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #milan2021-info #milan2021-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #milan2021-info #milan2021-caption { clear: both; font-size: 13px; color: #aaa; } #milan2021-info #milan2021-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .milan2021-fullScreenMode #milan2021-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]) #milan2021-info { position: static; } } #milan2021-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: milan2021-spin 0.5s infinite linear; -moz-animation: milan2021-spin 0.5s infinite linear; -o-animation: milan2021-spin 0.5s infinite linear; animation: milan2021-spin 0.5s infinite linear; } #milan2021-loading, #milan2021-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; } #milan2021-loading > span { display: inline-block; text-indent: -9999px; } a[class*='milan2021-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*='milan2021-icon-'], a[class*='milan2021-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*='milan2021-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='milan2021-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .milan2021-isMobileDevice a[class*='milan2021-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='milan2021-icon-'].milan2021-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='milan2021-icon-'].milan2021-icon-prev { left: 15px; } a[class*='milan2021-icon-'].milan2021-icon-next { right: 15px; } a[class*='milan2021-icon-'].milan2021-icon-pause, a[class*='milan2021-icon-'].milan2021-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='milan2021-icon-'].milan2021-icon-pause, a[class*='milan2021-icon-'].milan2021-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='milan2021-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='milan2021-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='milan2021-icon-']:hover, #milan2021-case:hover ~ a[class*='milan2021-icon-'] { opacity: 1; } } #milan2021-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) { #milan2021-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='milan2021-icon-'], a[class*='milan2021-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='milan2021-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*='milan2021-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #milan2021-content img { width: auto; height: auto; } #milan2021-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #milan2021-info #milan2021-sequenceInfo, #milan2021-info #milan2021-title, #milan2021-info #milan2021-caption { color: rgba(170, 170, 170, 1.00); } #milan2021-info #milan2021-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #milan2021-info #milan2021-caption { } /* @end */ /* Social icons in the lightbox */ #social-milan2021 { 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-milan2021 { display: block; } } #social-milan2021 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-milan2021 a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-milan2021 a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #milan2021-content, html[data-lc-type=video] #milan2021-content { background: transparent; } } #milan2021-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_337 { margin: 20px 0px 0px 0px; } /* @group Generic Styles */ #ruleStackstacks_in_338, #ruleStackstacks_in_338:before, #ruleStackstacks_in_338:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_338 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_338 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_338 [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_338 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_338 { text-align: center; } #ruleStackstacks_in_338:before, #ruleStackstacks_in_338:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_338:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_338:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_338 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_339 { margin: 40px 0px 0px 0px; } /* @group ProGallery Grid */ #cuttingedge { display: block; width: 100%; text-align: center; } #cuttingedge li.proGalleryItem { -webkit-transform: translateZ(0); } #cuttingedge ul#proGalleryThumbsstacks_in_340 { padding: 0; margin: 0; list-style: none; } #cuttingedge li.proGalleryItem { margin: 0; padding: 0; position: relative; } #cuttingedge 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); } #cuttingedge li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #cuttingedge 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 */ #cuttingedge 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; } /* */ /* */ /* */ /* */ /* */ /* */ #cuttingedge { -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) { #cuttingedge { -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) { #cuttingedge { -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) { #cuttingedge { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } #cuttingedge li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; } /* */ /* Thumbnail titles */ #cuttingedge .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); } #cuttingedge .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cuttingedge .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #cuttingedge.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #cuttingedge.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #cuttingedge.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #cuttingedge.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #cuttingedge.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #cuttingedge.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #cuttingedge.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #cuttingedge.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; } #cuttingedge.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #cuttingedge.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #cuttingedge.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #cuttingedge.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #cuttingedge li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #cuttingedge li .proGalleryItemInner { overflow: hidden; } #cuttingedge 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 */ } #cuttingedge 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("../contini_files/progallery-fonts/lightcase.eot?55356177"); src: url("../contini_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../contini_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../contini_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../contini_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='cuttingedge-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 */ .cuttingedge-icon-play:before { content: '\e800'; } .cuttingedge-icon-pause:before { content: '\e801'; } .cuttingedge-icon-close:before { content: '\e802'; } .cuttingedge-icon-prev:before { content: '\e803'; } .cuttingedge-icon-next:before { content: '\e804'; } .cuttingedge-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 cuttingedge-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cuttingedge-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cuttingedge-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cuttingedge-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 cuttingedge-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #cuttingedge-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] #cuttingedge-case, html[data-lc-type=ajax] #cuttingedge-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]) #cuttingedge-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] #cuttingedge-content, html[data-lc-type=video] #cuttingedge-content { background-color: #333; } } html[data-lc-type=inline] #cuttingedge-content, html[data-lc-type=ajax] #cuttingedge-content, html[data-lc-type=error] #cuttingedge-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] #cuttingedge-content, html[data-lc-type=ajax] #cuttingedge-content, html[data-lc-type=error] #cuttingedge-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] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=error] #cuttingedge-content .cuttingedge-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] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=error] #cuttingedge-content .cuttingedge-contentInner { padding: 15px; } html[data-lc-type=inline] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=inline] #cuttingedge-content .cuttingedge-contentInner > *, html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner > *, html[data-lc-type=error] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=error] #cuttingedge-content .cuttingedge-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #cuttingedge-content .cuttingedge-contentInner > *:not(iframe), html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner > *:not(iframe), html[data-lc-type=error] #cuttingedge-content .cuttingedge-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.cuttingedge-isMobileDevice[data-lc-type=iframe] #cuttingedge-content .cuttingedge-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #cuttingedge-content .cuttingedge-contentInner, html[data-lc-type=video] #cuttingedge-content .cuttingedge-contentInner { line-height: 0.75; } } html[data-lc-type=image] #cuttingedge-content .cuttingedge-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #cuttingedge-content .cuttingedge-contentInner .cuttingedge-inlineWrap, html[data-lc-type=ajax] #cuttingedge-content .cuttingedge-contentInner .cuttingedge-inlineWrap, html[data-lc-type=error] #cuttingedge-content .cuttingedge-contentInner .cuttingedge-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]) #cuttingedge-content .cuttingedge-contentInner .cuttingedge-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) { #cuttingedge-content h1, #cuttingedge-content h2, #cuttingedge-content h3, #cuttingedge-content h4, #cuttingedge-content h5, #cuttingedge-content h6, #cuttingedge-content p { color: #aaa; } } @media screen and (min-width: 641px) { #cuttingedge-content h1, #cuttingedge-content h2, #cuttingedge-content h3, #cuttingedge-content h4, #cuttingedge-content h5, #cuttingedge-content h6, #cuttingedge-content p { color: #333; } } #cuttingedge-case p.cuttingedge-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) { #cuttingedge-case p.cuttingedge-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #cuttingedge-case p.cuttingedge-error { padding: 0; } } .cuttingedge-open body { overflow: hidden; } .cuttingedge-isMobileDevice .cuttingedge-open body { max-width: 100%; max-height: 100%; } #cuttingedge-info { position: absolute; padding-top: 15px; } #cuttingedge-info #cuttingedge-title, #cuttingedge-info #cuttingedge-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #cuttingedge-info #cuttingedge-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #cuttingedge-info #cuttingedge-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #cuttingedge-info #cuttingedge-caption { clear: both; font-size: 13px; color: #aaa; } #cuttingedge-info #cuttingedge-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .cuttingedge-fullScreenMode #cuttingedge-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]) #cuttingedge-info { position: static; } } #cuttingedge-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: cuttingedge-spin 0.5s infinite linear; -moz-animation: cuttingedge-spin 0.5s infinite linear; -o-animation: cuttingedge-spin 0.5s infinite linear; animation: cuttingedge-spin 0.5s infinite linear; } #cuttingedge-loading, #cuttingedge-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; } #cuttingedge-loading > span { display: inline-block; text-indent: -9999px; } a[class*='cuttingedge-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*='cuttingedge-icon-'], a[class*='cuttingedge-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*='cuttingedge-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='cuttingedge-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .cuttingedge-isMobileDevice a[class*='cuttingedge-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='cuttingedge-icon-'].cuttingedge-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='cuttingedge-icon-'].cuttingedge-icon-prev { left: 15px; } a[class*='cuttingedge-icon-'].cuttingedge-icon-next { right: 15px; } a[class*='cuttingedge-icon-'].cuttingedge-icon-pause, a[class*='cuttingedge-icon-'].cuttingedge-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='cuttingedge-icon-'].cuttingedge-icon-pause, a[class*='cuttingedge-icon-'].cuttingedge-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='cuttingedge-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='cuttingedge-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='cuttingedge-icon-']:hover, #cuttingedge-case:hover ~ a[class*='cuttingedge-icon-'] { opacity: 1; } } #cuttingedge-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) { #cuttingedge-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='cuttingedge-icon-'], a[class*='cuttingedge-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='cuttingedge-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*='cuttingedge-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #cuttingedge-content img { width: auto; height: auto; } #cuttingedge-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #cuttingedge-info #cuttingedge-sequenceInfo, #cuttingedge-info #cuttingedge-title, #cuttingedge-info #cuttingedge-caption { color: rgba(170, 170, 170, 1.00); } #cuttingedge-info #cuttingedge-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #cuttingedge-info #cuttingedge-caption { } /* @end */ /* Social icons in the lightbox */ #social-cuttingedge { 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-cuttingedge { display: block; } } #social-cuttingedge 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-cuttingedge a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ #social-cuttingedge a.proGalleryDownload { display: inline-block; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #cuttingedge-content, html[data-lc-type=video] #cuttingedge-content { background: transparent; } } #cuttingedge-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ #stacks_in_340 { margin: 20px 0px 0px 0px; } .s-container-stacks_in_379{ }#s-wrapper-stacks_in_379{margin:0; }#s-content-stacks_in_379{justify-content:center; padding:0; }.s-bg-stacks_in_379{z-index:0}#s-outer-stacks_in_379{border-radius:0px 0px 0px 0px} .s-container-stacks_in_380_2{ }#s-wrapper-stacks_in_380_2{margin:0; }#s-content-stacks_in_380_2{justify-content:center; padding:0; }.s-bg-stacks_in_380_2{z-index:0}#s-outer-stacks_in_380_2{border-radius:0px 0px 0px 0px} /* @group Generic Styles */ #ruleStackstacks_in_380_46, #ruleStackstacks_in_380_46:before, #ruleStackstacks_in_380_46:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_380_46 { position: relative; overflow: hidden; margin: 1.00% 0; width: %; } /* */ #ruleStackstacks_in_380_46 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_380_46 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(218, 164, 32, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_380_46 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_380_46 { text-align: center; } #ruleStackstacks_in_380_46:before, #ruleStackstacks_in_380_46:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(255, 255, 255, 1.00); } #ruleStackstacks_in_380_46:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_380_46:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_380_46 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_380_46 { margin: 40px 0px 0px 0px; } #stacks_in_380_47 { padding: 16px 0px 0px 0px; } #stacks_in_380_48 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #stacks_in_380_10 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_380_11 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_380_12 p{ margin-bottom: 0; }#p-stacks_in_380_12 p.lead{}#p-stacks_in_380_12 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_380_12 p{}}#p-stacks_in_380_12 a:hover{color:var(--accent-color-hover); } .item_stacks_in_380_17{ grid-column:span 1;grid-row:span 1; justify-content:top; overflow:hidden; }@media (max-width:900px){.item_stacks_in_380_17{ grid-column:span 1;grid-row:span 1;}} #stacks_in_380_19 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_380_20 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_380_21 p{ margin-bottom: 0; }#p-stacks_in_380_21 p.lead{}#p-stacks_in_380_21 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_380_21 p{}}#p-stacks_in_380_21 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_380_6_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_380_6_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_380_6_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_380_6_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_380_6_2{width:100%} .item_stacks_in_380_6_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_380_6_6{justify-content:flex-start;overflow:hidden; } #stacks_in_380_29 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_380_30 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_380_31 p{ margin-bottom: 0; }#p-stacks_in_380_31 p.lead{}#p-stacks_in_380_31 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_380_31 p{}}#p-stacks_in_380_31 a:hover{color:var(--accent-color-hover); } #stacks_in_380_36 { background-color: rgba(0, 0, 0, 1.00); border: solid rgba(223, 223, 223, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 0px 0px; padding: 16px 0px 5px 0px; } #stacks_in_380_37 { letter-spacing: 3px; text-transform: uppercase; font-size: 84%; font-weight: lighter; } #p-stacks_in_380_38 p{ margin-bottom: 0; }#p-stacks_in_380_38 p.lead{}#p-stacks_in_380_38 a{color:var(--accent-color);}@media (min-width:600px){#p-stacks_in_380_38 p{}}#p-stacks_in_380_38 a:hover{color:var(--accent-color-hover); } .s-cols-stacks_in_380_25_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_380_25_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_380_25_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_380_25_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_380_25_2{width:100%} .item_stacks_in_380_25_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_380_25_6{justify-content:flex-start;overflow:hidden; } .s-cols-stacks_in_380_4_2{justify-content:space-between;align-items:stretch;}.s-cols-stacks_in_380_4_2>.s-cols-item{border-radius:0px;margin-bottom:20px;width:100%; padding:10px 10px 10px 10px; }.s-cols-stacks_in_380_4_2>.s-cols-item:hover{ }@media (min-width:600px){.s-cols-stacks_in_380_4_2>.s-cols-item{ width:calc((100% - calc(1 * 20px)) / 2);}}#stacks_out_380_4_2{width:100%} .item_stacks_in_380_4_4{justify-content:flex-start;overflow:hidden; } .item_stacks_in_380_4_6{justify-content:flex-start;overflow:hidden; } #p-stacks_in_380_43 p{ margin-bottom: 0; }#p-stacks_in_380_43 p.lead{}#p-stacks_in_380_43 a{color:var(--link-color);}#p-stacks_in_380_43 a:hover{color:var(--link-color-hover); }