.raincheck{position:relative;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9Imxkcy1yb2xsaW5nIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0icmdiYSgyMTQsMjE0LDIxNCwwLjUpIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==");background-repeat:no-repeat;background-size:100px 100px;background-position:center center;transition:background-image 300ms ease-out}.raincheck .raincheck-inner{opacity:0;transition:opacity 300ms ease-out}.raincheck.loaded{background-image:none}.raincheck.loaded .raincheck-inner{opacity:1} .mb-cloned .stacks_left{float:left;width:49%}.mb-cloned .stacks_right{float:right;width:49%}.movingbox{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--caption-bg-color:rgba(0,0,0,0.5);--caption-color:#fff;--caption-size:1rem}.movingbox .caption{position:relative;margin:0;padding:0}.movingbox .caption .slide-caption{position:absolute;z-index:10;background-color:var(--caption-bg-color);color:var(--caption-color);font-size:var(--caption-size);padding:1rem;margin:0;transition:opacity 500ms ease 0s}.movingbox .caption.caption-static .slide-caption{position:relative}.movingbox .caption.caption-bottom .slide-caption{bottom:0;left:0;right:0}.movingbox .caption.caption-full .slide-caption{top:50%;left:0;right:0;text-align:center;translate:0 -50%;background:none}.movingbox .caption.caption-full::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--caption-bg-color)}.movingbox .caption.caption-centered .slide-caption{top:50%;left:50%;text-align:center;translate:-50% -50%}.movingbox .caption.caption-hover .slide-caption{opacity:0}.mb-slide:not(.mb-active) .slide-caption{opacity:0}.mb-slide.mb-active:hover .caption.caption-hover .slide-caption{opacity:1}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand;cursor:grabbing}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.mb-center{z-index:11;position:relative}.mb-slide{float:left;min-height:1px;display:none}.mb-slide .slick-loading img,.mb-slide .slick-loading video{display:none}.mb-slide .dragging img{pointer-events:none;-webkit-user-select:none;user-select:none}.mb-slide > div{overflow:hidden}.mb-slide:not(.mb-active) a{pointer-events:none}.centermode .mb-slide:not(.mb-current) a{pointer-events:none}.slick-initialized .mb-slide{display:block}.slick-loading .mb-slide{visibility:hidden}.slick-vertical .mb-slide{display:block;height:auto}.movingbox{position:relative}.movingbox.stretch-media .mb-slide img,.movingbox.stretch-media .mb-slide video{height:auto;width:100%;max-width:100%;display:block}.movingbox > .mb-slide{opacity:0}.movingbox > .mb-slide:first-child{opacity:1}.movingbox .image-slide img,.movingbox .video-slide video{display:block}.movingbox[dir=rtl]{text-align:end}.movingbox .mb-tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.movingbox .mb-tap-target.next{right:0}.movingbox .mb-tap-target.hide{display:none}.movingbox.slide-vert .mb-tap-target{height:50%;width:100%}.movingbox.slide-vert .mb-tap-target.next{bottom:0;right:auto;top:auto}.mb-animate.hide-on-load{opacity:0} .lines{border:0;height:0;width:100%;margin:0;padding:0;opacity:1}.lines-wrapper{position:relative}.lines-wrapper.vertical{height:100%} @charset "UTF-8"; #stacks_in_P20E5A8D_2 { } #stacks_in_30 { } @charset "UTF-8"; .address-box{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.address-box{background-attachment:scroll!important}} .address-box{border-radius:10px ;} @media screen and (min-width: 40em){.address-box{padding-top:0.25rem ;padding-right:0.5rem ;padding-bottom:0.25rem ;padding-left:0.5rem ;}} @media screen and (min-width: 40em){.address-box{margin-top:0.5rem !important;margin-right:1rem !important;margin-bottom:0.5rem !important;margin-left:1rem !important;}} .address-text{--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(0, 10, 107, 1.00);--link-color:rgba(18, 140, 186, 1.00);--link-color-hover:rgba(13, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .address-text, .fontpro-stacks_in_992{ font-size:1.00rem !important; color:rgba(0, 10, 107, 1.00) !important;text-decoration-color:rgba(0, 10, 107, 1.00) !important;} @media only screen and (min-width:25.875000em){ .address-text, .fontpro-stacks_in_992{font-size:1.00rem !important}} @media only screen and (min-width:48.000000em){ .address-text, .fontpro-stacks_in_992{font-size:1.00rem !important}} @media only screen and (min-width:62.500000em){ .address-text, .fontpro-stacks_in_992{font-size:1.00rem !important}} .banner-cont{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.banner-cont{background-attachment:scroll!important}} .dir-btn{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 10, 107, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 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(254, 254, 254, 1.00);/* --primary-light:rgba(210, 220, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 0, 77, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--overlay-color:rgba(0, 0, 0, 0.50)} .dir-btn{padding:0.5rem ;} .phone-mobile, .fontpro-stacks_in_996{ font-size:1.00rem !important; } @media only screen and (min-width:25.875000em){ .phone-mobile, .fontpro-stacks_in_996{font-size:1.00rem !important}} @media only screen and (min-width:48.000000em){ .phone-mobile, .fontpro-stacks_in_996{font-size:1.00rem !important}} @media only screen and (min-width:62.500000em){ .phone-mobile, .fontpro-stacks_in_996{font-size:2.00rem !important}} .phone-mobile{margin:0 !important;} .burger, .fontpro-stacks_in_998{ font-size:1.50rem !important; } @media only screen and (min-width:25.875000em){ .burger, .fontpro-stacks_in_998{font-size:2.00rem !important}} @media only screen and (min-width:48.000000em){ .burger, .fontpro-stacks_in_998{font-size:2.00rem !important}} @media only screen and (min-width:62.500000em){ .burger, .fontpro-stacks_in_998{font-size:2.00rem !important}} .banner-cont{position:fixed !important;z-index:99 !important;top:0px !important;bottom:unset !important;left:0px !important;right:0px !important;} .banner-cont{padding-top:0.25rem ;padding-bottom:0.25rem ;} .stacks_in_611 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_617{max-width:300px;} @charset "UTF-8"; @media screen and (min-width: 40em){ .nav-menu>.menu a, .menu.nav-menu a{--menu-link-color:rgba(106, 27, 41, 1.00);--menu-link-color-hover:rgba(178, 178, 178, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(106, 27, 41, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .nav-menu>.menu .menu-text, .menu.nav-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .nav-menu>.menu>li>a, .menu.nav-menu>li>a{padding-top:0;padding-bottom:0} .nav-menu>.menu .submenu>li>a, .menu.nav-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .nav-menu>.menu li.active>a, .nav-menu>.menu li.is-active>a, .nav-menu>.menu a.is-active, .menu.nav-menu li.active>a, .menu.nav-menu li.is-active>a, .menu.nav-menu a.is-active{--menu-bg-color:rgba(178, 178, 178, 0.00);--menu-link-color:rgba(178, 178, 178, 1.00);--menu-caret-color:rgba(178, 178, 178, 1.00);--menu-link-color-hover:rgba(178, 178, 178, 1.00)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(254, 254, 254, 0.80)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-caret-color:rgba(254, 254, 254, 1.00)} .nav-menu>.menu .submenu, .menu.nav-menu .submenu{--submenu-bg-color:rgba(106, 27, 41, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 0.80)} .nav-menu>.menu .submenu .menu-text, .menu.nav-menu .submenu .menu-text{--menu-text-color:rgba(254, 254, 254, 1.00)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(254, 254, 254, 0.80);--menu-bg-color:rgba(106, 27, 41, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}} @media screen and (max-width: 39.9375em){ .nav-menu>.menu a, .menu.nav-menu a{--menu-link-color:rgba(106, 27, 41, 1.00);--menu-link-color-hover:rgba(178, 178, 178, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(106, 27, 41, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .nav-menu>.menu .menu-text, .menu.nav-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .nav-menu>.menu>li>a, .menu.nav-menu>li>a{padding-top:0;padding-bottom:0} .nav-menu>.menu .submenu>li>a, .menu.nav-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .nav-menu>.menu li.active>a, .nav-menu>.menu li.is-active>a, .nav-menu>.menu a.is-active, .menu.nav-menu li.active>a, .menu.nav-menu li.is-active>a, .menu.nav-menu a.is-active{--menu-bg-color:rgba(178, 178, 178, 0.00);--menu-link-color:rgba(106, 27, 41, 0.80);--menu-caret-color:rgba(178, 178, 178, 1.00);--menu-link-color-hover:rgba(106, 27, 41, 0.80)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-caret-color:rgba(106, 27, 41, 1.00)} .nav-menu>.menu .submenu, .menu.nav-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .nav-menu>.menu .submenu .menu-text, .menu.nav-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .nav-menu>.menu .submenu li.active>a, .nav-menu>.menu .submenu li.is-active>a, .nav-menu>.menu .submenu a.is-active, .menu.nav-menu .submenu li.active>a, .menu.nav-menu .submenu li.is-active>a, .menu.nav-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(106, 27, 41, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}} .nav-bg{background-color:var(--primary) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.nav-bg{background-attachment:scroll!important}} @charset "UTF-8"; .small-nav-size-cont{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.small-nav-size-cont{background-attachment:scroll!important}} @media screen and (max-width: 39.9375em){.small-nav-size-cont{margin-bottom:0.25rem ;}} .off-canvas, .off-canvas-absolute{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.off-canvas, .off-canvas-absolute{background-attachment:scroll!important}} .hamburger-btn{color:var(--primary) !important;} .close-btn{color:var(--primary) !important;} @media screen and (max-width: 39.9375em){.menu>li>a{padding-top:1.25rem !important;padding-bottom:1.25rem !important;}} .small-nav-size-cont{position:fixed ;z-index:1 ;top:0px ;bottom:unset ;left:0px ;right:0px ;} .stacks_in_628 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_632{max-width:500px;} .stacks_in_637{--offcanvas-size-small:300px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;} @charset "UTF-8"; #stacks_in_652 { } #stacks_in_664 { } #stacks_in_669 { } #stacks_in_677 { } #stacks_in_682 { } #stacks_in_690 { } #stacks_in_695 { } #stacks_in_703 { } #stacks_in_708 { } #stacks_in_716 { } #stacks_in_721 { } #stacks_in_729 { } #stacks_in_734 { } #stacks_in_742 { } #stacks_in_747 { } #stacks_in_755 { } #stacks_in_760 { } #stacks_in_768 { } #stacks_in_773 { } #stacks_in_774 { } #stacks_in_782 { } #stacks_in_783 { } #stacks_in_785 { } #stacks_in_787 { } #stacks_in_789 { } #stacks_in_791 { } #stacks_in_793 { } #stacks_in_1053 { } #stacks_in_806 { } #stacks_in_1054 { } @charset "UTF-8"; @media screen and (min-width: 40em){.menu>li>a{padding-top:1rem !important;padding-bottom:1rem !important;}} @charset "UTF-8"; #stacks_in_829 { } #stacks_in_841 { } #stacks_in_846 { } #stacks_in_854 { } #stacks_in_859 { } #stacks_in_867 { } #stacks_in_872 { } #stacks_in_880 { } #stacks_in_885 { } #stacks_in_893 { } #stacks_in_898 { } #stacks_in_906 { } #stacks_in_911 { } #stacks_in_919 { } #stacks_in_924 { } #stacks_in_932 { } #stacks_in_937 { } #stacks_in_945 { } #stacks_in_950 { } #stacks_in_951 { } #stacks_in_959 { } #stacks_in_960 { } #stacks_in_962 { } #stacks_in_964 { } #stacks_in_966 { } #stacks_in_968 { } #stacks_in_970 { } #stacks_in_1107 { } #stacks_in_1108 { } #stacks_in_1109 { } #stacks_in_1110 { } @charset "UTF-8"; .sub-banner-col{height:50vh ;} .sub-banner-container{background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.sub-banner-container{background-attachment:scroll!important}} .sub-banner-container-default{background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.sub-banner-container-default{background-attachment:scroll!important}} .sub-banner-h1, .sub-banner-subtitle{color:rgba(255, 255, 255, 1.00) ;} .sub-banner-container{position:relative;z-index:0}.sub-banner-container:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.70 ;background-color:rgba(0, 0, 0, 1.00) ;} #stacks_in_PC4EAAB3_51 { } #stacks_in_PC4EAAB3_1 { } #stacks_in_PC4EAAB3_53 { } #stacks_in_PC4EAAB3_2 { } #stacks_in_PC4EAAB3_57 { } #stacks_in_PC4EAAB3_3 { } #stacks_in_PC4EAAB3_59 { } #stacks_in_PC4EAAB3_4 { } #stacks_in_PC4EAAB3_20 { } @charset "UTF-8"; .about-left-col, .about-right-col{padding-top:6rem ;padding-bottom:6rem ;} .stacks_in_45 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_52 { } #stacks_in_53 { } #stacks_in_55 { } #stacks_in_56 { } #stacks_in_59 { } #stacks_in_60 { } /* Notch by Stacks Basecamp */ #stacks_in_71 { --n-bw: 2px; --n-bw-t: var(--n-bw); --n-bw-r: var(--n-bw); --n-bw-b: var(--n-bw); --n-bw-l: var(--n-bw); --n-bc: rgba(255, 255, 255, 1.00); --n-bs: solid; --n-radius: 8px; --n-radius-tl: 8px; --n-radius-tr: 8px; --n-radius-bl: 8px; --n-radius-br: 8px; --n-pad-t: 24px; --n-pad-r: 24px; --n-pad-b: 24px; --n-pad-l: 24px; --n-bp: 767; --n-grad-angle: 135deg; --n-grad-start: rgba(14, 122, 255, 1.00); --n-grad-end: rgba(191, 90, 242, 1.00); position: relative; box-sizing: border-box; width: calc(100% - var(--n-outer-l, 0px) - var(--n-outer-r, 0px)); margin-top: var(--n-outer-t, 0px); margin-right: var(--n-outer-r, 0px); margin-bottom: var(--n-outer-b, 0px); margin-left: var(--n-outer-l, 0px); border-style: solid; border-color: transparent; border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l); border-radius: var(--n-radius); } /* ===== Manual color overrides (typed values / CMS macros) ===== */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* ===== Shadow ===== */ /* */ /* ===== Border frame ===== Sibling element that draws the visible border. Notch Item children set clip-path on this element to create notches for each label/image. */ #stacks_in_71 .n-border-frame { position: absolute; top: calc(-1 * var(--n-bw-t)); right: calc(-1 * var(--n-bw-r)); bottom: calc(-1 * var(--n-bw-b)); left: calc(-1 * var(--n-bw-l)); box-sizing: border-box; border-style: var(--n-bs); border-color: var(--n-bc); border-width: var(--n-bw-t) var(--n-bw-r) var(--n-bw-b) var(--n-bw-l); /* The frame sits border-width outside the stack's box, so its outer corners need radius + border-width to stay concentric with the box's radius. Without this the outer corner pinches square — invisible on a solid border (one color) but glaring with a gradient, whose color extremes land exactly on the corners. sign(radius) zeroes the added border-width when radius is exactly 0, so a 0 radius still gives a sharp outer corner instead of one rounded off by the border width. */ border-top-left-radius: calc(var(--n-radius-tl) + sign(var(--n-radius-tl)) * max(var(--n-bw-t), var(--n-bw-l))); border-top-right-radius: calc(var(--n-radius-tr) + sign(var(--n-radius-tr)) * max(var(--n-bw-t), var(--n-bw-r))); border-bottom-left-radius: calc(var(--n-radius-bl) + sign(var(--n-radius-bl)) * max(var(--n-bw-b), var(--n-bw-l))); border-bottom-right-radius: calc(var(--n-radius-br) + sign(var(--n-radius-br)) * max(var(--n-bw-b), var(--n-bw-r))); pointer-events: none; z-index: 3; } /* ===== Gradient border ===== Uses a background gradient + mask to fill only the border ring, leaving the interior transparent. Compatible with border-radius and clip-path. The gradient is corner-anchored: each edge runs a full Color 1 ↔ Color 2 ramp, and the two edges arriving at any corner meet on the same color, so the blend flows continuously around the ring with no crease. A conic-gradient's color stops are pinned to the box's actual corner angles — which depend on its aspect ratio — so notchEach.js measures the frame and writes --n-ca (the angle from vertical to the top-right corner). Opposite corners share a color: TL/BR get one color, TR/BL the other; the Angle setting swaps which pair gets Color 1 in 90° steps (JS toggles .n-grad-swap). The from-angle conic on the first background line is a fallback for engines without color-mix() and for edit mode, where stack JS does not run. */ /* */ /* ===== Per-side border width (advanced mode) ===== */ /* */ /* ===== Mobile border override ===== Same layering as Mobile Padding: detail branches write --n-bw-m-* unconditionally; the enable checkbox alone gates the media query. */ /* */ #stacks_in_71 { --n-bw-m-t: 2px; --n-bw-m-r: 2px; --n-bw-m-b: 2px; --n-bw-m-l: 2px; } /* */ /* */ /* */ /* ===== Per-side padding (advanced mode) ===== */ /* */ #stacks_in_71 { --n-pad-t: 24px; --n-pad-r: 24px; --n-pad-b: 24px; --n-pad-l: 24px; } /* */ /* ===== Mobile padding override ===== The detail branches write --n-pad-m-* unconditionally; the enable checkbox alone gates the media query that applies them. This layering avoids needing two conditions on one template conditional. */ /* */ #stacks_in_71 { --n-pad-m-t: 16px; --n-pad-m-r: 16px; --n-pad-m-b: 16px; --n-pad-m-l: 16px; } /* */ /* */ /* */ /* ===== Non-advanced: sync per-corner vars to the simple radius slider ===== */ /* */ #stacks_in_71 { --n-radius-tl: var(--n-radius); --n-radius-tr: var(--n-radius); --n-radius-bl: var(--n-radius); --n-radius-br: var(--n-radius); } /* */ /* ===== Per-corner radius (advanced mode) ===== Only the frame element itself: .n-border-frame always derives its radii from the per-corner vars + border width (see its base rule), so re-applying plain radii here would break its concentric corners. */ /* */ /* ===== Background ===== Images render inside the .n-bg layer so blur only affects the image; .n-bg clips it to the frame's rounded corners. Color/gradient stay on the frame element itself. Paint order (bottom → top): frame bg, .n-bg, .n-overlay, portaled Cover, .n-content, .n-border-frame (z3), labels (z10). */ #stacks_in_71 .n-bg { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; } /* Image - local file */ /* */ /* Image - warehouse / external URL */ /* */ /* Color */ /* */ /* Gradient */ /* */ /* None */ /* */ #stacks_in_71 { background: none; } /* */ /* ===== Overlay ===== A tint layer painted above the background layers but below the content and the border frame (tree order handles stacking). */ #stacks_in_71 .n-overlay { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; display: none; } /* */ /* */ /* ===== Content area ===== --n-ovlp-* is set per card by Notch Item JS when a label protrudes inward. --n-ovlp-*-eq is set by Notch Section JS to equalise padding across sibling cards so all cards' content starts at the same Y even if only one has a label. max() across both sources ensures user padding is never reduced below its set value. */ #stacks_in_71 .n-content { position: relative; box-sizing: border-box; min-height: 40px; padding-top: max(var(--n-pad-t), calc(max(var(--n-ovlp-t, 0px), var(--n-ovlp-t-eq, 0px)) + 4px)); padding-right: max(var(--n-pad-r), calc(max(var(--n-ovlp-r, 0px), var(--n-ovlp-r-eq, 0px)) + 4px)); padding-bottom: max(var(--n-pad-b), calc(max(var(--n-ovlp-b, 0px), var(--n-ovlp-b-eq, 0px)) + 4px)); padding-left: max(var(--n-pad-l), calc(max(var(--n-ovlp-l, 0px), var(--n-ovlp-l-eq, 0px)) + 4px)); } /* Notch Section by Stacks Basecamp */ /* flow-root establishes a new block formatting context so a child grid's negative vertical margins (e.g. Foundation's grid-margin-y) never collapse through this element's own edges. Margin collapse-through only happens when nothing, including slack space, separates the child's margin from the parent's edge. A section stretched taller than its content by the min-height equalization below has that slack and is unaffected; the one card whose min-height matches its own natural content exactly does not, so its bottom margin silently ate space and pulled the next sibling (e.g. a button after this section) upward, throwing off row alignment. */ #stacks_in_73 { box-sizing: border-box; display: flow-root; } #stacks_in_78 { } #stacks_in_79 { } #stacks_in_81 { } #stacks_in_82 { } #stacks_in_84 { } /* Notch Item by Stacks Basecamp */ #stacks_in_86 { --i-lbl-size: 16px; --i-lbl-color: rgba(255, 255, 255, 1.00); --i-img-w: 80px; --i-lbl-align: left; --i-orn-before-size: 10px; --i-orn-before-color: rgba(102, 102, 102, 1.00); --i-orn-before-gap: 8px; --i-orn-before-img-w: 20px; --i-orn-after-size: 10px; --i-orn-after-color: rgba(102, 102, 102, 1.00); --i-orn-after-gap: 8px; --i-orn-after-img-w: 20px; --bg-pad-t: 6px; --bg-pad-r: 6px; --bg-pad-b: 6px; --bg-pad-l: 6px; --bg-bw: 1px; --bg-bw-t: var(--bg-bw); --bg-bw-r: var(--bg-bw); --bg-bw-b: var(--bg-bw); --bg-bw-l: var(--bg-bw); --bg-bc: rgba(255, 255, 255, 1.00); --bg-bs: solid; --bg-radius: 5px; display: none; } /* ===== Manual color overrides (typed values / CMS macros) ===== */ /* */ /* */ /* */ /* */ /* */ /* Portaled state: direct child of a Notch frame. */ .n-frame > #stacks_in_86 { display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: visible; pointer-events: none; z-index: 10; } /* ===== Label wrap: positioned container (always a div, targeted by JS) ===== */ #stacks_in_86 .n-label-wrap { position: absolute; display: inline-flex; align-items: center; white-space: nowrap; font-size: var(--i-lbl-size); color: var(--i-lbl-color); line-height: 1.2; pointer-events: auto; } /* ===== Link inner: optional or
wrapping ornaments + label ===== */ #stacks_in_86 a.n-link-inner { text-decoration: none; cursor: pointer; } #stacks_in_86 .n-link-inner { display: inline-flex; align-items: center; color: inherit; } /* ===== Label outer: background box only ===== */ #stacks_in_86 .n-label-outer { display: inline-flex; align-items: center; box-sizing: border-box; padding: var(--bg-pad-t) var(--bg-pad-r) var(--bg-pad-b) var(--bg-pad-l); border-style: var(--bg-bs); border-color: var(--bg-bc); border-width: var(--bg-bw-t) var(--bg-bw-r) var(--bg-bw-b) var(--bg-bw-l); border-radius: var(--bg-radius); } /* ===== Mobile label box padding ===== The breakpoint lives on the parent Notch frame (--n-bp), so it can't be used in a media query here; the item JS toggles the .n-m class instead. Detail branches write --bg-pad-m-* unconditionally; the enable checkbox alone gates applying them in mobile state. */ /* */ #stacks_in_86 { --bg-pad-m-t: 0px; --bg-pad-m-r: 0px; --bg-pad-m-b: 0px; --bg-pad-m-l: 0px; } /* */ /* */ /* */ /* ===== Mobile text align override ===== Same rationale as mobile label padding above: the breakpoint lives on the frame, so the item JS toggles .n-m instead of a media query here. */ /* */ /* ===== Per-side label border width (advanced mode) ===== */ /* */ /* Color background */ /* */ /* Image background - local file Rendered in a clipped ::before layer so blur only affects the image, never the border or label content. */ /* */ /* Image background - warehouse / external URL */ /* */ /* Gradient background */ /* */ /* */ /* */ /* ===== Overlay ===== A tint layer (::after) painted above the ::before image layer but below the label content, which is lifted with position:relative + z-index. */ /* */ /* */ /* */ /* */ /* ===== Label content ===== */ #stacks_in_86 .n-label-inner { display: inline-flex; align-items: center; } #stacks_in_86 .n-label-text { display: inline; margin: 0; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; text-align: var(--i-lbl-align, center); } #stacks_in_86 .n-label-img { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; } /* ===== Ornaments ===== */ #stacks_in_86 .n-orn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; } #stacks_in_86 .n-orn-before { font-size: var(--i-orn-before-size); color: var(--i-orn-before-color); margin-right: var(--i-orn-before-gap); } #stacks_in_86 .n-orn-after { font-size: var(--i-orn-after-size); color: var(--i-orn-after-color); margin-left: var(--i-orn-after-gap); } #stacks_in_86 .n-orn-char { font-size: inherit; color: inherit; } #stacks_in_86 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; } #stacks_in_86 .n-orn-after .n-orn-img { display: block; width: var(--i-orn-after-img-w); height: auto; border: none; } /* */ /* */ #stacks_in_93 { } #stacks_in_94 { } #stacks_in_99 { } #stacks_in_100 { } @charset "UTF-8"; .logo-divider-container{padding-top:3rem ;padding-bottom:3rem ;} .logo-divider-image{opacity:0.50 } .lines.stacks_in_P00D04F3_10{width:90%;margin:calc(200rem/16) auto calc(200rem/16) auto;border-bottom:1px solid rgba(34, 34, 34, 1.00);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_P00D04F3_10.vertical{border-left:1px solid rgba(34, 34, 34, 1.00);border-bottom:none;width:0;height:90%;margin:0 auto;margin-top:calc((90% - 100%)/-2)}.content-stacks_in_P00D04F3_10{width:auto;max-width:100%;margin:0;display:inline-block;position:absolute;text-align:center;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(0deg);padding:10px calc(20rem/16);color:rgba(34, 34, 34, 1.00);background:rgba(255, 255, 255, 1.00)}.content-stacks_in_P00D04F3_10 > *{color:rgba(34, 34, 34, 1.00);margin:0} .stacks_in_P00D04F3_12 img{width:100%;max-width:200px} #stacks_in_P00D04F3_14 { } #stacks_in_P00D04F3_15 { }