.youtube-wrapper{width:100%;padding-top:56.25%;position:relative}.youtube-wrapper > .fluid-width-video-wrapper,.youtube-wrapper > iframe{position:absolute;top:0;left:0;width:100%}.youtube-wrapper > iframe{height:100%} .bento-scroll-grid,.bento-grid{display:grid;grid-auto-flow:dense;--bento-gap:0;--bento-template-columns:1fr;--bento-column-start:auto;--bento-column-end:auto;--bento-row-start:auto;--bento-row-end:auto;--bento-align-content:center;gap:var(--bento-gap);grid-template-columns:var(--bento-template-columns);align-content:var(--bento-align-content)}.bento-scroll-grid > .grid-item,.bento-grid > .grid-item{grid-column-start:var(--bento-column-start);grid-column-end:var(--bento-column-end);grid-row-start:var(--bento-row-start);grid-row-end:var(--bento-row-end);align-content:var(--bento-align-content);display:var(--bento-display,grid);position:relative;overflow:hidden}.bento-scroll-grid > .grid-item > .stacks_out,.bento-grid > .grid-item > .stacks_out{width:100%}.bento-scroll-grid > .grid-item > .stacks_out > .stacks_in,.bento-grid > .grid-item > .stacks_out > .stacks_in{height:100%;box-sizing:border-box}.bento-grid{grid-auto-rows:0px;grid-auto-columns:0px;--bento-template-rows:none;grid-template-rows:var(--bento-template-rows)}.grid-item.dummy{visibility:hidden}.bento-hide{display:none} :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(0, 140, 186, 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-dark:rgba(0, 110, 156, 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);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.12);--radius:3px;--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(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(203, 67, 30, 0.50);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .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)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .hero{background-image:url('../files/bgimage-631.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:right center ;background-attachment:scroll ;background-origin:padding-box ;background-blend-mode:screen ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} .hero-overlay{background-color:var(--overlay-color) ;} .hero-overlay{height:50vh ;} @media only screen and (min-width:40em){.hero-overlay{height:75vh }}@media only screen and (min-width:64em){.hero-overlay{height:75vh }} h1{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .mymenu{position: absolute !important;z-index:5 !important;top:0px !important;bottom:0px !important;left:unset !important;right:unset !important;} .burger{position: absolute ;z-index:1 ;top:10px ;bottom:unset ;left:10px ;right:unset ;} .mobile-menu-wrapper{height:100% ;} .hero-header{display:inline-block;white-space:nowrap} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .mymenu{font-size:calc(18rem/16) }} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(7, 64, 128, 0.50);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu a:hover, .menu.mymenu a:hover{--menu-bg-color:rgba(250, 250, 250, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .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)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .sticky-menu{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){.sticky-menu{background-attachment:scroll!important}} .sticky-menu.is-stuck{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){.sticky-menu{background-attachment:scroll!important}} .sticky-menu{transition:all 300ms ease 0ms } .sticky-menu{padding:0 ;} #stacks_in_805 { padding: 30px 0px 0px 0px; } .youtube-wrapper.stacks_in_898{padding-top:calc((/)*100%)} #stacks_in_896_button { display:block; position: relative; text-align: center; } #stacks_in_896 a:link, #stacks_in_896 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_896 a:hover, #stacks_in_896 a:active { color:#FFFFFF; } #stacks_in_896 a:link, #stacks_in_896 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_896 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_896 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_892 { padding: 0px 0px 0px 15px; } #stacks_in_799>.s3_row { margin: 0 -10px; } #stacks_in_799>.s3_row>.s3_column_left { width: 25.00%; } #stacks_in_799>.s3_row>.s3_column_right { width: 75.000000%; } #stacks_in_799>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_799>.s3_row { margin: -10px 0; } #stacks_in_799>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_799 { padding: 20px 0px 40px 0px; } #stacks_in_826 { padding: 0px 0px 20px 0px; } #stacks_in_833>.s3_row { margin: 0 -10px; } #stacks_in_833>.s3_row>.s3_column_left { width: 62.00%; } #stacks_in_833>.s3_row>.s3_column_right { width: 38.000000%; } #stacks_in_833>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_833>.s3_row { margin: -10px 0; } #stacks_in_833>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_833 { padding: 20px 0px 30px 0px; } #stacks_in_838 { padding: 5px 0px 0px 0px; } #stacks_in_854>.s3_row { margin: 0 -10px; } #stacks_in_854>.s3_row>.s3_column_left { width: 39.93%; } #stacks_in_854>.s3_row>.s3_column_right { width: 60.070000%; } #stacks_in_854>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_854>.s3_row { margin: -10px 0; } #stacks_in_854>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_854 { padding: 0px 0px 50px 0px; } #stacks_in_527>.s3_row { margin: 0 -10px; } #stacks_in_527>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_527>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_527>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_527>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_527>.s3_row { margin: -10px 0; } #stacks_in_527>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_527>.s3_row { margin: -10px 0; } #stacks_in_527>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_527 { padding: 20px 0px 40px 0px; } #stacks_in_582 { padding: 0px 0px 15px 0px; } #stacks_out_582 { width: 45px; margin-left:0; } #stacks_in_594 { padding: 0px 0px 15px 0px; } #stacks_out_594 { width: 45px; margin-left:0; } #stacks_in_785_button { display:block; position: relative; text-align: center; } #stacks_in_785 a:link, #stacks_in_785 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_785 a:hover, #stacks_in_785 a:active { color:#FFFFFF; } #stacks_in_785 a:link, #stacks_in_785 a:visited { background-color:#12A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#12A0FF), to(#0B60BF)); border:1px solid #0B60BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_785 a:hover { background-color:#14ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#14ACFF), to(#0953A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_785 a:active { background-color:#12A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_785 { padding: 10px 0px 0px 0px; } #stacks_out_785 { width: 73%; } #stacks_in_596 { padding: 0px 0px 15px 0px; } #stacks_out_596 { width: 45px; margin-left:0; } #stacks_in_776 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_776 .pullquote:before, #stacks_in_776 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_776 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_776 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_776 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_776 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_776 { padding: 30px 0px 0px 0px; } #stacks_in_778 { font-size: 179%; } #stacks_in_777 { font-size: 135%; } #stacks_in_601 { padding: 30px 0px 30px 0px; } #stacks_in_602 { font-size: 130%; } .bento-grid.grid-stacks_in_290 { --bento-align-content: start ; --bento-template-columns: repeat(4, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_290 > .grid-item { --bento-display: var(--bento-display-xs); --bento-column-start: var(--bento-column-start-xs); --bento-column-end: var(--bento-column-end-xs); --bento-row-start: var(--bento-row-start-xs); --bento-row-end: var(--bento-row-end-xs); } @media (max-width: 25em) { .bento-grid.grid-stacks_in_290 .grid-item:nth-child(n+13) { display: none; } } @media (min-width: 25em) and (max-width: 40em) { .bento-grid.grid-stacks_in_290 { --bento-template-columns: repeat(2, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_290 > .grid-item { --bento-display: var(--bento-display-sm, var(--bento-display-xs)); --bento-column-start: var(--bento-column-start-sm, var(--bento-column-start-xs)); --bento-column-end: var(--bento-column-end-sm, var(--bento-column-end-xs)); --bento-row-start: var(--bento-row-start-sm, var(--bento-row-start-xs)); --bento-row-end: var(--bento-row-end-sm, var(--bento-row-end-xs)); } .bento-grid.grid-stacks_in_290 .grid-item:nth-child(n+9) { display: none; } .bento-grid.grid-stacks_in_290 .bento-hide-for-small-up { display: none; } .bento-grid.grid-stacks_in_290 .bento-show-for-small-up { display: grid; } } @media (min-width: 40em) and (max-width: 64em) { .bento-grid.grid-stacks_in_290 { --bento-template-columns: repeat(4, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_290 > .grid-item { --bento-display: var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs))); --bento-column-start: var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs))); --bento-column-end: var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs))); --bento-row-start: var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs))); --bento-row-end: var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs))); } .bento-grid.grid-stacks_in_290 .grid-item:nth-child(n+13) { display: none; } .bento-grid.grid-stacks_in_290 .bento-hide-for-medium-up { display: none; } .bento-grid.grid-stacks_in_290 .bento-show-for-medium-up { display: grid; } } @media (min-width: 64em) { .bento-grid.grid-stacks_in_290 { --bento-template-columns: repeat(4, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_290 > .grid-item { --bento-display: var(--bento-display-lg, var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs)))); --bento-column-start: var(--bento-column-start-lg, var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs)))); --bento-column-end: var(--bento-column-end-lg, var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs)))); --bento-row-start: var(--bento-row-start-lg, var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs)))); --bento-row-end: var(--bento-row-end-lg, var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs)))); } .bento-grid.grid-stacks_in_290 .grid-item:nth-child(n+13) { display: none; } .bento-grid.grid-stacks_in_290 .bento-hide-for-large-up { display: none; } .bento-grid.grid-stacks_in_290 .bento-show-for-large-up { display: grid; } } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(1) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(1) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(2) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(2) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(3) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(3) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(4) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(4) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(5) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(5) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(6) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(6) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(7) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(7) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(8) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(8) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(9) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(9) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(10) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(10) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(11) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(11) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(12) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(12) { align-content: center; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(13) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_290 .grid-null, .bento-grid.grid-stacks_in_290 .grid-item:nth-child(13) { align-content: center; } #stacks_out_512 { width: 100px; margin-left:0; } #stacks_out_522 { width: 100px; margin-left:0; }