@charset "UTF-8";
:root{--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(247, 231, 198, 1.00);--secondary:rgba(162, 0, 11, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(230, 27, 0, 1.00);--alert:rgba(154, 0, 3, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(255, 255, 255, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(0, 0, 0, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(217, 201, 168, 1.00);--secondary-dark:rgba(132, 0, 0, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(200, 0, 0, 1.00);--alert-dark:rgba(124, 0, 0, 1.00);--header-color:rgba(49, 49, 49, 1.00);--subheader-color:rgba(49, 49, 49, 1.00);--small-color:rgba(49, 49, 49, 1.00);--text-color:rgba(49, 49, 49, 1.00);--link-color:rgba(162, 0, 11, 1.00);--link-color-hover:rgba(247, 231, 198, 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:5px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(162, 0, 11, 1.00);--subheader-color:rgba(162, 0, 11, 1.00);--small-color:rgba(162, 0, 11, 1.00);--text-color:rgba(162, 0, 11, 1.00);--link-color:rgba(49, 49, 49, 1.00);--link-color-hover:rgba(162, 0, 11, 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(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(20rem/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(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/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(50rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(32rem/16)}h4,.h4{font-size:calc(26rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-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(5rem/16)}body{}
/*!* 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: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}  
@font-face{font-style:normal;font-family:'Oxanium';font-display:swap;font-stretch:normal;font-weight:400;src:local('Oxanium'),url('https://oneeleven.surf/fonts/Oxanium-400.woff') format('woff')}@font-face{font-style:normal;font-family:'Oxanium';font-display:swap;font-stretch:normal;font-weight:700;src:local('Oxanium Bold'),url('https://oneeleven.surf/fonts/Oxanium-700.woff') format('woff')}            .oxanium1{font-family:"Oxanium",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }
@font-face{font-style:normal;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:400;src:local('Roboto'),url('https://oneeleven.surf/fonts/Roboto-400.woff') format('woff')}@font-face{font-style:italic;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:400;src:local('MyFont Italic'),url('https://oneeleven.surf/fonts/Roboto-400-italic.woff') format('woff')}@font-face{font-style:normal;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:700;src:local('Roboto Bold'),url('https://oneeleven.surf/fonts/Roboto-700.woff') format('woff')}@font-face{font-style:italic;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:700;src:local('MyFont Bold Italic'),url('https://oneeleven.surf/fonts/Roboto-700-italic.woff') format('woff')} p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,.roboto{font-family:"Roboto",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important}
@charset "UTF-8";
@charset "UTF-8";



.white-transparent-bg{background-color:rgba(255, 255, 255, 0.40) ;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){.white-transparent-bg{background-attachment:scroll!important}}
.section-container-white{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){.section-container-white{background-attachment:scroll!important}}


            .button{font-size:calc(20rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}

.button{background-color:var(--secondary) ;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){.button{background-attachment:scroll!important}}
.button:hover{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){.button{background-attachment:scroll!important}}
.button{color:var(--primary) ;}
.button:hover{color:var(--secondary) ;}

    h3,.h3,        .myclass{font-weight:800 ;}
            .header-h3{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}
.red-text{color:var(--secondary) !important;}
     h4,.h4,       .myclass{font-weight:800 ;}
            .section-container-white h3{font-family:"Roboto Slab",sans-serif !important}


.section-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){.section-bg{background-attachment:scroll!important}}
.section-bg{border-radius:10px ;}

@media screen and (min-width: 40em){.section-container{padding-top:4rem ;padding-bottom:2rem ;}}  
@media screen and (max-width: 39.9375em){.section-container{padding-top:2rem ;padding-bottom:2rem ;}}  
.section-container-white1{padding-top:4rem ;padding-bottom:4rem ;}  
.button{padding-top:0.5rem ;padding-right:3rem ;padding-bottom:0.5rem ;padding-left:3rem ;}  
img{border-radius:10px ;}
@charset "UTF-8";



.white-transparent-bg{background-color:rgba(255, 255, 255, 0.40) ;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){.white-transparent-bg{background-attachment:scroll!important}}
.section-container-white{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){.section-container-white{background-attachment:scroll!important}}


            .button{font-size:calc(20rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .button{font-size:calc(20rem/16) ;line-height:1.50 }}

.button{background-color:var(--secondary) ;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){.button{background-attachment:scroll!important}}
.button:hover{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){.button{background-attachment:scroll!important}}
.button{color:var(--primary) ;}
.button:hover{color:var(--secondary) ;}

    h3,.h3,        .myclass{font-weight:800 ;}
            .header-h3{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .header-h3{font-size:calc(16rem/16) ;line-height:1.50 }}
.red-text{color:var(--secondary) !important;}
     h4,.h4,       .myclass{font-weight:800 ;}
            .section-container-white h3{font-family:"Roboto Slab",sans-serif !important}


.section-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){.section-bg{background-attachment:scroll!important}}
.section-bg{border-radius:10px ;}

@media screen and (min-width: 40em){.section-container{padding-top:4rem ;padding-bottom:2rem ;}}  
@media screen and (max-width: 39.9375em){.section-container{padding-top:2rem ;padding-bottom:2rem ;}}  
.section-container-white1{padding-top:4rem ;padding-bottom:4rem ;}  
.button{padding-top:0.5rem ;padding-right:3rem ;padding-bottom:0.5rem ;padding-left:3rem ;}  
img{border-radius:10px ;}
@charset "UTF-8";
@charset "UTF-8";
 .nav-menu>.menu a, .menu.nav-menu a{--menu-link-color:rgba(249, 235, 208, 1.00);--menu-link-color-hover:rgba(179, 5, 9, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(179, 5, 9, 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:1rem;padding-bottom:1rem} .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(97, 103, 173, 0.00);--menu-link-color:rgba(179, 5, 9, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(179, 5, 9, 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)} .nav-menu>.menu .submenu a, .menu.nav-menu .submenu a{--menu-caret-color:rgba(179, 5, 9, 1.00)} .nav-menu>.menu .submenu, .menu.nav-menu .submenu{--submenu-bg-color:rgba(249, 235, 208, 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(179, 5, 9, 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(179, 5, 9, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
@charset "UTF-8";
.navigation-container-desktop{position:fixed    ;z-index:11 ;top:0% ;bottom:unset ;left:0% ;right:0% ;}
.desktop-nav-col{background-color:rgba(49, 49, 49, 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){.desktop-nav-col{background-attachment:scroll!important}}
.desktop-nav-col{border-radius:0px 0px 10px 10px ;}
            .nav-cta{font-size:calc(16rem/16) !important;}@media only screen and (min-width:40em) {            .nav-cta{font-size:calc(16rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) {            .nav-cta{font-size:calc(16rem/16) !important;line-height:1.50 !important}}
.stacks_in_2411_71 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}



@charset "UTF-8";
.hamburger-btn{color:var(--secondary) !important;}
.small-site-logo-cont1{background-color:rgba(255, 255, 255, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.small-site-logo-cont1{background-attachment:scroll!important}}
.off-canvas, .off-canvas-absolute{background-color:rgba(49, 49, 49, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.off-canvas, .off-canvas-absolute{background-attachment:scroll!important}}
.close-btn{color:var(--primary) !important;}
.small-site-logo-cont{position:fixed    !important;z-index:1 !important;top:0px !important;bottom:unset !important;left:0px !important;right:0px !important;}
.hamburger-btn1{position: absolute   ;z-index:1 ;top:10px ;bottom:unset ;left:unset ;right:0px ;}
@media screen and (max-width: 39.9375em){.small-nav-size-cont{margin-bottom:4rem ;}}  
.stacks_in_2411_94{--offcanvas-size-small:300px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;}
@charset "UTF-8";
@media screen and (min-width: 40em){.banner-contianer{padding-top:5rem ;}}  
@media screen and (max-width: 39.9375em){.banner-contianer{padding-top:3rem ;}}  
.banner-img{border-radius:10px ;}
@media screen and (min-width: 40em){.banner-headers1{position: absolute   ;z-index:1 ;top:unset ;bottom:15% ;left:0% ;right:0% ;}}
@media screen and (min-width: 40em){.banner-contianer h1,
.banner-contianer h3{color:rgba(49, 49, 49, 1.00) !important;}}
.banner-btn{margin-top:1.25rem ;}  


@charset "UTF-8";
@charset "UTF-8";
/* Notch by Stacks Basecamp */

#stacks_in_2665 {
  --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(102, 102, 102, 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: 90deg;
  --n-grad-start: rgba(10, 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_2665 .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_2665 {
  --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) ===== */
/*  */

/* ===== 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_2665 {
  --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_2665 {
  --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_2665 .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_2665 { 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_2665 .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_2665 .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 Item by Stacks Basecamp */

#stacks_in_2667 {
  --i-lbl-size:          24px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --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:            8px;
  --bg-pad-r:            8px;
  --bg-pad-b:            8px;
  --bg-pad-l:            8px;
  --bg-bw:               2px;
  --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(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           10px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_2667 {
  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_2667 .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 <a> or <div> wrapping ornaments + label ===== */
#stacks_in_2667 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_2667 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_2667 .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_2667 {
  --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_2667 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_2667 .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_2667 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_2667 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_2667 .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_2667 .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_2667 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_2667 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_2667 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
@charset "UTF-8";
.about-img{display:flex;align-items:center;aspect-ratio:1/1;}
.about-img{border-radius:10px ;}
.about-img{background-image:url('https://images.unsplash.com/photo-1618349131765-99f84a166364?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMzI0OXwwfDF8c2VhcmNofDV8fG1hcmluZSUyMHZldHxlbnwwfHx8fDE3Nzg1MzQyNjR8MA&ixlib=rb-4.1.0&q=80&w=1080') ;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){.about-img{background-attachment:scroll!important}}
/* Notch by Stacks Basecamp */

#stacks_in_2629 {
  --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(102, 102, 102, 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: 90deg;
  --n-grad-start: rgba(10, 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_2629 .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_2629 {
  --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) ===== */
/*  */

/* ===== 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_2629 {
  --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_2629 {
  --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_2629 .n-bg {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}

/* Image - local file */
/*  */

/* Image - warehouse / external URL */
/*  */

/* Color */
/*  */
#stacks_in_2629 { background: var(--n-bgc, rgba(245, 226, 186, 1.00)); }
/*  */

/* Gradient */
/*  */

/* None */
/*  */

/* ===== Overlay =====
   A tint layer painted above the background layers but below the content
   and the border frame (tree order handles stacking). */
#stacks_in_2629 .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_2629 .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));
}
.stacks_in_2637 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


/* Notch Item by Stacks Basecamp */

#stacks_in_2631 {
  --i-lbl-size:          24px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --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:            10px;
  --bg-pad-r:            10px;
  --bg-pad-b:            10px;
  --bg-pad-l:            10px;
  --bg-bw:               2px;
  --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(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           10px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_2631 {
  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_2631 .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 <a> or <div> wrapping ornaments + label ===== */
#stacks_in_2631 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_2631 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_2631 .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_2631 {
  --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 */
/*  */
#stacks_in_2631 .n-label-outer { background: var(--i-lbl-bg, rgba(255, 255, 255, 1.00)); }
/*  */

/* 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_2631 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_2631 .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_2631 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_2631 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_2631 .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_2631 .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_2631 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_2631 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_2631 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
@charset "UTF-8";
.bus-card{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){.bus-card{background-attachment:scroll!important}}
.event-card-learn{color:rgba(0, 0, 0, 1.00) !important;}
.bus-card{border-color:var(--secondary) ;border-width:0px 3px 0px 3px ;border-style:solid ;border-radius:10px ;}
.business-icon{border-color:var(--secondary) ;border-width:3px ;border-style:solid ;border-radius:50% ;}
.stacks_in_2502 img{width:100%;max-width:150px}
.stacks_in_2522 img{width:100%;max-width:150px}
.stacks_in_2542 img{width:100%;max-width:150px}
.stacks_in_2562 img{width:100%;max-width:150px}
@charset "UTF-8";
            .tc-text{font-weight:700 ;font-style:italic ;}
.stacks_in_2832 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

/* Notch by Stacks Basecamp */

#stacks_in_2843 {
  --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(102, 102, 102, 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(10, 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_2843 .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_2843 {
  --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) ===== */
/*  */

/* ===== 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_2843 {
  --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_2843 {
  --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_2843 .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_2843 { 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_2843 .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_2843 .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 Item by Stacks Basecamp */

#stacks_in_2845 {
  --i-lbl-size:          24px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --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:            0px;
  --bg-pad-r:            0px;
  --bg-pad-b:            0px;
  --bg-pad-l:            0px;
  --bg-bw:               0px;
  --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(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           0px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_2845 {
  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_2845 .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 <a> or <div> wrapping ornaments + label ===== */
#stacks_in_2845 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_2845 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_2845 .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_2845 {
  --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_2845 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_2845 .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_2845 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_2845 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_2845 .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_2845 .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_2845 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_2845 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_2845 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
/* Notch by Stacks Basecamp */

#stacks_in_2852 {
  --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(102, 102, 102, 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(10, 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_2852 .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_2852 {
  --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) ===== */
/*  */

/* ===== 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_2852 {
  --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_2852 {
  --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_2852 .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_2852 { 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_2852 .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_2852 .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 Item by Stacks Basecamp */

#stacks_in_2856 {
  --i-lbl-size:          24px;
  --i-lbl-color:         rgba(68, 68, 68, 1.00);
  --i-img-w:             80px;
  --i-lbl-align:         center;
  --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:            0px;
  --bg-pad-r:            0px;
  --bg-pad-b:            0px;
  --bg-pad-l:            0px;
  --bg-bw:               0px;
  --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(68, 68, 68, 1.00);
  --bg-bs:               solid;
  --bg-radius:           0px;

  display: none;
}

/* ===== Manual color overrides (typed values / CMS macros) ===== */
/*  */
/*  */
/*  */
/*  */
/*  */

/* Portaled state: direct child of a Notch frame. */
.n-frame > #stacks_in_2856 {
  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_2856 .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 <a> or <div> wrapping ornaments + label ===== */
#stacks_in_2856 a.n-link-inner { text-decoration: none; cursor: pointer; }
#stacks_in_2856 .n-link-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

/* ===== Label outer: background box only ===== */
#stacks_in_2856 .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_2856 {
  --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_2856 .n-label-inner { display: inline-flex; align-items: center; }
#stacks_in_2856 .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_2856 .n-label-img   { display: block; width: var(--i-img-w); height: auto; max-width: none; border: none; }

/* ===== Ornaments ===== */
#stacks_in_2856 .n-orn         { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
#stacks_in_2856 .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_2856 .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_2856 .n-orn-char    { font-size: inherit; color: inherit; }
#stacks_in_2856 .n-orn-before .n-orn-img { display: block; width: var(--i-orn-before-img-w); height: auto; border: none; }
#stacks_in_2856 .n-orn-after  .n-orn-img { display: block; width: var(--i-orn-after-img-w);  height: auto; border: none; }

/*  */
/*  */
@charset "UTF-8";
.event-card{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){.event-card{background-attachment:scroll!important}}
.event-date{pointer-events:none }
.event-date{background-color:rgba(232, 236, 243, 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){.event-date{background-attachment:scroll!important}}
.event-date{color:rgba(0, 0, 0, 1.00) ;}
.event-date{padding:0.5rem ;}  
.event-card-learn{color:rgba(0, 0, 0, 1.00) !important;}
.event-card-img{background-color:rgba(232, 236, 243, 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){.event-card-img{background-attachment:scroll!important}}
.event-card-img{border-radius:10px ;}
.event-card-img{display:flex;align-items:center;aspect-ratio:4/3;}
.event-card{border-color:var(--secondary) ;border-width:2px ;border-style:solid ;border-radius:10px ;}
.event-card-learn{padding:0.25rem ;}  
.stacks_in_2190 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_2197{line-height:0}.stacks_in_2197 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_2197.full-width svg{width:100%;height:auto}
.stacks_in_2223 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_2230{line-height:0}.stacks_in_2230 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_2230.full-width svg{width:100%;height:auto}
.stacks_in_2256 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_2263{line-height:0}.stacks_in_2263 svg{display:inline-block;max-width:30px;height:auto;}.stacks_in_2263.full-width svg{width:100%;height:auto}
@charset "UTF-8";
.stacks_in_1345 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}



@charset "UTF-8";
@charset "UTF-8";
.footer-container{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){.footer-container{background-attachment:scroll!important}}
.footer-container{padding-top:5rem ;padding-bottom:2.5rem ;}  
.footer-cta{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){.footer-cta{background-attachment:scroll!important}}
.footer-cta{color:var(--primary) !important;}
.socials-btn{color:rgba(0, 0, 0, 1.00) !important;}
.footer-links{color:var(--secondary) !important;}
.footer-links{display:flex } 
.footer-links{padding-top:1rem ;}  
.footer-divider{border-color:rgba(255, 255, 255, 0.05) ;border-width:1px ;border-style:solid ;}
.footer-socials{margin-right:0.5rem ;margin-left:0.5rem ;}  
.footer-socials svg{fill:var(--secondary) !important;stroke:var(--secondary) !important;}
.stacks_in_2409_83 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_2409_87 img{width:100%;max-width:300px}

.stacks_in_2409_95 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}