/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-img-caption.fr-rounded img,img.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-img-caption.fr-bordered img,img.fr-bordered{border:solid 5px #ccc}img.fr-bordered{box-sizing:content-box}.fr-img-caption.fr-bordered img{box-sizing:border-box}.fr-img-caption.fr-shadow img,img.fr-shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#aaa!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ff0}.fr-view .fr-class-code{border-color:#ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New",Courier,monospace}.fr-view .fr-class-transparency{opacity:.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv embed,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv>iframe{position:absolute!important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;display:inline-block;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element img{cursor:pointer}.fr-image-resizer{position:absolute;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#1e88e5;border:solid 1px #fff;z-index:4;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #1e88e5}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border-right:1px solid #1e88e5}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-colors-hex-layer{width:100%;margin:0;padding:10px}.fr-popup .fr-table-colors-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:8px 0 0}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons{float:right;width:50px}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button{background-color:#1e88e5;color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:32px}.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover{background-color:#166dba;color:#fff}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px;padding:8px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:0 5px 5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #ddd}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(30,136,229,.3);border:solid 1px #1e88e5}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block!important}.fr-popup .fr-table-colors-buttons{margin-bottom:5px}.fr-popup .fr-table-colors{line-height:0;display:block}.fr-popup .fr-table-colors>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-table-colors>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-table-colors>span:focus{outline:1px solid #222;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (32px / 2));top:-16px}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:rgba(0,0,0,0)}.fr-element .fr-video.fr-active>*{z-index:2;position:relative}.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:0}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-video-resizer.fr-active{display:block}.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#1e88e5;border:solid 1px #fff;z-index:4;box-sizing:border-box}.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}/*!* froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)* License https://froala.com/wysiwyg-editor/terms/* Copyright 2014-2019 Froala Labs*/.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element .fr-embedly{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative}.fr-element .fr-embedly::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:rgba(0,0,0,0)}.fr-element .fr-embedly>*{box-sizing:content-box;max-width:100%;border:0}.fr-box .fr-embedly-resizer{position:absolute;z-index:2;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-embedly-resizer.fr-active{display:block} .oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} #stacks_in_48 { padding: 20px 0px 0px 0px; } /* 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_41 { 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_41 { padding: 20px 0px 20px 0px; } /* ProGallery Flexbox Layout */ #mygallery .proGalleryThumbs { display: flex; flex-wrap: wrap; justify-content: space-around; } #mygallery .proGalleryThumbs li { padding: 0.25em; align-self: flex-start; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs li { width: 100%; } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs li { width: 50%; } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs li { width: 33.333%; } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs li { width: 25%; } } /* 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_50 { padding: 20px 0px 0px 0px; } /* 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_51 { 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_51 { padding: 20px 0px 20px 0px; } /* ProGallery Flexbox Layout */ #mygallery .proGalleryThumbs { display: flex; flex-wrap: wrap; justify-content: space-around; } #mygallery .proGalleryThumbs li { padding: 0.25em; align-self: flex-start; } @media screen and (min-width: 0px) { #mygallery .proGalleryThumbs li { width: 100%; } } @media screen and (min-width: 568px) { #mygallery .proGalleryThumbs li { width: 50%; } } @media screen and (min-width: 992px) { #mygallery .proGalleryThumbs li { width: 33.333%; } } @media screen and (min-width: 1200px) { #mygallery .proGalleryThumbs li { width: 25%; } } /* 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 */