.bento-mason-grid{position:relative;display:block;--mason-item-width:200px;--mason-gutter:0}.bento-mason-grid.mason-center-grid:not(.mason-percent){margin:0 auto}.bento-mason-grid > .mason-gutter{width:var(--mason-gutter);z-index:-1}.bento-mason-grid > .mason-sizer{width:var(--mason-item-width);z-index:-1}.bento-mason-grid > .mason-item{float:left;margin-bottom:var(--mason-gutter);width:var(--mason-item-width);max-width:100%}.bento-mason-grid > .mason-item.span-2{width:calc(var(--mason-item-width) * 2)}.bento-mason-grid > .mason-item.span-3{width:calc(var(--mason-item-width) * 3)}.bento-mason-grid > .mason-item.span-4{width:calc(var(--mason-item-width) * 4)}.bento-mason-grid > .mason-item.span-5{width:calc(var(--mason-item-width) * 5)}.bento-mason-grid.mason-percent > .mason-item.span-2{width:calc(var(--mason-item-setting) * 2 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-3{width:calc(var(--mason-item-setting) * 3 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-4{width:calc(var(--mason-item-setting) * 4 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-5{width:calc(var(--mason-item-setting) * 5 - var(--mason-gutter))}.bento-mason-grid:after{content:'';display:block;clear:both} .topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1} @keyframes pointpulse{0%{transform:scale(0.75);opacity:1}30%{transform:scale(0.75);opacity:1}100%{transform:scale(2);opacity:0}}.com_joeworkman_stacks_points2_stack{margin:0 auto}.com_joeworkman_stacks_points2_stack .points-wrapper{position:relative;width:100%;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.com_joeworkman_stacks_points2_stack .points-wrapper img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;margin:0;padding:0;}.com_joeworkman_stacks_points2_stack .point{opacity:0;position:absolute;transition:opacity 500ms ease-in-out;translate:-50% -50%;padding:0;margin:0;background:none;border:none;appearance:none}.com_joeworkman_stacks_points2_stack .point.active{z-index:51}.com_joeworkman_stacks_points2_stack .point a{display:block;height:100%;width:100%}.com_joeworkman_stacks_points2_stack .on-hover:hover .point{opacity:1}@media only screen and (max-width:40em){.com_joeworkman_stacks_points2_stack .hide-mobile .point{display:none}}.com_joeworkman_stacks_points2_stack abbr{height:100%;width:100%;background-color:transparent;position:relative;border:none;display:block;text-align:center;text-decoration:none}.com_joeworkman_stacks_points2_stack .mode-circle abbr{border-radius:50%}.com_joeworkman_stacks_points2_stack .mode-circle.point-pulse .ring{top:0;position:absolute;border-radius:50%;border:none;width:100%;height:100%;backface-visibility:hidden;animation:pointpulse 1.5s ease-out infinite}.com_joeworkman_stacks_points2_stack .mode-image abbr{background-size:100%}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip{text-align:center;line-height:1.5;position:fixed;z-index:50;padding:10px 15px;max-width:340px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h6{margin-top:0;margin-bottom:.5em}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip:after{width:0;height:0;border-left:10px solid transparent !important;border-right:10px solid transparent !important;border-top-width:10px;border-top-style:solid;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.top:after{border-top-color:transparent !important;border-bottom-width:10px;border-bottom-style:solid;top:-20px;bottom:auto}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.left:after{left:10px;margin:0}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.right:after{right:10px;left:auto;margin:0}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip{text-align:left;line-height:1.5;position:absolute;width:100%;max-width:100% !important;bottom:0;left:0 !important;top:auto !important;z-index:52;padding:10px 15px;border-radius:0 !important}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h6{margin-top:0;margin-bottom:.5em} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .eclipse-container{position:relative;overflow:hidden;--eclipse-animation-duration:4s;--eclipse-animation-delay:10s;--eclipse-timer-fadeout:200ms;--eclipse-timer-animation-duration:calc(var(--eclipse-animation-delay) - var(--eclipse-animation-duration) - var(--eclipse-timer-fadeout));--eclipse-timer-animation-delay:var(--eclipse-animation-duration);--eclipse-timer-color:rgba(255,255,255,0.8);--eclipse-timer-background:rgba(255,255,255,0.3);--eclipse-timer-size:4px;--eclipse-overlay-color:rgba(0,0,0,0.5);--eclipse-overlay-opacity:1}.eclipse-container.eclipse-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.eclipse-container.eclipse-fullscreen >:not(.eclipse-slide):not(.eclipse-timer):not(.eclipse-overlay){display:none}.eclipse-content{position:relative;z-index:5}.eclipse-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:0;transition:opacity var(--eclipse-animation-duration) linear;pointer-events:none}.eclipse-slide.active{transition-duration:0s;opacity:1;z-index:1}.eclipse-slide.active.fade-in{transition-duration:calc(var(--eclipse-animation-duration) / 2)}.eclipse-slide.prev-active{z-index:2}.eclipse-image,.eclipse-video{display:block;width:100%;height:100%;object-fit:cover}.eclipse-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--eclipse-overlay-color);opacity:var(--eclipse-overlay-opacity);pointer-events:none;z-index:3}.eclipse-timer{position:absolute;bottom:0;left:0;width:100%;height:var(--eclipse-timer-size);background:var(--eclipse-timer-background);z-index:4}.eclipse-timer-bar{width:0;height:100%;background:var(--eclipse-timer-color);transition:width var(--eclipse-timer-animation-duration) linear var(--eclipse-timer-animation-delay),opacity var(--eclipse-timer-fadeout) linear}.eclipse-toggle{cursor:pointer} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .agent-hide{display:none !important} .agent-hide{display:none !important} :root{--light-gray:rgba(239, 239, 239, 0.63);--medium-gray:rgba(0, 52, 88, 1.00);--dark-gray:rgba(1, 44, 75, 1.00);--black:rgba(0, 29, 47, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(2, 181, 215, 1.00);--secondary:rgba(202, 241, 248, 1.00);--success:rgba(1, 44, 75, 1.00);--warning:rgba(0, 52, 88, 1.00);--alert:rgba(185, 108, 135, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(255, 255, 255, 1.00);--primary-dark:rgba(0, 151, 185, 1.00);--secondary-dark:rgba(172, 211, 218, 1.00);--success-dark:rgba(0, 14, 45, 1.00);--warning-dark:rgba(0, 22, 58, 1.00);--alert-dark:rgba(155, 78, 105, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1500rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(0, 0, 0, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .button,.Poppins{font-family:"Poppins",sans-serif } html,body, p,.p, blockquote, .menu li, li, form, .Poppins{font-family:"Poppins",sans-serif } @font-face{font-family:MortyOldSlant;font-style:normal;font-weight:normal;src:url("https://future.restorationtrainingcenter.org/assets/fonts/MortyOldSlant.woff2") format("woff2");}@font-face{font-family:MortyOldSlant;font-style:normal;font-weight:bold;src:url("https://future.restorationtrainingcenter.org/assets/fonts/MortyOldSlant.woff2") format("woff2");} .handwritten h3, .fontpro-stacks_in_17915_14{font-family:"MortyOldSlant",sans-serif !important} .thin-text{font-weight:300 ;} .small-text{font-size:calc(16rem/16) ;line-height:1.20 ;}@media only screen and (min-width:40em) { .small-text{font-size:calc(16rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .small-text{font-size:calc(16rem/16) ;line-height:1.20 }} .tiny-text{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .tiny-text{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .tiny-text{font-size:calc(14rem/16) ;line-height:1.50 }} html,body,.fontpro-stacks_in_17915_23{line-height:1.60 ;letter-spacing:-0.02em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; } .fontpro-stacks_in_17915_23 > br{display:block;content:' ';padding-bottom:0.00em } h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a,.fontpro-stacks_in_17915_24{line-height:1.60 ;letter-spacing:-0.03em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; } h1>br,.font-family-h1>br,h1 a>br,.font-family-h1 a>br, h2>br,.font-family-h2>br,h2 a>br,.font-family-h2 a>br, h3>br,.font-family-h3>br,h3 a>br,.font-family-h3 a>br, h4>br,.font-family-h4>br,h4 a>br,.font-family-h4 a>br, h5>br,.font-family-h5>br,h5 a>br,.font-family-h5 a>br, h6>br,.font-family-h6>br,h6 a>br,.font-family-h6 a>br,.fontpro-stacks_in_17915_24 > br{display:block;content:' ';padding-bottom:0.00em } h1.title{font-size:calc(32rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1.title{font-size:calc(40rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h1.title{font-size:calc(54rem/16) ;line-height:1.10 }} h2.title{font-size:calc(26rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h2.title{font-size:calc(32rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h2.title{font-size:calc(40rem/16) ;line-height:1.10 }} h3.title{font-size:calc(24rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3.title{font-size:calc(26rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h3.title{font-size:calc(32rem/16) ;line-height:1.10 }} h4.title{font-size:calc(22rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h4.title{font-size:calc(24rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h4.title{font-size:calc(26rem/16) ;line-height:1.10 }} h5.title{font-size:calc(20rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h5.title{font-size:calc(22rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h5.title{font-size:calc(24rem/16) ;line-height:1.10 }} h6.title{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h6.title{font-size:calc(20rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h6.title{font-size:calc(22rem/16) ;line-height:1.10 }} h1.title.smallest{font-size:calc(22rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1.title.smallest{font-size:calc(28rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h1.title.smallest{font-size:calc(38rem/16) ;line-height:1.10 }} h2.title.smallest{font-size:calc(18rem/16) ;font-weight:500 ;}@media only screen and (min-width:40em) { h2.title.smallest{font-size:calc(24rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h2.title.smallest{font-size:calc(28rem/16) ;line-height:1.10 }} h3.title.smallest{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3.title.smallest{font-size:calc(19rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h3.title.smallest{font-size:calc(22rem/16) ;line-height:1.10 }} h5.title.smallest{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h5.title.smallest{font-size:calc(17rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h5.title.smallest{font-size:calc(17rem/16) ;line-height:1.10 }} h1.title.smaller{font-size:calc(28rem/16) ;font-weight:500 ;}@media only screen and (min-width:40em) { h1.title.smaller{font-size:calc(36rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h1.title.smaller{font-size:calc(48rem/16) ;line-height:1.10 }} h2.title.smaller{font-size:calc(23rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h2.title.smaller{font-size:calc(29rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h2.title.smaller{font-size:calc(36rem/16) ;line-height:1.10 }} h3.title.smaller{font-size:calc(21rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3.title.smaller{font-size:calc(23rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h3.title.smaller{font-size:calc(28rem/16) ;line-height:1.10 }} h5.title.smaller{font-size:calc(17rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h5.title.smaller{font-size:calc(18rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h5.title.smaller{font-size:calc(19rem/16) ;line-height:1.10 }} h1.title.bigger{font-size:calc(36rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1.title.bigger{font-size:calc(46rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h1.title.bigger{font-size:calc(62rem/16) ;line-height:1.10 }} h2.title.bigger{font-size:calc(29rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h2.title.bigger{font-size:calc(36rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h2.title.bigger{font-size:calc(45rem/16) ;line-height:1.10 }} h3.title.bigger{font-size:calc(27rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3.title.bigger{font-size:calc(30rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h3.title.bigger{font-size:calc(36rem/16) ;line-height:1.10 }} h1.title.biggest{font-size:calc(40rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1.title.biggest{font-size:calc(52rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h1.title.biggest{font-size:calc(68rem/16) ;line-height:1.10 }} h2.title.biggest{font-size:calc(33rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h2.title.biggest{font-size:calc(40rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h2.title.biggest{font-size:calc(51rem/16) ;line-height:1.10 }} h3.title.biggest{font-size:calc(31rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3.title.biggest{font-size:calc(33rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { h3.title.biggest{font-size:calc(40rem/16) ;line-height:1.10 }} .display-1{font-size:calc(54rem/16) !important;}@media only screen and (min-width:40em) { .display-1{font-size:calc(78rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .display-1{font-size:calc(94rem/16) !important;line-height:1.10 !important}} .display-2{font-size:calc(48rem/16) !important;}@media only screen and (min-width:40em) { .display-2{font-size:calc(66rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .display-2{font-size:calc(86rem/16) !important;line-height:1.10 !important}} .display-3{font-size:calc(42rem/16) !important;}@media only screen and (min-width:40em) { .display-3{font-size:calc(56rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .display-3{font-size:calc(74rem/16) !important;line-height:1.10 !important}} .display-4{font-size:calc(38rem/16) !important;}@media only screen and (min-width:40em) { .display-4{font-size:calc(48rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .display-4{font-size:calc(66rem/16) !important;line-height:1.10 !important}} .display-5{font-size:calc(36rem/16) !important;}@media only screen and (min-width:40em) { .display-5{font-size:calc(44rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .display-5{font-size:calc(56rem/16) !important;line-height:1.10 !important}} .above-title{font-size:calc(16rem/16) ;font-weight:500 ;}@media only screen and (min-width:40em) { .above-title{font-size:calc(17rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .above-title{font-size:calc(18rem/16) ;line-height:1.10 }} .above-title.smaller{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .above-title.smaller{font-size:calc(15rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .above-title.smaller{font-size:calc(16rem/16) ;line-height:1.10 }} .above-title.smallest{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em) { .above-title.smallest{font-size:calc(14rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .above-title.smallest{font-size:calc(15rem/16) ;line-height:1.10 }} .above-title.bigger{font-size:calc(18rem/16) !important;}@media only screen and (min-width:40em) { .above-title.bigger{font-size:calc(19rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .above-title.bigger{font-size:calc(20rem/16) !important;line-height:1.10 !important}} .above-title.biggest{font-size:calc(20rem/16) !important;}@media only screen and (min-width:40em) { .above-title.biggest{font-size:calc(21rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .above-title.biggest{font-size:calc(22rem/16) !important;line-height:1.10 !important}} .description{font-size:calc(20rem/16) ;font-weight:300 ;}@media only screen and (min-width:40em) { .description{font-size:calc(20rem/16) ;line-height:1.30 }}@media only screen and (min-width:64em) { .description{font-size:calc(20rem/16) ;line-height:1.30 }} .description.smallest, description.smallest span{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .description.smallest, description.smallest span{font-size:calc(14rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.smallest, description.smallest span{font-size:calc(14rem/16) ;line-height:1.10 }} .description.smaller, description.smaller span{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .description.smaller, description.smaller span{font-size:calc(16rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) { .description.smaller, description.smaller span{font-size:calc(18rem/16) ;line-height:1.10 }} .description.bigger, description.bigger span{font-size:calc(22rem/16) !important;}@media only screen and (min-width:40em) { .description.bigger, description.bigger span{font-size:calc(23rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .description.bigger, description.bigger span{font-size:calc(24rem/16) !important;line-height:1.10 !important}} .description.biggest, description.biggest span{font-size:calc(24rem/16) !important;}@media only screen and (min-width:40em) { .description.biggest, description.biggest span{font-size:calc(25rem/16) !important;line-height:1.10 !important}}@media only screen and (min-width:64em) { .description.biggest, description.biggest span{font-size:calc(26rem/16) !important;line-height:1.10 !important}} h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:26.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:32.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h1.title, h2.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:40.00px ;margin-left:0.00px }} h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:26.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){h3.title, h4.title, h5.title, h6.title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:32.00px ;margin-left:0.00px }} .above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.above-title{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:24.00px ;margin-left:0.00px }} .description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:20.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.description{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:24.00px ;margin-left:0.00px }} .description a{position:relative;white-space:normal}.description a:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin:left ;transition:transform 250ms ease-in;}.description a:hover:before{transform:scaleX(1.00);transform-origin:left } .description a:before{transition:all 150ms ease 0ms } .main-menu-position.is-stuck{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 49%, rgba(0, 0, 0, 0) 100%); }@media (hover:none) and (pointer:coarse){.main-menu-position{background-attachment:scroll!important}} .main-menu>.menu a, .menu.main-menu a{--menu-link-color:rgba(220, 220, 220, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(220, 220, 220, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .main-menu>.menu .menu-text, .menu.main-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.menu>li>a, .menu.main-menu>li>a{padding-top:1rem;padding-bottom:1rem} .main-menu>.menu .submenu>li>a, .menu.main-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.menu li.active>a, .main-menu>.menu li.is-active>a, .main-menu>.menu a.is-active, .menu.main-menu li.active>a, .menu.main-menu li.is-active>a, .menu.main-menu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(28, 28, 28, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-caret-color:rgba(68, 68, 68, 1.00)} .main-menu>.menu .submenu, .menu.main-menu .submenu{--submenu-bg-color:rgba(255, 255, 255, 1.00);--submenu-border:0px solid rgba(202, 202, 202, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(68, 68, 68, 1.00);--menu-link-color-hover:rgba(28, 28, 28, 1.00)} .main-menu>.menu .submenu .menu-text, .menu.main-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(28, 28, 28, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(28, 28, 28, 1.00);--menu-link-color-hover:rgba(28, 28, 28, 1.00)} .main-menu{padding-top:0.75rem ;padding-bottom:0.75rem ;} .main-menu-position{position:fixed !important;z-index:111 !important;top:0px !important;bottom:unset !important;left:0px !important;right:0px !important;} .main-menu .menu:not(.submenu)>li>a{font-size:calc(17rem/16) !important;font-weight:500 !important;}@media only screen and (min-width:40em) { .main-menu .menu:not(.submenu)>li>a{font-size:calc(17rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .main-menu .menu:not(.submenu)>li>a{font-size:calc(17rem/16) !important;line-height:1.50 !important}} .main-menu .is-dropdown-submenu{background-color:var(--white) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.main-menu .is-dropdown-submenu{background-attachment:scroll!important}} .main-menu .is-dropdown-submenu{border-radius:8px ;} .main-menu .is-dropdown-submenu{padding:0.75rem ;} @media screen and (min-width: 64em){.wider-dropbox{width:50.00px ;}}@media only screen and (min-width:40em){.wider-dropbox{width:250.00px }}@media only screen and (min-width:64em){.wider-dropbox{width:250.00px }} .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(255, 255, 255, 0.71);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(2, 181, 215, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1.25rem;padding-bottom:1.25rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(2, 181, 215, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(2, 181, 215, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(2, 181, 215, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(255, 255, 255, 0.71);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(2, 181, 215, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .mobile-menu .menu>li>a{border-color:rgba(255, 255, 255, 0.16) ;border-width:0px 0px 1px 0px ;border-style:solid ;} .mobile-menu .menu:not(.submenu)>li>a{border-color:rgba(255, 255, 255, 0.16) !important;border-width:0px 0px 1px 0px !important;border-style:solid !important;} .b-border{border-color:rgba(255, 255, 255, 0.16) ;border-width:0px 0px 1px 0px ;border-style:solid ;} .mobile-menu .menu:not(.submenu)>li>a{font-size:calc(18rem/16) !important;}@media only screen and (min-width:40em) { .mobile-menu .menu:not(.submenu)>li>a{font-size:calc(18rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .mobile-menu .menu:not(.submenu)>li>a{font-size:calc(18rem/16) !important;line-height:1.50 !important}} .box-shadow{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);} .drop-shadow{filter:drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.43));} .offcanvas-shadow{filter:drop-shadow(10px 0px 20px rgba(0, 0, 0, 0.43));} .shadow-dark{filter:drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.75));} .text-shadow{text-shadow:0px 0px 15px rgba(0, 0, 0, 0.70);} .overlay-footer{position:relative;z-index:0}.overlay-footer:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ; background: linear-gradient( 0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0) 100% ); } .main-menu-position{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 49%, rgba(0, 0, 0, 0) 100%); }@media (hover:none) and (pointer:coarse){.main-menu-position{background-attachment:scroll!important}} .p-admin{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;} .adminbox-margin{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.adminbox-margin{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.adminbox-margin{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:16.00px ;margin-left:0.00px }} .admin-titles{margin-top:12.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.admin-titles{margin-top:12.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.admin-titles{margin-top:12.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }} .two-col-box{padding-top:0.75rem ;padding-right:1.5rem ;padding-bottom:0.75rem ;padding-left:1.5rem ;} .pad-y{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .pad{padding-top:32.00px ;padding-right:20.00px ;padding-bottom:32.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.pad{padding-top:48.00px ;padding-right:32.00px ;padding-bottom:48.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.pad{padding-top:64.00px ;padding-right:32.00px ;padding-bottom:64.00px ;padding-left:32.00px }} .pad-y-single{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-y-single{padding-top:96.00px ;padding-right:0.00px ;padding-bottom:96.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-y-single{padding-top:128.00px ;padding-right:0.00px ;padding-bottom:128.00px ;padding-left:0.00px }} .pad-t{padding-top:32.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-t{padding-top:48.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-t{padding-top:64.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:32.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:48.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.pad-b{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:64.00px ;padding-left:0.00px }} .pad-x-b{padding-top:0.00px ;padding-right:20.00px ;padding-bottom:32.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.pad-x-b{padding-top:0.00px ;padding-right:32.00px ;padding-bottom:48.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.pad-x-b{padding-top:0.00px ;padding-right:32.00px ;padding-bottom:64.00px ;padding-left:32.00px }} .pad-x-t{padding-top:32.00px ;padding-right:20.00px ;padding-bottom:0.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.pad-x-t{padding-top:48.00px ;padding-right:32.00px ;padding-bottom:0.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.pad-x-t{padding-top:64.00px ;padding-right:32.00px ;padding-bottom:0.00px ;padding-left:32.00px }} .p-account-pages{padding-top:32.00px ;padding-right:12.00px ;padding-bottom:80.00px ;padding-left:12.00px ;}@media only screen and (min-width:40em){.p-account-pages{padding-top:40.00px ;padding-right:32.00px ;padding-bottom:180.00px ;padding-left:16.00px }}@media only screen and (min-width:64em){.p-account-pages{padding-top:40.00px ;padding-right:32.00px ;padding-bottom:200.00px ;padding-left:16.00px }} .admin-collections-forms .form-group{margin-bottom:0.75rem ;} .button.small{border-radius:4px ;} .button.medium{border-radius:4px ;} .button.large{border-radius:4px ;} .circle {border-radius:50% ;} .radius{border-radius:7px ;} .w600{min-width:0.00px ;max-width:600.00px ;} .bottom-border{border-color:var(--light-gray) ;border-width:0px 0px 1px 0px ;border-bottom-style:solid ;} .bottom-border-dark{border-color:var(--medium-gray) ;border-width:0px 0px 1px 0px ;border-bottom-style:solid ;} .square{display:flex;align-items:center;aspect-ratio:1/1;} .reveal{border-width:0px ;} .sticky{z-index:99 } .stick-on-top{z-index:120 !important} .admin-save-position{position:fixed ;z-index:1001 ;top:14px ;bottom:unset ;left:unset ;right:16px ;} .fit-name{display:inline-block;white-space:nowrap} .divider-border{border-color:rgba(255, 255, 255, 0.11) ;border-width:0px 0px 1px 0px ;border-bottom-style:solid ;} .fieldset{border-color:rgba(230, 230, 230, 1.00) ;border-width:1px ;border-style:solid ;border-radius:10px ;} .bottom-border{border-color:rgba(49, 49, 49, 0.21) ;border-width:0px 0px 1px 0px ;border-style:solid ;} .leaflet-control{display:none !important} .hideme{display:none !important} .max-w-img{width:190.00px ;}@media only screen and (min-width:40em){.max-w-img{width:190.00px }}@media only screen and (min-width:64em){.max-w-img{width:190.00px }} .btn.protect{display:none !important} .white-bg-drop{background-color:rgba(255, 255, 255, 0.15);}@supports (backdrop-filter:none){.white-bg-drop{mix-blend-mode:normal;backdrop-filter:blur(17px)brightness(100%)contrast(100%)grayscale(0%)hue-rotate(0deg)invert(0%)opacity(100%)saturate(100%)sepia(0%);background-color:rgba(255, 255, 255, 0.15);}} @media screen and (min-width: 40em) { .button:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) scale3d(1.02, 1.02, 1.02) ; } } .button{transition:all 300ms ease 0ms } .black-20 .menubar-bg{position:relative;z-index:0}.black-20 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:var(--black) ;} .black-40 .menubar-bg{position:relative;z-index:0}.black-40 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:var(--black) ;} .black-60 .menubar-bg{position:relative;z-index:0}.black-60 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.60 ;background-color:var(--black) ;} .black-80 .menubar-bg{position:relative;z-index:0}.black-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.80 ;background-color:var(--black) ;} .primary-20 .menubar-bg{position:relative;z-index:0}.primary-20 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:var(--primary) ;} .primary-40 .menubar-bg{position:relative;z-index:0}.primary-40 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:var(--primary) ;} .primary-60 .menubar-bg{position:relative;z-index:0}.primary-60 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.60 ;background-color:var(--primary) ;} .primary-80 .menubar-bg{position:relative;z-index:0}.primary-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.80 ;background-color:var(--primary) ;} .white-80 .menubar-bg{position:relative;z-index:0}.white-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:var(--white) ;} .white-80 .menubar-bg{position:relative;z-index:0}.white-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.40 ;background-color:var(--white) ;} .white-80 .menubar-bg{position:relative;z-index:0}.white-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.60 ;background-color:var(--white) ;} .white-80 .menubar-bg{position:relative;z-index:0}.white-80 .menubar-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.80 ;background-color:var(--white) ;} .hover-opacity-trick{opacity:0.47 } .hover-opacity-trick:hover{opacity:1.00 } .shade-left{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }@media (hover:none) and (pointer:coarse){.shade-left{background-attachment:scroll!important}} .shade-right{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }@media (hover:none) and (pointer:coarse){.shade-right{background-attachment:scroll!important}} .shade-top{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }@media (hover:none) and (pointer:coarse){.shade-top{background-attachment:scroll!important}} .shade{height:100% ;} .shade-top{height:50.00px ;}@media only screen and (min-width:40em){.shade-top{height:50.00px }}@media only screen and (min-width:64em){.shade-top{height:200.00px }} @media screen and (min-width: 40em){.shade{width:40.00px ;}}@media only screen and (min-width:40em){.shade{width:30.00px }}@media only screen and (min-width:64em){.shade{width:80.00px }} .shade-top{width:100% ;} .shade-left{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;} .shade-right{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:0px ;} .shade-top{position: absolute ;z-index:1 ;top:0px ;bottom:unset ;left:unset ;right:unset ;} .shade{pointer-events:none } .shade-top{pointer-events:none } .scale-up:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) scale3d(1.07, 1.07, 1.00) ; } .scale-up{transition:all 300ms ease 0ms } .scale-down:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) scale3d(0.93, 0.93, 1.00) ; } .scale-down{transition:all 300ms ease 0ms } @media screen and (min-width: 64em) { .move-up:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, -15px, 0px) ; } } @media screen and (min-width: 64em){.move-up{transition:all 300ms ease 0ms }} .move-down:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translate3d(0px, 15px, 0px) ; } .move-down{transition:all 300ms ease 0ms } .rot-360:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) ; } .rot-360{transition:all 500ms ease 0ms } .rot-180:hover { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(180deg) ; } .rot-180{transition:all 300ms ease 0ms } .admin-area-object{background-color:rgba(255, 255, 255, 0.59) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.admin-area-object{background-attachment:scroll!important}} .admin-area-object:hover{background-color:var(--white) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.admin-area-object{background-attachment:scroll!important}} .admin-area-object{transition:all 250ms ease 0ms } .post-title-area{transition:all 250ms ease 0ms } .admin-area-object{padding-top:2.00px ;padding-right:2.00px ;padding-bottom:2.00px ;padding-left:2.00px ;}@media only screen and (min-width:40em){.admin-area-object{padding-top:2.00px ;padding-right:2.00px ;padding-bottom:2.00px ;padding-left:2.00px }}@media only screen and (min-width:64em){.admin-area-object{padding-top:2.00px ;padding-right:2.00px ;padding-bottom:2.00px ;padding-left:2.00px }} @media screen and (min-width: 40em){.admin-area-object:hover .post-title-area{padding-left:0.5rem ;}} .admin-area-object{border-radius:8px ;} .admin-area-object{margin-bottom:0.5rem ;} .post-img-bg{min-width:80.00px ;max-width:130.00px ;} .account-header .header-bg{position:relative;z-index:0}.account-header .header-bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.65 ;background-color:var(--white) ;} .account-header .header-bg{padding-top:60.00px ;padding-right:20.00px ;padding-bottom:60.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.account-header .header-bg{padding-top:69.00px ;padding-right:48.00px ;padding-bottom:69.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.account-header .header-bg{padding-top:70.00px ;padding-right:48.00px ;padding-bottom:69.00px ;padding-left:0.00px }} .account-header .header-bg{margin-bottom:2rem ;} .green-line{border-color:var(--primary) ;border-top-width:4px ;border-style:solid none none none ;} .button,.btn-main.tiny{font-size:calc(12rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .button,.btn-main.tiny{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .button,.btn-main.tiny{font-size:calc(12rem/16) ;line-height:1.50 }} .button,.btn-main.small{font-size:calc(14rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .button,.btn-main.small{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .button,.btn-main.small{font-size:calc(14rem/16) ;line-height:1.50 }} .button,.btn-main.medium{font-size:calc(15rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .button,.btn-main.medium{font-size:calc(15rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .button,.btn-main.medium{font-size:calc(15rem/16) ;line-height:1.50 }} .button,.btn-main.large{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .button,.btn-main.large{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .button,.btn-main.large{font-size:calc(18rem/16) ;line-height:1.50 }} .button.medium{padding-top:12.00px ;padding-right:20.00px ;padding-bottom:12.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.button.medium{padding-top:12.00px ;padding-right:20.00px ;padding-bottom:12.00px ;padding-left:20.00px }}@media only screen and (min-width:64em){.button.medium{padding-top:12.00px ;padding-right:20.00px ;padding-bottom:12.00px ;padding-left:20.00px }} .button.large{padding-top:13.00px ;padding-right:24.00px ;padding-bottom:13.00px ;padding-left:24.00px ;}@media only screen and (min-width:40em){.button.large{padding-top:13.00px ;padding-right:24.00px ;padding-bottom:13.00px ;padding-left:24.00px }}@media only screen and (min-width:64em){.button.large{padding-top:13.00px ;padding-right:24.00px ;padding-bottom:13.00px ;padding-left:24.00px }} .button.extra-pad{padding-top:13.00px ;padding-right:24.00px ;padding-bottom:13.00px ;padding-left:24.00px ;}@media only screen and (min-width:40em){.button.extra-pad{padding-top:20.00px ;padding-right:32.00px ;padding-bottom:20.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.button.extra-pad{padding-top:20.00px ;padding-right:32.00px ;padding-bottom:20.00px ;padding-left:32.00px }} .mason-item img{border-radius:10px !important;} .mason-item img{filter:drop-shadow(0px 0px 8px rgba(1, 1, 1, 0.30));} .lighter-box{background-color:rgba(255, 255, 255, 0.23) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.lighter-box{background-attachment:scroll!important}} .lighter-box{border-color:rgba(255, 255, 255, 1.00) ;border-width:0px 0px 0px 4px ;border-style:solid solid solid solid ;border-radius:4px 10px 10px 4px ;} .greener-box{background-color:rgba(0, 152, 41, 0.23) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.greener-box{background-attachment:scroll!important}} .greener-box{border-color:var(--primary) ;border-width:0px 0px 0px 4px ;border-style:solid solid solid solid ;border-radius:4px 10px 10px 4px ;} .dashed-border{border-color:rgba(0, 0, 0, 0.14) ;border-width:0px 0px 1px 0px ;border-style:dashed ;} .dashed-border-white{border-color:rgba(255, 255, 255, 0.24) ;border-width:0px 0px 1px 0px ;border-style:dashed ;} ::-webkit-slider-thumb{border-radius:5px ;} .form-field .range-wrapper{margin-bottom:0 !important;} .range-wrapper{padding-bottom:0.25rem !important;} .pi-result-text{font-size:calc(19rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .pi-result-text{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .pi-result-text{font-size:calc(21rem/16) ;line-height:1.50 }} @charset "UTF-8"; @charset "UTF-8"; .eclipse-container.stacks_in_17920{--eclipse-animation-duration:4.00s;--eclipse-animation-delay:10.00s;--eclipse-timer-fadeout:200ms;--eclipse-timer-background:rgba(255, 255, 255, 0.30);--eclipse-timer-color:rgba(255, 255, 255, 0.80);--eclipse-timer-size:4px;--eclipse-overlay-color:rgba(0, 0, 0, 0.50);--eclipse-overlay-opacity:1.00}.eclipse-container.stacks_in_17920 .eclipse-overlay{ } .eclipse-slide.stacks_in_17922{--eclipse-overlay-color:rgba(0, 0, 0, 0.50);--eclipse-overlay-opacity:1.00}.eclipse-slide.stacks_in_17922 .eclipse-overlay{backdrop-filter:blur(0px)} .stacks_in_17926{--offcanvas-size-small:280px;--offcanvas-size-medium:360px;--offcanvas-size-large:0px;--offcanvas-size-small:100%;} .stacks_in_17931_1282 img{width:100%;max-width:100px} .stacks_in_17952{line-height:0}.stacks_in_17952 svg{display:inline-block;max-width:80px;height:auto;}.stacks_in_17952.full-width svg{width:100%;height:auto} @charset "UTF-8"; @media screen and (min-width: 64em){.hero{background-color:transparent ;background-position:center top ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} @media screen and (max-width: 63.9375em){.hero{background-color:transparent ;background-position:center bottom ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .header-padding{padding-top:100.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.header-padding{padding-top:120.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.header-padding{padding-top:150.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .hero{min-height:800px ;max-height:1100px ;} .stacks_in_16341 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} @charset "UTF-8"; .highlights{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.highlights{background-attachment:scroll!important}} .stacks_in_16397 img{width:100%;max-width:130px} .stacks_in_16387 img{width:100%;max-width:130px} .stacks_in_16377 img{width:100%;max-width:130px} @charset "UTF-8"; .quote{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.quote{background-attachment:scroll!important}} .big-text-line{will-change:transform} @charset "UTF-8"; .walk .overlap{position: absolute ;z-index:1 ;top:0% ;bottom:unset ;left:0% ;right:unset ;} .walk .overlap{width:100% ;} .walk-pic{width:100.00px ;}@media only screen and (min-width:40em){.walk-pic{width:100.00px }}@media only screen and (min-width:64em){.walk-pic{width:100.00px }} .walk .overlap{height:100vh ;} .walk .top-left{position: absolute ;z-index:1 ;top:-20px ;bottom:unset ;left:-20px ;right:unset ;} .walk .top-right{position: absolute ;z-index:1 ;top:-20px ;bottom:unset ;left:unset ;right:-20px ;} .walk .bottom-left{position: absolute ;z-index:1 ;top:unset ;bottom:-20px ;left:-20px ;right:unset ;} .walk .bottom-right{position: absolute ;z-index:1 ;top:unset ;bottom:-20px ;left:unset ;right:-20px ;} @media screen and (max-width: 39.9375em){.walk .popup{width:33.33333% ;min-width:300.00px ;max-width:0.00px ;}} @media screen and (min-width: 40em){.walk .popup{width:33.33333% ;min-width:460.00px ;max-width:0.00px ;}} .walk .popup{background-color:transparent ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.walk .popup{background-attachment:scroll!important}} .walk .popup{border-radius:10px ;} .walk .popup{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.35);} .popup .content{padding:1.5rem ;} .desc-img{margin-top:8.00px ;margin-right:16.00px ;margin-bottom:4.00px ;margin-left:16.00px ;}@media only screen and (min-width:40em){.desc-img{margin-top:8.00px ;margin-right:16.00px ;margin-bottom:8.00px ;margin-left:16.00px }}@media only screen and (min-width:64em){.desc-img{margin-top:16.00px ;margin-right:16.00px ;margin-bottom:16.00px ;margin-left:16.00px }} .walk .exterior{background-color:rgba(255, 255, 255, 1.00) !important;background-repeat:no-repeat !important;background-position:center top !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;background-clip:border-box !important; background-size: cover !important; }@media (hover:none) and (pointer:coarse){.walk .exterior{background-attachment:scroll!important}} @media screen and (min-width: 64em){.hero{background-repeat:no-repeat ;background-position:center top ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .walk .main-img-wrapper{width:320.00px ;}@media only screen and (min-width:40em){.walk .main-img-wrapper{width:600.00px }}@media only screen and (min-width:64em){.walk .main-img-wrapper{width:1100.00px }} .walk .main-img-wrapper { transform-origin: 50% 50% ; transform-style: flat ; transform : translateZ(0) scale3d(0.75, 0.75, 1.00) ; } .walk .main-img-wrapper{will-change:transform} .walk .step5{background-repeat:no-repeat ;background-position:center top ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.walk .step5{background-attachment:scroll!important}} .walk .step5{will-change:transform} .step6{background-color:rgba(0, 22, 36, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.step6{background-attachment:scroll!important}} .step-6-pad{padding-top:0.00px ;padding-right:20.00px ;padding-bottom:32.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.step-6-pad{padding-top:32.00px ;padding-right:32.00px ;padding-bottom:48.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.step-6-pad{padding-top:64.00px ;padding-right:32.00px ;padding-bottom:64.00px ;padding-left:64.00px }} .walk .step6{will-change:transform} .st7{margin-top:0.00px ;margin-right:12.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.st7{margin-top:0.00px ;margin-right:12.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.st7{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }} .gallery{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.gallery{padding-top:0.00px ;padding-right:16.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.gallery{padding-top:0.00px ;padding-right:49.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .bento-mason-grid.stacks_in_17187{--mason-gutter:20px;--mason-item-setting:100px;--mason-item-width:100px}.bento-mason-grid.stacks_in_17187.mason-percent{--mason-item-setting:100%;--mason-item-width:calc(100% - var(--mason-gutter))}@media (min-width:25.000000em) and (max-width:40.000000em){.bento-mason-grid.stacks_in_17187{--mason-item-setting:100px;--mason-item-width:100px}.bento-mason-grid.stacks_in_17187.mason-percent{--mason-item-setting:100%;--mason-item-width:calc(100% - var(--mason-gutter))}}@media (min-width:40.000000em) and (max-width:64.000000em){.bento-mason-grid.stacks_in_17187{--mason-item-setting:50px;--mason-item-width:50px}.bento-mason-grid.stacks_in_17187.mason-percent{--mason-item-setting:50%;--mason-item-width:calc(50% - var(--mason-gutter))}}@media (min-width:64.000000em){.bento-mason-grid.stacks_in_17187{--mason-item-setting:50px;--mason-item-width:50px}.bento-mason-grid.stacks_in_17187.mason-percent{--mason-item-setting:50%;--mason-item-width:calc(50% - var(--mason-gutter))}} .stacks_in_17252{} @charset "UTF-8"; #stacks_in_18123{max-width:1500px}#stacks_in_18123 .points-wrapper{max-width:1500px;padding-bottom:56.42%;}#stacks_in_18123 .point{width:1.00rem;height:1.00rem}@media screen and (min-width:40em){#stacks_in_18123 .point{width:1.00rem;height:1.00rem}}@media screen and (min-width:62.5em){#stacks_in_18123 .point{width:1.00rem;height:1.00rem}}#stacks_in_18123 .point a,#stacks_in_18123 .point abbr{cursor:pointer}#stacks_in_18123 .mode-circle abbr{background:rgba(2, 181, 215, 1.00)}#stacks_in_18123 .mode-circle.point-ring abbr{background-color:transparent;border:2px solid rgba(2, 181, 215, 1.00)}@media screen and (min-width:40em){#stacks_in_18123 .mode-circle.point-ring abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_18123 .mode-circle.point-ring abbr{border-width:2px}}#stacks_in_18123 .mode-circle.point-saturn abbr{border:2px solid rgba(2, 134, 215, 1.00)}@media screen and (min-width:40em){#stacks_in_18123 .mode-circle.point-saturn abbr{border-width:2px}}@media screen and (min-width:62.5em){#stacks_in_18123 .mode-circle.point-saturn abbr{border-width:2px}}#stacks_in_18123 .mode-circle.point-pulse .ring{background-color:rgba(2, 134, 215, 1.00)}#stacks_in_18123 .mode-image abbr{background:url(0.75) no-repeat center center}#stacks_in_18123 .point abbr,#stacks_in_18123 .point i.fa{line-height:1.00rem;font-size:0.75rem;color:rgba(255, 255, 255, 1.00)}@media screen and (min-width:40em){#stacks_in_18123 .point abbr,#stacks_in_18123 .point i.fa{line-height:1.00rem;font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_18123 .point abbr,#stacks_in_18123 .point i.fa{line-height:1.00rem;font-size:1.00rem}}#stacks_in_18123 .points-tooltip{font-size:0.80rem;border-radius:5px;color:rgba(255, 255, 255, 1.00);background:rgba(0, 0, 0, 0.80)}@media screen and (min-width:40em){#stacks_in_18123 .points-tooltip{font-size:0.90rem}}@media screen and (min-width:62.5em){#stacks_in_18123 .points-tooltip{font-size:1.00rem}}#stacks_in_18123 .points-tooltip:after{border-color:rgba(0, 0, 0, 0.80)}#stacks_in_18123 .info-tooltip .points-tooltip{}#stacks_in_18123 .info-overlay .points-tooltip{text-align:left} .mapmax.stacks_in_17799 { --map-bg: #E6E6E6; --sidebar-bg: #E6E6E6; --sidebar-width: 220px; --accent: rgba(236, 146, 24, 1.00); --text-main: #333333; --text-secondary: #FFFFFF; --text-active: ; --hover-bg: rgba(255, 255, 255, 1.00); position: relative; display: flex; width: 100%; margin: 0 auto; aspect-ratio: 16/9; background: var(--map-bg); overflow: hidden; min-height: 500px !important; } /* Standard: Ratio-Modus */ .mapmax.stacks_in_17799[data-heightmode="True"], .mapmax.stacks_in_17799:not([data-heightmode]) { aspect-ratio: 16/9; min-height: 500px !important; height: auto; /* keine feste Höhe im Ratio-Modus */ } /* Explizite Höhe (über CSS-Variable aus inline style="--map-height:...") */ .mapmax.stacks_in_17799[data-heightmode="False"] { aspect-ratio: auto; /* Ratio aus */ height: var(--map-height) !important; /* z.B. 100vh, 70%, 480px, clamp(...) */ min-height: 500px !important; } /* Map-Child füllt den Container, wenn keine Ratio benutzt wird */ .mapmax.stacks_in_17799[data-heightmode="False"] > .mapmax-map { min-height: 100% !important; height: 100%; /* falls jemand % nutzt */ } /* Sicherstellen, dass die Karte im Ratio-Fall sichtbar bleibt */ .mapmax.stacks_in_17799 > .mapmax-map { flex: 1 1 auto; width: 100%; } * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .mapmax-editor-preview.stacks_in_17799 { position: relative; width: 100%; aspect-ratio: 16/9; background-image: url('../brands_files/mapmaxAssets/editor-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 30px rgba(0,0,0,0.1); min-height: 500px !important; } .mapmax-editor-icon { position: absolute; top: 50%; left: 50%; width: 25%; max-width: 120px; transform: translate(-50%, -50%); filter: drop-shadow(0 0 10px rgba(0,0,0,0.4)); } .mapmax-editor-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.15); pointer-events: none; } .mapmax-editor-pattern { width: 100%; height: 100%; background-image: repeating-linear-gradient(45deg, #ddd 0 1px, transparent 1px 10px), repeating-linear-gradient(-45deg, #ddd 0 1px, transparent 1px 10px); opacity: 0.1; } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 8px 8px; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax.stacks_in_17799 > .mapmax-map { flex: 1; z-index: 1; width: 100%; min-height: 500px !important; } .mapmax.stacks_in_17799 > .mapmax-sidebar { width: var(--sidebar-width); max-width: 350px; background: var(--sidebar-bg); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; padding: 1rem; order: -1; overflow-y: auto; z-index: 2; position: absolute; top: 0; height: 100%; transition: transform 0.3s ease; } .mapmax.stacks_in_17799.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; } .mapmax.stacks_in_17799 .mapmax-toggle { display: none; position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2; background: var(--accent); color: #fff; border: none; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.9rem; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); white-space: nowrap; max-width: calc(100vw - 2rem); } .mapmax.stacks_in_17799.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17799 .mapmax-sidebar-close { /* nur gezielte Resets statt all: unset */ appearance: none; background: none; border: none; padding: 0; margin: 0; font: inherit; text-align: center; position: absolute; top: 0.75rem; right: 0.75rem; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; background-color: var(--accent); border-radius: 50%; font-size: 1.5rem; line-height: 0; color: #fff; cursor: pointer; z-index: 4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease, transform 0.2s ease; display: none; } .mapmax.stacks_in_17799.show-sidebar .mapmax-sidebar-close { display: block; } .mapmax.stacks_in_17799 .mapmax-sidebar-close:hover { transform: scale(1.05); } .mapmax.stacks_in_17799 .mapmax-sidebar-close:active { transform: scale(0.95); } .mapmax.stacks_in_17799 .mapmax-location-list { list-style: none; flex: 1; margin: 0; padding: 0; } .mapmax.stacks_in_17799 .mapmax-location-list > li { padding: 0.5rem 1rem; background: rgba(255, 255, 255, 0.50); cursor: pointer; transition: background 0.2s; margin-bottom: 12px; border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17799 .mapmax-location-list > li:hover:not(.active) { background: var(--hover-bg); color: var(--text-secondary) !important; } .mapmax.stacks_in_17799 .mapmax-location-list > li:hover:not(.active) > p { color: var(--text-secondary) !important; } .mapmax.stacks_in_17799 .mapmax-location-list > li.active { background: var(--accent); color: var(--text-secondary); } .mapmax.stacks_in_17799 .mapmax-location-list li.active ul > li { color: var(--text-secondary); } .mapmax.stacks_in_17799 .mapmax-location-list > li strong { font-size: 0.8rem; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_17799 .mapmax-location-list p { font-size: 0.7rem !important; line-height:1rem; margin-bottom: 0rem; color: var(--text-main); } .mapmax.stacks_in_17799 .mapmax-location-list li { color: var(--text-main); line-height:1rem; } .mapmax.stacks_in_17799 .mapmax-location-list > li .list-content, .mapmax.stacks_in_17799 .mapmax-location-list > li .list-content li { font-size: 0.7rem !important; line-height: 1.0; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_17799 .mapmax-location-list > li.active .list-content, .mapmax.stacks_in_17799 .mapmax-location-list > li.active strong, .mapmax.stacks_in_17799 .mapmax-location-list > li.active p { color: var(--text-secondary); } .mapmax.stacks_in_17799 .mapmax-location-list > li .list-btn { display: inline-block; font-size: 0.7rem; padding: 0.25rem 0.5rem; background: var(--accent); color: #fff; border: none; border-radius: 3px; cursor: pointer; } .mapmax.stacks_in_17799 .mapmax-location-list > li.active .list-btn { background: #555; } .mapmax.stacks_in_17799 aside ul > li > img { width: 100%; height: auto; margin-top: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; } /* === Leaflet-Popups === */ .mapmax.stacks_in_17799 .leaflet-popup-content { min-width: 150px; max-width: 220px; font-size: 0.8rem; margin: 8px 12px 8px 12px !important; } .mapmax.stacks_in_17799 .leaflet-popup-content-wrapper { background-color: #FFFFFF !important; border-radius: 6px !important; color: #333333 !important; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.40) !important; } .mapmax.stacks_in_17799 .leaflet-popup-tip { background-color: #FFFFFF !important; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.40) !important; } .mapmax.stacks_in_17799 .leaflet-popup-content ul { margin-bottom: 0px; color: #333333 !important; } .mapmax.stacks_in_17799 .leaflet-popup-content ul > li { line-height: 1.0; color: #333333 !important; } .mapmax.stacks_in_17799 .leaflet-popup-content p { margin: 0 !important; color: #333333 !important; line-height:1.4; } .mapmax.stacks_in_17799 .leaflet-popup-content img { width: 100%; height: auto; margin-top: 0.5rem; border-radius: 4px; } .mapmax.stacks_in_17799 .leaflet-popup-content .popup-btn { display: inline-block; font-size: 0.75rem; padding: 0.25rem 0.5rem; background: #333333 !important; color: #FFFFFF !important; border-radius: 3px; margin-top: 0.5rem; text-decoration: none; white-space: nowrap; } /* Close Button */ .mapmax.stacks_in_17799 .leaflet-container a.leaflet-popup-close-button, .mapmax.stacks_in_17799 .leaflet-container a.leaflet-popup-close-button { color: #585858 !important; } .mapmax.stacks_in_17799 .leaflet-container a.leaflet-popup-close-button:hover, .mapmax.stacks_in_17799 .leaflet-container a.leaflet-popup-close-button:focus { color: #585858 !important; } /* Map-Controls versetzen bei Sidebar */ /* === Einheitliche Button-Stile für alle Buttons in MapMax stacks_in_17799 === */ .mapmax.stacks_in_17799 button, .mapmax.stacks_in_17799 .button, .mapmax.stacks_in_17799 input[type="button"], .mapmax.stacks_in_17799 input[type="submit"], .mapmax.stacks_in_17799 a.button { appearance: none; all: unset; font: inherit; display: inline-block; text-align: center; padding: 0.5rem 0.85rem; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 0.85rem; line-height: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background 0.3s, transform 0.2s; user-select: none; text-decoration: none; } .mapmax.stacks_in_17799 button:hover, .mapmax.stacks_in_17799 .button:hover, .mapmax.stacks_in_17799 input[type="button"]:hover, .mapmax.stacks_in_17799 input[type="submit"]:hover, .mapmax.stacks_in_17799 a.button:hover { background: #444; transform: scale(1.02); } .mapmax.stacks_in_17799 button:active, .mapmax.stacks_in_17799 .button:active, .mapmax.stacks_in_17799 input[type="button"]:active, .mapmax.stacks_in_17799 input[type="submit"]:active, .mapmax.stacks_in_17799 a.button:active { transform: scale(0.96); } /* === SIDEBAR POSITIONIERUNG === */ /* === RECHTE SIDEBAR === */ .mapmax.stacks_in_17799.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17799.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; } /* === Rechte Sidebar === */ .mapmax.stacks_in_17799.sidebar-right > .mapmax-sidebar { order: 1; left: auto; right: 0; transform: translateX(100%); position: absolute; height: 100%; width: var(--sidebar-width); max-width: 350px; background: var(--sidebar-bg); z-index: 2; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; display: none; /* Standardmäßig ausgeblendet */ } /* Sidebar sichtbar machen, wenn show-sidebar aktiv ist */ .mapmax.stacks_in_17799.sidebar-right.show-sidebar > .mapmax-sidebar { transform: translateX(0); display: flex; } /* Sidebar dauerhaft eingeblendet bei permanent-sidebar */ .mapmax.stacks_in_17799.sidebar-right.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; box-shadow: none; display: flex; } /* Toggle-Button-Positionierung */ .mapmax.stacks_in_17799.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; display: none; } .mapmax.stacks_in_17799.sidebar-right .leaflet-top.leaflet-left { top: 0rem; } /* Toggle-Button sichtbar machen, wenn show-toggle aktiv ist */ .mapmax.stacks_in_17799.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17799 .popup-btn.navigationButton { margin-right: 12px; background: #333333 !important; color: #FFFFFF !important; } .mapmax.stacks_in_17799 .custom-svg-icon { width: 32px; height: 32px; line-height: 0; } .mapmax.stacks_in_17799 .custom-svg-icon svg { width: 100%; height: 100%; display: block; } .mapmax.stacks_in_17799 .mapmax-notice { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 0.85rem; z-index: 3; pointer-events: none; max-width: 90%; text-align: center; animation: fadeOut 6s forwards; } @keyframes fadeOut { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } .mapmax.stacks_in_17799 .mapmax-notice { display:none !important; } .mapmax.stacks_in_17799 > .mapmax-map { opacity: 0; transition: opacity 1s ease; } .mapmax.stacks_in_17799 > .mapmax-map.map-fade-in { opacity: 1; } /* === Filter Chips === */ .mapmax.stacks_in_17799 .mapmax-filterbar { margin: 0 0 0.75rem 0; padding: 0.5rem; background: rgba(255, 255, 255, 0.50); border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17799 .mapmax-filterbar-inner { display: flex; flex-direction: column; gap: 0.5rem; } .mapmax.stacks_in_17799 .mapmax-filter-chips { display: flex; flex-wrap: wrap; gap: 0.4rem 0.5rem; } .mapmax.stacks_in_17799 .chip { display: inline-flex; align-items: center; padding: 0.3rem 0.6rem; border-radius: 999px; background: rgba(255, 255, 255, 0.50); color: var(--text-main); font-size: 0.7rem; line-height: 1; cursor: pointer; border: 1px solid rgba(0,0,0,0.08); user-select: none; transition: background 0.2s, transform 0.1s; } .mapmax.stacks_in_17799 .chip:hover { background: var(--hover-bg); } .mapmax.stacks_in_17799 .chip.active { background: var(--accent); color: var(--text-secondary); border-color: transparent; } .mapmax.stacks_in_17799 .chip .chip-label { max-width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mapmax.stacks_in_17799 .chip .chip-field { opacity: 0.65; margin-right: 0.4rem; } .mapmax.stacks_in_17799 .mapmax-filter-reset { align-self: flex-start; padding: 0.35rem 0.6rem; font-size: 0.7rem; border-radius: 6px; background: #ddd; color: #222; } .mapmax.stacks_in_17799 .mapmax-filter-reset:hover { background: #ccc; } .mapmax.stacks_in_17799 .mapmax-filter-reset.hidden { display: none; } .mapmax.stacks_in_17799 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_17799 .chip-group { margin-bottom: .5rem; } .mapmax.stacks_in_17799 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .8; margin-bottom: .25rem; } .mapmax.stacks_in_17799 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17799 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17799 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_17799 .chip-group { margin-bottom: .5rem; border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17799 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_17799 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17799 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17799 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_17799 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_17799 .mapmax-filter-chips { margin-bottom: .5rem; } .mapmax.stacks_in_17799 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_17799 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17799 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17799 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } /* Stelle sicher, dass Gruppen als Block laufen */ .mapmax.stacks_in_17799 .mapmax-filterbar-inner > .mapmax-filter-chips { display: block; } /* Divider nur zwischen Gruppen (nach der ersten) */ .mapmax.stacks_in_17799 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 rgba(128,128,128,0.08); padding-top: 12px; margin-top: 0px; } /* Optional: etwas smartere Farbe, wenn unterstützt */ @supports (color: color-mix(in oklab, white 50%, black)) { .mapmax.stacks_in_17799 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 color-mix(in oklab, var(--sidebar-bg) 85%, #000 15%); } } .mapmax.stacks_in_17799 .mapmax-filter-reset { position: relative; width: 1.5rem; height: 1.5rem; border: none; border-radius: 50%; background: #ddd; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; } .mapmax.stacks_in_17799 .mapmax-filter-reset::before, .mapmax.stacks_in_17799 .mapmax-filter-reset::after { content: ""; position: absolute; width: 50%; height: 2px; background: #333; border-radius: 2px; } .mapmax.stacks_in_17799 .mapmax-filter-reset::before { transform: rotate(45deg); } .mapmax.stacks_in_17799 .mapmax-filter-reset::after { transform: rotate(-45deg); } .mapmax.stacks_in_17799 .mapmax-filter-reset:hover { background: #ccc; } /* auf die Map-Box, nicht das */ .mapmax.stacks_in_17799 > .mapmax-map { /* verhindert Scroll an die Seite durchzureichen */ overscroll-behavior: contain; /* Touch-Gesten klar signalisieren (Android/Chrome) */ touch-action: pan-x pan-y; /* Repaint-Flattern reduzieren */ backface-visibility: hidden; transform: translateZ(0); will-change: transform; } /* Sidebar smooth scollen, aber kein Scroll-Chaining */ .mapmax.stacks_in_17799 > .mapmax-sidebar { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .mapmax.stacks_in_17799 .leaflet-gesture-handling-warning { transform: translateZ(0); will-change: transform, opacity; } .mapmax.stacks_in_17799 .leaflet-container:after { content: none !important; display: none !important; opacity: 0 !important; animation: none !important; background: transparent !important; } .mapmax.stacks_in_17799 .leaflet-gesture-handling-touch-warning:after, .mapmax.stacks_in_17799 .leaflet-gesture-handling-scroll-warning:after { content: none !important; display: none !important; opacity: 0 !important; animation: none !important; } /* === Sidebar-Icons: immer mittig, egal ob Text oder SVG === */ /* Button = echte Center-Box mit fixer Hit-Area, kein Padding-Drift */ .mapmax.stacks_in_17799 .mapmax-toggle, .mapmax.stacks_in_17799 .mapmax-sidebar-close { align-items: center; justify-content: center; box-sizing: border-box; width: var(--sidebar-hit-w, 2rem); height: var(--sidebar-hit-h, 2rem); padding: 0; /* KEIN Padding, sonst verzieht es die Mitte */ margin: 0; /* Textfarbe steuert SVG via currentColor */ color: var(--text-secondary); /* Text-Glyph (☰/×) Basis */ font-size: var(--sidebar-icon-font, 1.1rem); line-height: 0; } /* Wenn ein Custom-SVG drin ist, verhindere doppelten Text-Einfluss */ .mapmax.stacks_in_17799 .mapmax-toggle.has-custom-icon, .mapmax.stacks_in_17799 .mapmax-sidebar-close.has-custom-icon { font-size: 0; line-height: 0; } /* SVG selbst: mittig, Größe aus Variablen */ .mapmax.stacks_in_17799 .mapmax-toggle.has-custom-icon svg, .mapmax.stacks_in_17799 .mapmax-sidebar-close.has-custom-icon svg { display: block; margin: 0 auto; width: var(--sidebar-icon-w, 22px); height: var(--sidebar-icon-h, 22px); fill: currentColor; stroke: currentColor; } /* Eingebrannte Farben in Pfaden plattbügeln (außer 'none') */ .mapmax.stacks_in_17799 .mapmax-toggle.has-custom-icon svg [fill]:not([fill="none"]), .mapmax.stacks_in_17799 .mapmax-sidebar-close.has-custom-icon svg [fill]:not([fill="none"]) { fill: currentColor !important; } .mapmax.stacks_in_17799 .mapmax-toggle.has-custom-icon svg [stroke]:not([stroke="none"]), .mapmax.stacks_in_17799 .mapmax-sidebar-close.has-custom-icon svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* Optional: wenn das Text-× optisch zu tief wirkt, leicht anheben */ .mapmax.stacks_in_17799 .mapmax-sidebar-close:not(.has-custom-icon) { /* Feintuning: passe 0.03em bei Bedarf an */ transform: translateY(-0.03em); } /* Filterbar komplett verstecken, wenn JS .hidden setzt */ .mapmax.stacks_in_17799 .mapmax-filterbar.hidden { display: none !important; } /* Reset-Knopf verlässlich verstecken, wenn JS .hidden setzt */ .mapmax.stacks_in_17799 .mapmax-filter-reset.hidden { display: none !important; } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 4px 0; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax-editor-item.item code { background: #fcedbe; padding: 0.2rem 0.5rem; border-radius: 0.2rem; font-size: 1em; font-weight: 500; } .mapmax.stacks_in_17839 { --map-bg: #E6E6E6; --sidebar-bg: #E6E6E6; --sidebar-width: 220px; --accent: rgba(236, 146, 24, 1.00); --text-main: #333333; --text-secondary: #FFFFFF; --text-active: ; --hover-bg: rgba(255, 255, 255, 1.00); position: relative; display: flex; width: 100%; margin: 0 auto; aspect-ratio: 16/9; background: var(--map-bg); overflow: hidden; min-height: 500px !important; } /* Standard: Ratio-Modus */ .mapmax.stacks_in_17839[data-heightmode="True"], .mapmax.stacks_in_17839:not([data-heightmode]) { aspect-ratio: 16/9; min-height: 500px !important; height: auto; /* keine feste Höhe im Ratio-Modus */ } /* Explizite Höhe (über CSS-Variable aus inline style="--map-height:...") */ .mapmax.stacks_in_17839[data-heightmode="False"] { aspect-ratio: auto; /* Ratio aus */ height: var(--map-height) !important; /* z.B. 100vh, 70%, 480px, clamp(...) */ min-height: 500px !important; } /* Map-Child füllt den Container, wenn keine Ratio benutzt wird */ .mapmax.stacks_in_17839[data-heightmode="False"] > .mapmax-map { min-height: 100% !important; height: 100%; /* falls jemand % nutzt */ } /* Sicherstellen, dass die Karte im Ratio-Fall sichtbar bleibt */ .mapmax.stacks_in_17839 > .mapmax-map { flex: 1 1 auto; width: 100%; } * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .mapmax-editor-preview.stacks_in_17839 { position: relative; width: 100%; aspect-ratio: 16/9; background-image: url('../brands_files/mapmaxAssets/editor-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 30px rgba(0,0,0,0.1); min-height: 500px !important; } .mapmax-editor-icon { position: absolute; top: 50%; left: 50%; width: 25%; max-width: 120px; transform: translate(-50%, -50%); filter: drop-shadow(0 0 10px rgba(0,0,0,0.4)); } .mapmax-editor-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.15); pointer-events: none; } .mapmax-editor-pattern { width: 100%; height: 100%; background-image: repeating-linear-gradient(45deg, #ddd 0 1px, transparent 1px 10px), repeating-linear-gradient(-45deg, #ddd 0 1px, transparent 1px 10px); opacity: 0.1; } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 8px 8px; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax.stacks_in_17839 > .mapmax-map { flex: 1; z-index: 1; width: 100%; min-height: 500px !important; } .mapmax.stacks_in_17839 > .mapmax-sidebar { width: var(--sidebar-width); max-width: 350px; background: var(--sidebar-bg); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; padding: 1rem; order: -1; overflow-y: auto; z-index: 2; position: absolute; top: 0; height: 100%; transition: transform 0.3s ease; } .mapmax.stacks_in_17839.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; } .mapmax.stacks_in_17839 .mapmax-toggle { display: none; position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2; background: var(--accent); color: #fff; border: none; padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.9rem; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); white-space: nowrap; max-width: calc(100vw - 2rem); } .mapmax.stacks_in_17839.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17839 .mapmax-sidebar-close { /* nur gezielte Resets statt all: unset */ appearance: none; background: none; border: none; padding: 0; margin: 0; font: inherit; text-align: center; position: absolute; top: 0.75rem; right: 0.75rem; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; background-color: var(--accent); border-radius: 50%; font-size: 1.5rem; line-height: 0; color: #fff; cursor: pointer; z-index: 4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease, transform 0.2s ease; display: none; } .mapmax.stacks_in_17839.show-sidebar .mapmax-sidebar-close { display: block; } .mapmax.stacks_in_17839 .mapmax-sidebar-close:hover { transform: scale(1.05); } .mapmax.stacks_in_17839 .mapmax-sidebar-close:active { transform: scale(0.95); } .mapmax.stacks_in_17839 .mapmax-location-list { list-style: none; flex: 1; margin: 0; padding: 0; } .mapmax.stacks_in_17839 .mapmax-location-list > li { padding: 0.5rem 1rem; background: rgba(255, 255, 255, 0.50); cursor: pointer; transition: background 0.2s; margin-bottom: 12px; border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17839 .mapmax-location-list > li:hover:not(.active) { background: var(--hover-bg); color: var(--text-secondary) !important; } .mapmax.stacks_in_17839 .mapmax-location-list > li:hover:not(.active) > p { color: var(--text-secondary) !important; } .mapmax.stacks_in_17839 .mapmax-location-list > li.active { background: var(--accent); color: var(--text-secondary); } .mapmax.stacks_in_17839 .mapmax-location-list li.active ul > li { color: var(--text-secondary); } .mapmax.stacks_in_17839 .mapmax-location-list > li strong { font-size: 0.8rem; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_17839 .mapmax-location-list p { font-size: 0.7rem !important; line-height:1rem; margin-bottom: 0rem; color: var(--text-main); } .mapmax.stacks_in_17839 .mapmax-location-list li { color: var(--text-main); line-height:1rem; } .mapmax.stacks_in_17839 .mapmax-location-list > li .list-content, .mapmax.stacks_in_17839 .mapmax-location-list > li .list-content li { font-size: 0.7rem !important; line-height: 1.0; margin-bottom: 0.25rem; color: var(--text-main); } .mapmax.stacks_in_17839 .mapmax-location-list > li.active .list-content, .mapmax.stacks_in_17839 .mapmax-location-list > li.active strong, .mapmax.stacks_in_17839 .mapmax-location-list > li.active p { color: var(--text-secondary); } .mapmax.stacks_in_17839 .mapmax-location-list > li .list-btn { display: inline-block; font-size: 0.7rem; padding: 0.25rem 0.5rem; background: var(--accent); color: #fff; border: none; border-radius: 3px; cursor: pointer; } .mapmax.stacks_in_17839 .mapmax-location-list > li.active .list-btn { background: #555; } .mapmax.stacks_in_17839 aside ul > li > img { width: 100%; height: auto; margin-top: 0.5rem; margin-bottom: 0.5rem; border-radius: 4px; } /* === Leaflet-Popups === */ .mapmax.stacks_in_17839 .leaflet-popup-content { min-width: 150px; max-width: 220px; font-size: 0.8rem; margin: 8px 12px 8px 12px !important; } .mapmax.stacks_in_17839 .leaflet-popup-content-wrapper { background-color: #FFFFFF !important; border-radius: 6px !important; color: #333333 !important; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.40) !important; } .mapmax.stacks_in_17839 .leaflet-popup-tip { background-color: #FFFFFF !important; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.40) !important; } .mapmax.stacks_in_17839 .leaflet-popup-content ul { margin-bottom: 0px; color: #333333 !important; } .mapmax.stacks_in_17839 .leaflet-popup-content ul > li { line-height: 1.0; color: #333333 !important; } .mapmax.stacks_in_17839 .leaflet-popup-content p { margin: 0 !important; color: #333333 !important; line-height:1.4; } .mapmax.stacks_in_17839 .leaflet-popup-content img { width: 100%; height: auto; margin-top: 0.5rem; border-radius: 4px; } .mapmax.stacks_in_17839 .leaflet-popup-content .popup-btn { display: inline-block; font-size: 0.75rem; padding: 0.25rem 0.5rem; background: #333333 !important; color: #FFFFFF !important; border-radius: 3px; margin-top: 0.5rem; text-decoration: none; white-space: nowrap; } /* Close Button */ .mapmax.stacks_in_17839 .leaflet-container a.leaflet-popup-close-button, .mapmax.stacks_in_17839 .leaflet-container a.leaflet-popup-close-button { color: #585858 !important; } .mapmax.stacks_in_17839 .leaflet-container a.leaflet-popup-close-button:hover, .mapmax.stacks_in_17839 .leaflet-container a.leaflet-popup-close-button:focus { color: #585858 !important; } /* Map-Controls versetzen bei Sidebar */ /* === Einheitliche Button-Stile für alle Buttons in MapMax stacks_in_17839 === */ .mapmax.stacks_in_17839 button, .mapmax.stacks_in_17839 .button, .mapmax.stacks_in_17839 input[type="button"], .mapmax.stacks_in_17839 input[type="submit"], .mapmax.stacks_in_17839 a.button { appearance: none; all: unset; font: inherit; display: inline-block; text-align: center; padding: 0.5rem 0.85rem; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 0.85rem; line-height: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background 0.3s, transform 0.2s; user-select: none; text-decoration: none; } .mapmax.stacks_in_17839 button:hover, .mapmax.stacks_in_17839 .button:hover, .mapmax.stacks_in_17839 input[type="button"]:hover, .mapmax.stacks_in_17839 input[type="submit"]:hover, .mapmax.stacks_in_17839 a.button:hover { background: #444; transform: scale(1.02); } .mapmax.stacks_in_17839 button:active, .mapmax.stacks_in_17839 .button:active, .mapmax.stacks_in_17839 input[type="button"]:active, .mapmax.stacks_in_17839 input[type="submit"]:active, .mapmax.stacks_in_17839 a.button:active { transform: scale(0.96); } /* === SIDEBAR POSITIONIERUNG === */ /* === RECHTE SIDEBAR === */ .mapmax.stacks_in_17839.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17839.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; } /* === Rechte Sidebar === */ .mapmax.stacks_in_17839.sidebar-right > .mapmax-sidebar { order: 1; left: auto; right: 0; transform: translateX(100%); position: absolute; height: 100%; width: var(--sidebar-width); max-width: 350px; background: var(--sidebar-bg); z-index: 2; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; display: none; /* Standardmäßig ausgeblendet */ } /* Sidebar sichtbar machen, wenn show-sidebar aktiv ist */ .mapmax.stacks_in_17839.sidebar-right.show-sidebar > .mapmax-sidebar { transform: translateX(0); display: flex; } /* Sidebar dauerhaft eingeblendet bei permanent-sidebar */ .mapmax.stacks_in_17839.sidebar-right.permanent-sidebar > .mapmax-sidebar { position: relative !important; transform: none !important; height: auto; z-index: auto; box-shadow: none; display: flex; } /* Toggle-Button-Positionierung */ .mapmax.stacks_in_17839.sidebar-right .mapmax-toggle { right: 0.75rem; left: auto; display: none; } .mapmax.stacks_in_17839.sidebar-right .leaflet-top.leaflet-left { top: 0rem; } /* Toggle-Button sichtbar machen, wenn show-toggle aktiv ist */ .mapmax.stacks_in_17839.show-toggle .mapmax-toggle { display: block; } .mapmax.stacks_in_17839 .popup-btn.navigationButton { margin-right: 12px; background: #333333 !important; color: #FFFFFF !important; } .mapmax.stacks_in_17839 .custom-svg-icon { width: 32px; height: 32px; line-height: 0; } .mapmax.stacks_in_17839 .custom-svg-icon svg { width: 100%; height: 100%; display: block; } .mapmax.stacks_in_17839 .mapmax-notice { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 0.85rem; z-index: 3; pointer-events: none; max-width: 90%; text-align: center; animation: fadeOut 6s forwards; } @keyframes fadeOut { 0% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } .mapmax.stacks_in_17839 .mapmax-notice { display:none !important; } .mapmax.stacks_in_17839 > .mapmax-map { opacity: 0; transition: opacity 1s ease; } .mapmax.stacks_in_17839 > .mapmax-map.map-fade-in { opacity: 1; } /* === Filter Chips === */ .mapmax.stacks_in_17839 .mapmax-filterbar { margin: 0 0 0.75rem 0; padding: 0.5rem; background: rgba(255, 255, 255, 0.50); border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17839 .mapmax-filterbar-inner { display: flex; flex-direction: column; gap: 0.5rem; } .mapmax.stacks_in_17839 .mapmax-filter-chips { display: flex; flex-wrap: wrap; gap: 0.4rem 0.5rem; } .mapmax.stacks_in_17839 .chip { display: inline-flex; align-items: center; padding: 0.3rem 0.6rem; border-radius: 999px; background: rgba(255, 255, 255, 0.50); color: var(--text-main); font-size: 0.7rem; line-height: 1; cursor: pointer; border: 1px solid rgba(0,0,0,0.08); user-select: none; transition: background 0.2s, transform 0.1s; } .mapmax.stacks_in_17839 .chip:hover { background: var(--hover-bg); } .mapmax.stacks_in_17839 .chip.active { background: var(--accent); color: var(--text-secondary); border-color: transparent; } .mapmax.stacks_in_17839 .chip .chip-label { max-width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mapmax.stacks_in_17839 .chip .chip-field { opacity: 0.65; margin-right: 0.4rem; } .mapmax.stacks_in_17839 .mapmax-filter-reset { align-self: flex-start; padding: 0.35rem 0.6rem; font-size: 0.7rem; border-radius: 6px; background: #ddd; color: #222; } .mapmax.stacks_in_17839 .mapmax-filter-reset:hover { background: #ccc; } .mapmax.stacks_in_17839 .mapmax-filter-reset.hidden { display: none; } .mapmax.stacks_in_17839 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_17839 .chip-group { margin-bottom: .5rem; } .mapmax.stacks_in_17839 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .8; margin-bottom: .25rem; } .mapmax.stacks_in_17839 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17839 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17839 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_17839 .chip-group { margin-bottom: .5rem; border-radius: 6px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .mapmax.stacks_in_17839 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_17839 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17839 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17839 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } .mapmax.stacks_in_17839 .mapmax-filterbar { margin-bottom: .75rem; } .mapmax.stacks_in_17839 .mapmax-filter-chips { margin-bottom: .5rem; } .mapmax.stacks_in_17839 .chip-group-title { font-size: .8rem; font-weight: 600; opacity: .85; margin-bottom: .25rem; } .mapmax.stacks_in_17839 .chip-row { display: flex; flex-wrap: wrap; gap: .35rem .35rem; } .mapmax.stacks_in_17839 .chip { appearance: none; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: .25rem .6rem; font-size: .75rem; background: #fff; cursor: pointer; } .mapmax.stacks_in_17839 .chip.active { background: var(--accent); color: #fff; border-color: var(--accent); } /* Stelle sicher, dass Gruppen als Block laufen */ .mapmax.stacks_in_17839 .mapmax-filterbar-inner > .mapmax-filter-chips { display: block; } /* Divider nur zwischen Gruppen (nach der ersten) */ .mapmax.stacks_in_17839 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 rgba(128,128,128,0.08); padding-top: 12px; margin-top: 0px; } /* Optional: etwas smartere Farbe, wenn unterstützt */ @supports (color: color-mix(in oklab, white 50%, black)) { .mapmax.stacks_in_17839 .mapmax-filterbar-inner > .mapmax-filter-chips + .mapmax-filter-chips { box-shadow: inset 0 1px 0 color-mix(in oklab, var(--sidebar-bg) 85%, #000 15%); } } .mapmax.stacks_in_17839 .mapmax-filter-reset { position: relative; width: 1.5rem; height: 1.5rem; border: none; border-radius: 50%; background: #ddd; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; } .mapmax.stacks_in_17839 .mapmax-filter-reset::before, .mapmax.stacks_in_17839 .mapmax-filter-reset::after { content: ""; position: absolute; width: 50%; height: 2px; background: #333; border-radius: 2px; } .mapmax.stacks_in_17839 .mapmax-filter-reset::before { transform: rotate(45deg); } .mapmax.stacks_in_17839 .mapmax-filter-reset::after { transform: rotate(-45deg); } .mapmax.stacks_in_17839 .mapmax-filter-reset:hover { background: #ccc; } /* auf die Map-Box, nicht das */ .mapmax.stacks_in_17839 > .mapmax-map { /* verhindert Scroll an die Seite durchzureichen */ overscroll-behavior: contain; /* Touch-Gesten klar signalisieren (Android/Chrome) */ touch-action: pan-x pan-y; /* Repaint-Flattern reduzieren */ backface-visibility: hidden; transform: translateZ(0); will-change: transform; } /* Sidebar smooth scollen, aber kein Scroll-Chaining */ .mapmax.stacks_in_17839 > .mapmax-sidebar { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .mapmax.stacks_in_17839 .leaflet-gesture-handling-warning { transform: translateZ(0); will-change: transform, opacity; } .mapmax.stacks_in_17839 .leaflet-container:after { content: none !important; display: none !important; opacity: 0 !important; animation: none !important; background: transparent !important; } .mapmax.stacks_in_17839 .leaflet-gesture-handling-touch-warning:after, .mapmax.stacks_in_17839 .leaflet-gesture-handling-scroll-warning:after { content: none !important; display: none !important; opacity: 0 !important; animation: none !important; } /* === Sidebar-Icons: immer mittig, egal ob Text oder SVG === */ /* Button = echte Center-Box mit fixer Hit-Area, kein Padding-Drift */ .mapmax.stacks_in_17839 .mapmax-toggle, .mapmax.stacks_in_17839 .mapmax-sidebar-close { align-items: center; justify-content: center; box-sizing: border-box; width: var(--sidebar-hit-w, 2rem); height: var(--sidebar-hit-h, 2rem); padding: 0; /* KEIN Padding, sonst verzieht es die Mitte */ margin: 0; /* Textfarbe steuert SVG via currentColor */ color: var(--text-secondary); /* Text-Glyph (☰/×) Basis */ font-size: var(--sidebar-icon-font, 1.1rem); line-height: 0; } /* Wenn ein Custom-SVG drin ist, verhindere doppelten Text-Einfluss */ .mapmax.stacks_in_17839 .mapmax-toggle.has-custom-icon, .mapmax.stacks_in_17839 .mapmax-sidebar-close.has-custom-icon { font-size: 0; line-height: 0; } /* SVG selbst: mittig, Größe aus Variablen */ .mapmax.stacks_in_17839 .mapmax-toggle.has-custom-icon svg, .mapmax.stacks_in_17839 .mapmax-sidebar-close.has-custom-icon svg { display: block; margin: 0 auto; width: var(--sidebar-icon-w, 22px); height: var(--sidebar-icon-h, 22px); fill: currentColor; stroke: currentColor; } /* Eingebrannte Farben in Pfaden plattbügeln (außer 'none') */ .mapmax.stacks_in_17839 .mapmax-toggle.has-custom-icon svg [fill]:not([fill="none"]), .mapmax.stacks_in_17839 .mapmax-sidebar-close.has-custom-icon svg [fill]:not([fill="none"]) { fill: currentColor !important; } .mapmax.stacks_in_17839 .mapmax-toggle.has-custom-icon svg [stroke]:not([stroke="none"]), .mapmax.stacks_in_17839 .mapmax-sidebar-close.has-custom-icon svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* Optional: wenn das Text-× optisch zu tief wirkt, leicht anheben */ .mapmax.stacks_in_17839 .mapmax-sidebar-close:not(.has-custom-icon) { /* Feintuning: passe 0.03em bei Bedarf an */ transform: translateY(-0.03em); } /* Filterbar komplett verstecken, wenn JS .hidden setzt */ .mapmax.stacks_in_17839 .mapmax-filterbar.hidden { display: none !important; } /* Reset-Knopf verlässlich verstecken, wenn JS .hidden setzt */ .mapmax.stacks_in_17839 .mapmax-filter-reset.hidden { display: none !important; } .mapmax-collapsed-label { background: #d9e5ff; padding: 6px 10px; border-radius: 6px; display: inline-flex; align-items: center; font-size: 14px; color: #666; font-weight: 500; margin: 4px 0; } .mapmax-collapsed-label .mapmax-icon-expand { width: 16px; height: 16px; margin-right: 6px; display: inline-block; vertical-align: middle; } .mapmax-editor-item.item code { background: #fcedbe; padding: 0.2rem 0.5rem; border-radius: 0.2rem; font-size: 1em; font-weight: 500; }@charset "UTF-8"; .chart-bg{background-image:url('../brands_files/bgimage-16897.png') ;background-repeat:no-repeat ;background-position:center top ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.chart-bg{background-attachment:scroll!important}} .timeline{background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: contain ; }@media (hover:none) and (pointer:coarse){.timeline{background-attachment:scroll!important}} .fit-text.stacks_in_16796{--fittext-min:2.000000rem;--fittext-max:11.250000rem;--fittext-slope:0.139623;--fittext-max-target:13.962300vw;--fittext-y-intercept:6.867859;--fittext-min-target:0.429241rem;font-size:clamp(var(--fittext-min),calc(var(--fittext-min-target) + var(--fittext-max-target)),var(--fittext-max)) ;line-height:1} .fit-text.stacks_in_16799{--fittext-min:2.000000rem;--fittext-max:11.250000rem;--fittext-slope:0.139623;--fittext-max-target:13.962300vw;--fittext-y-intercept:6.867859;--fittext-min-target:0.429241rem;font-size:clamp(var(--fittext-min),calc(var(--fittext-min-target) + var(--fittext-max-target)),var(--fittext-max)) ;line-height:1} .stacks_in_16823 img{width:100%;max-width:180px} .stacks_in_16811 img{width:100%;max-width:180px} @charset "UTF-8"; .agent-hide{display:none !important} .target.stacks_in_18012{ margin:0px;}.target.stacks_in_18012{}.target.stacks_in_18012.width-fill{width:calc(100% - 0px)}.target.stacks_in_18012.width-flexible{width:100%}.target.stacks_in_18012.width-fixed{width:250px}.target.stacks_in_18012.height-fill{height:calc(100% - 0px)}.target.stacks_in_18012.height-flexible{height:100%}.target.stacks_in_18012.height-fixed{height:250px}.target.stacks_in_18012[class*="relative-"].top-pt{top:0%}.target.stacks_in_18012[class*="relative-"].top-px{top:0px}.target.stacks_in_18012[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_18012[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_18012[class*="relative-"].right-pt{right:0%}.target.stacks_in_18012[class*="relative-"].right-px{right:0px}.target.stacks_in_18012[class*="relative-"].left-pt{left:0%}.target.stacks_in_18012[class*="relative-"].left-px{left:0px}.target.stacks_in_18012.shift-up{margin-top:-0px}.target.stacks_in_18012.shift-down{margin-bottom:-0px}.target.stacks_in_18012.shift-left{right:0px}.target.stacks_in_18012.shift-right{left:0px}.target.stacks_in_18012.pin-top,.target.stacks_in_18012.pin-bottom{left:0px}.target.stacks_in_18012.pin-left,.target.stacks_in_18012.pin-right{top:0px} .stacks_in_18072{line-height:0}.stacks_in_18072 svg{display:inline-block;max-width:1300px;height:auto;}.stacks_in_18072.full-width svg{width:100%;height:auto} .stacks_in_18028 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_17969 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} @charset "UTF-8"; .footer{will-change:transform} .footer-img{will-change:transform} .footer .main-menu .menu-text{--menu-text-color:var(--my-almost-white) ;} .footer .main-menu a{--menu-bg-color:var(--my-transparent) ;} .footer .main-menu a{--menu-link-color:var(--my-almost-white) ;} .footer .main-menu a:hover{--menu-bg-color:var(--my-transparent) ;} .footer .main-menu a:hover{--menu-link-color-hover:var(--my-primary) ;} .footer .main-menu .active a{--menu-bg-color:var(--my-transparent) !important;} .footer .main-menu .active a{--menu-link-color:var(--my-primary) !important;} .footer .main-menu.social a{--menu-bg-color:var(--my-primary-light) ;} .footer .main-menu.social a{--menu-link-color:var(--my-primary) ;} .footer .main-menu.social a:hover{--menu-bg-color:var(--my-primary) ;} .footer .main-menu.social a:hover{--menu-link-color-hover:var(--my-white) ;} .alt .footer .main-menu .menu-text{--menu-text-color:var(--my-white) ;} .alt .footer .main-menu a{--menu-bg-color:var(--my-transparent) ;} .alt .footer .main-menu a{--menu-link-color:var(--my-light-gray) ;} .alt .footer .main-menu a:hover{--menu-bg-color:var(--my-transparent) ;} .alt .footer .main-menu a:hover{--menu-link-color-hover:var(--my-white) ;} .alt .footer .main-menu .active a{--menu-bg-color:var(--my-transparent) !important;} .alt .footer .main-menu .active a{--menu-link-color:var(--my-white) !important;} .alt .footer .main-menu.social a{--menu-bg-color:var(--my-primary-dark) ;} .alt .footer .main-menu.social a{--menu-link-color:var(--my-primary-light) ;} .alt .footer .main-menu.social a:hover{--menu-bg-color:var(--my-white) ;} .alt .footer .main-menu.social a:hover{--menu-link-color-hover:var(--my-primary) ;} .footer .btn-contact{background-color:var(--my-primary-light) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer .btn-contact{background-attachment:scroll!important}} .footer .btn-contact{position:relative;z-index:0}.footer .btn-contact:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:var(--my-primary) ;} .footer .btn-icon{background-color:var(--my-primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer .btn-icon{background-attachment:scroll!important}} .footer .btn-contact{position:relative;z-index:0}.footer .btn-contact:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.20 ;background-color:var(--my-primary) ;} .alt .footer .btn-contact{background-color:var(--my-primary-dark) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.alt .footer .btn-contact{background-attachment:scroll!important}} .alt .footer .btn-contact{position:relative;z-index:0}.alt .footer .btn-contact:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.15 ;background-color:var(--my-black) ;} .alt .footer .btn-icon{background-color:var(--my-primary-light) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.alt .footer .btn-icon{background-attachment:scroll!important}} .alt .footer .btn-contact .btn-main{color:var(--my-white) ;} .alt .footer .btn-contact .btn-icon p{color:var(--my-primary) ;} .alt .footer .btn-contact{position:relative;z-index:0}.alt .footer .btn-contact:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.15 ;background-color:var(--my-black) ;} .alt .footer .btn-contact{background-color:var(--my-primary-dark) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.alt .footer .btn-contact{background-attachment:scroll!important}} .alt .footer .btn-contact{position:relative;z-index:0}.alt .footer .btn-contact:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.15 ;background-color:var(--my-black) ;} .alt .footer .btn-icon{background-color:var(--my-primary-light) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.alt .footer .btn-icon{background-attachment:scroll!important}} .alt .footer .btn-contact .btn-main{color:var(--my-white) ;} .alt .footer .btn-contact .btn-icon p{color:var(--my-primary) ;} .alt .footer .btn-contact{position:relative;z-index:0}.alt .footer .btn-contact:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.15 ;background-color:var(--my-black) ;} .stacks_in_18076_143 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}