@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} @font-face { font-family: 'FlatButtonLato'; src: url('../files/font/lato-light-webfont.eot'); src: url('../files/font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/lato-light-webfont.woff') format('woff'), url('../files/font/lato-light-webfont.ttf') format('truetype'), url('../files/font/lato-light-webfont.svg#latolight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FlatButtonOpenSans'; src: url('../files/font/opensans-regular-webfont.eot'); src: url('../files/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/opensans-regular-webfont.woff') format('woff'), url('../files/font/opensans-regular-webfont.ttf') format('truetype'), url('../files/font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FlatButtonNoto'; src: url('../files/font/notoserif-regular-webfont.eot'); src: url('../files/font/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/notoserif-regular-webfont.woff') format('woff'), url('../files/font/notoserif-regular-webfont.ttf') format('truetype'), url('../files/font/notoserif-regular-webfont.svg#noto_serifregular') format('svg'); font-weight: normal; font-style: normal; } a.anchor{height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;display:block !important} #stacks_in_22 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px; } #stacks_in_146 { margin: 10px 0px 10px 0px; } #stacks_in_154>.s3_row { margin: 0 -10px; } #stacks_in_154>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_154>.s3_row { margin: -10px -10px; } #stacks_in_154>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_154>.s3_row { margin: -10px 0; } #stacks_in_154>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_153 .stacks_in_153-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_153 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_153 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_153 .stacks_in_153-button, #stacks_in_153 .button_icon { height: 40px; line-height: 40px; } #stacks_in_153 { text-align: center; } #stacks_in_153 .stacks_in_153-button { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_153 a.stacks_in_153-button, #stacks_in_153 a.stacks_in_153-button:visited, #stacks_in_153 a.stacks_in_153-button:hover, #stacks_in_153 a.stacks_in_153-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_153 .stacks_in_153-button { background-color: #0C60AC; } #stacks_in_153 a.stacks_in_153-button, #stacks_in_153 a.stacks_in_153-button:visited { color: #E4F7F3 !important; } #stacks_in_153 a.stacks_in_153-button:hover, #stacks_in_153 a.stacks_in_153-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #2074C0; } #stacks_in_153 .button_icon { background-color: #516984; } #stacks_in_153 a.stacks_in_153-button:hover .button_icon, #stacks_in_153 a.stacks_in_153-button:active .button_icon { background-color: #657D98; } #stacks_in_153 { margin: 0px 0px 10px 0px; } #stacks_in_159 .stacks_in_159-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_159 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_159 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_159 .stacks_in_159-button, #stacks_in_159 .button_icon { height: 40px; line-height: 40px; } #stacks_in_159 { text-align: center; } #stacks_in_159 .stacks_in_159-button { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_159 a.stacks_in_159-button, #stacks_in_159 a.stacks_in_159-button:visited, #stacks_in_159 a.stacks_in_159-button:hover, #stacks_in_159 a.stacks_in_159-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_159 .stacks_in_159-button { background-color: #159D03; } #stacks_in_159 a.stacks_in_159-button, #stacks_in_159 a.stacks_in_159-button:visited { color: #E4F7F3 !important; } #stacks_in_159 a.stacks_in_159-button:hover, #stacks_in_159 a.stacks_in_159-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #29B117; } #stacks_in_159 .button_icon { background-color: #9EC78B; } #stacks_in_159 a.stacks_in_159-button:hover .button_icon, #stacks_in_159 a.stacks_in_159-button:active .button_icon { background-color: #B2DB9F; } #stacks_in_159 { margin: 0px 0px 10px 0px; } #stacks_in_160 .stacks_in_160-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_160 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_160 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_160 .stacks_in_160-button, #stacks_in_160 .button_icon { height: 40px; line-height: 40px; } #stacks_in_160 { text-align: center; } #stacks_in_160 .stacks_in_160-button { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_160 a.stacks_in_160-button, #stacks_in_160 a.stacks_in_160-button:visited, #stacks_in_160 a.stacks_in_160-button:hover, #stacks_in_160 a.stacks_in_160-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_160 .stacks_in_160-button { background-color: #EC001B; } #stacks_in_160 a.stacks_in_160-button, #stacks_in_160 a.stacks_in_160-button:visited { color: #E4F7F3 !important; } #stacks_in_160 a.stacks_in_160-button:hover, #stacks_in_160 a.stacks_in_160-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #FF142F; } #stacks_in_160 .button_icon { background-color: #DB6D6A; } #stacks_in_160 a.stacks_in_160-button:hover .button_icon, #stacks_in_160 a.stacks_in_160-button:active .button_icon { background-color: #EF817E; } #stacks_in_160 { margin: 0px 0px 10px 0px; } #stacks_in_161 .stacks_in_161-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_161 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_161 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 40px; } #stacks_in_161 .stacks_in_161-button, #stacks_in_161 .button_icon { height: 40px; line-height: 40px; } #stacks_in_161 { text-align: center; } #stacks_in_161 .stacks_in_161-button { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_161 a.stacks_in_161-button, #stacks_in_161 a.stacks_in_161-button:visited, #stacks_in_161 a.stacks_in_161-button:hover, #stacks_in_161 a.stacks_in_161-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_161 .stacks_in_161-button { background-color: #79A4DD; } #stacks_in_161 a.stacks_in_161-button, #stacks_in_161 a.stacks_in_161-button:visited { color: #E4F7F3 !important; } #stacks_in_161 a.stacks_in_161-button:hover, #stacks_in_161 a.stacks_in_161-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #8DB8F1; } #stacks_in_161 .button_icon { background-color: #8AA4CA; } #stacks_in_161 a.stacks_in_161-button:hover .button_icon, #stacks_in_161 a.stacks_in_161-button:active .button_icon { background-color: #9EB8DE; } #stacks_in_161 { margin: 0px 0px 10px 0px; } #stacks_in_141 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 50px 0px 10px 0px; } #droplet7 .dz-preview .dz-image { width: 200px; height: 200px; } #droplet7 { border: 0.25rem dashed rgba(0, 135, 247, 1.00); border-radius: 1rem; background: rgba(255, 255, 255, 0.00); padding: 3vh 3vw; overflow: visible; text-align: center; color: rgba(94, 94, 94, 1.00); } #droplet7 .dz-preview .dz-error-message { width: 220px; left: -10px; font-size: 14px; } #droplet7 .dz-preview .dz-error-message:after { left: 50%; margin-left: -6px; } #droplet7 .dz-remove { padding: 5px; display: block; } #droplet7 h1, #droplet7 h2, #droplet7 h3, #droplet7 h4, #droplet7 h5, #droplet7 h6 { border: none; } #droplet7 .droplet_icon_markup i { font-size: 5rem; color: rgba(0, 0, 0, 1.00) !important; } #droplet7 .droplet_icon_markup i { -webkit-transform: translatey(0px); transform: translatey(0px); -webkit-animation: float 3s ease-in-out infinite; animation: float 3s ease-in-out infinite; } @-webkit-keyframes float { 0% { -webkit-transform: translatey(0px); transform: translatey(0px); } 50% { -webkit-transform: translatey(-15px); transform: translatey(-15px); } 100% { -webkit-transform: translatey(0px); transform: translatey(0px); } } @keyframes float { 0% { -webkit-transform: translatey(0px); transform: translatey(0px); } 50% { -webkit-transform: translatey(-15px); transform: translatey(-15px); } 100% { -webkit-transform: translatey(0px); transform: translatey(0px); } } #droplet7 h4.droplet_uploader_title { text-align: center; color: rgba(94, 94, 94, 1.00); font-weight: bold; line-height: 1.75; padding: 0.5rem; margin: 0; font-size: 2.5rem; } /* ProGallery Grid */ #mygallery { display: block; width: 100%; %[if ]%text-align: left;%[endif]% %[if ]%text-align: center;%[endif]% %[if ]%text-align: right;%[endif]% } #mygallery ul#proGalleryThumbsstacks_in_109 { padding: 0; margin: 0; list-style: none; } #mygallery li.proGalleryItem { position: relative; -webkit-transform: translateZ(0); } #mygallery li .proGalleryItemInner { border: 0rem none rgba(234, 234, 234, 1.00); border-radius: 0rem; background-color: rgba(255, 255, 255, 1.00); padding: 0rem; position: relative; margin: 0rem; } #mygallery li.proGalleryItem a { display: block; cursor: zoom-in; margin: ; outline: none; } #mygallery li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #mygallery li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0rem; display: block; border: 0rem none rgba(234, 234, 234, 1.00); padding: 0rem; margin: 0rem; } /* Disable links that don't go anywhere */ #mygallery li .proGalleryItemInner a[href=''], #mygallery li .proGalleryItemInner a[href='#null'] { pointer-events: none !important; cursor: default !important; } /* Captions */ #mygallery .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 0rem; margin: 0rem; font-size: 1rem; letter-spacing: 0px; border-radius: 0rem; color: rgba(102, 102, 102, 1.00); line-height: 1.5; background: rgba(255, 255, 255, 1.00); } /* Override for caption titles */ #mygallery .proGalleryItemTitle strong { font-size: 1rem; letter-spacing: 0px; color: rgba(102, 102, 102, 1.00); line-height: 1.5; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 1rem; } #mygallery.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #mygallery.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #mygallery.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #mygallery.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; text-align: center; } #mygallery.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #mygallery.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #mygallery.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; } #mygallery.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #mygallery.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #mygallery.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #mygallery.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #mygallery li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ #stacks_in_109 { margin: 10px 0px 0px 0px; } /* ProGallery Columns Layout */ #mygallery .proGalleryThumbs { -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; } #mygallery .proGalleryThumbs li { border-bottom: 1em solid rgba(255, 255, 255, 0); } /* This CSS aims to fix the issue of images missing in Safari, within CSS columns, with animations applied */ #mygallery .proGalleryThumbs li img { will-change: transform; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } #mygallery .proGalleryThumbs li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } @supports (grid-template-rows: masonry) { #mygallery .proGalleryThumbs { display: grid; grid-template-rows: masonry; grid-gap: 1em; } #mygallery .proGalleryThumbs li { border-bottom: none; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; grid-template-columns: repeat(4, 1fr); } } } /* Lightcase lightbox */ /** * 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("../files/lightcase-assets/lightcase.eot?55356177"); src: url("../files/lightcase-assets/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../files/lightcase-assets/lightcase.woff?55356177") format("woff"), url("../files/lightcase-assets/lightcase.ttf?55356177") format("truetype"), url("../files/lightcase-assets/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='mygallery-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 */ .mygallery-icon-play:before { content: '\e800'; } .mygallery-icon-pause:before { content: '\e801'; } .mygallery-icon-close:before { content: '\e802'; } .mygallery-icon-prev:before { content: '\e803'; } .mygallery-icon-next:before { content: '\e804'; } .mygallery-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 mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(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 mygallery-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #mygallery-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] #mygallery-case, html[data-lc-type=ajax] #mygallery-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]) #mygallery-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] #mygallery-content, html[data-lc-type=video] #mygallery-content { background-color: #333; } } html[data-lc-type=inline] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-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] #mygallery-content, html[data-lc-type=ajax] #mygallery-content, html[data-lc-type=error] #mygallery-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] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-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] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner { padding: 15px; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner, html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *, html[data-lc-type=error] #mygallery-content .mygallery-contentInner, html[data-lc-type=error] #mygallery-content .mygallery-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner > *:not(iframe), html[data-lc-type=error] #mygallery-content .mygallery-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.mygallery-isMobileDevice[data-lc-type=iframe] #mygallery-content .mygallery-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #mygallery-content .mygallery-contentInner, html[data-lc-type=video] #mygallery-content .mygallery-contentInner { line-height: 0.75; } } html[data-lc-type=image] #mygallery-content .mygallery-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=ajax] #mygallery-content .mygallery-contentInner .mygallery-inlineWrap, html[data-lc-type=error] #mygallery-content .mygallery-contentInner .mygallery-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]) #mygallery-content .mygallery-contentInner .mygallery-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) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #aaa; } } @media screen and (min-width: 641px) { #mygallery-content h1, #mygallery-content h2, #mygallery-content h3, #mygallery-content h4, #mygallery-content h5, #mygallery-content h6, #mygallery-content p { color: #333; } } #mygallery-case p.mygallery-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) { #mygallery-case p.mygallery-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #mygallery-case p.mygallery-error { padding: 0; } } .mygallery-open body { overflow: hidden; } .mygallery-isMobileDevice .mygallery-open body { max-width: 100%; max-height: 100%; } #mygallery-info { position: absolute; padding-top: 15px; } #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #mygallery-info #mygallery-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #mygallery-info #mygallery-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #mygallery-info #mygallery-caption { clear: both; font-size: 13px; color: #aaa; } #mygallery-info #mygallery-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .mygallery-fullScreenMode #mygallery-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]) #mygallery-info { position: static; } } #mygallery-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: mygallery-spin 0.5s infinite linear; -moz-animation: mygallery-spin 0.5s infinite linear; -o-animation: mygallery-spin 0.5s infinite linear; animation: mygallery-spin 0.5s infinite linear; } #mygallery-loading, #mygallery-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; } #mygallery-loading > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-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*='mygallery-icon-'], a[class*='mygallery-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*='mygallery-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='mygallery-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='mygallery-icon-'].mygallery-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 15px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 15px; } a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'].mygallery-icon-pause, a[class*='mygallery-icon-'].mygallery-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='mygallery-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='mygallery-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='mygallery-icon-']:hover, #mygallery-case:hover ~ a[class*='mygallery-icon-'] { opacity: 1; } } #mygallery-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) { #mygallery-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='mygallery-icon-'], a[class*='mygallery-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='mygallery-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*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #mygallery-case { text-shadow: 0 0 10px rgba(0, 0, 0, 0.50); } #mygallery-content img { width: auto; height: auto; } #mygallery-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #mygallery-info #mygallery-sequenceInfo, #mygallery-info #mygallery-title, #mygallery-info #mygallery-caption { color: rgba(170, 170, 170, 1.00); } #mygallery-info #mygallery-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #mygallery-info #mygallery-caption { } /* @end */ /* Social icons in the lightbox */ #social-mygallery { 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-mygallery { display: block; } } #social-mygallery 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-mygallery a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #mygallery-content, html[data-lc-type=video] #mygallery-content { background: transparent; } } #mygallery-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* Checkbox to switch lightbox layout to flexbox */ #stacks_in_5 { margin: 25px 0px 0px 0px; }