:root{--light-gray:rgba(211, 211, 211, 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-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 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(159, 159, 159, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(209, 209, 209, 1.00);--link-color:rgba(182, 104, 53, 1.00);--link-color-hover:rgba(96, 150, 168, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1rem;--medium-gutter:1.5rem;--large-gutter:1.5rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(171, 171, 171, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(109, 182, 206, 1.00);--link-color:rgba(194, 207, 56, 1.00);--link-color-hover:rgba(19, 138, 182, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1300rem/16);}.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(14rem/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(36rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(14rem/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(36rem/16)}h2,.h2{font-size:calc(30rem/16)}h3,.h3{font-size:calc(16rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(34, 34, 34, 1.00);} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .menu li, .font-class{font-family:"Open Sans",sans-serif } .font-bigger{font-size:calc(26rem/16) ;}@media only screen and (min-width:40em) { .font-bigger{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .font-bigger{font-size:calc(45rem/16) ;line-height:1.50 }} section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem ;}@media only screen and (min-width:40em){section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem }}@media only screen and (min-width:64em){section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem }} .bg-section-color{background-color:rgba(42, 42, 42, 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){.bg-section-color{background-attachment:scroll!important}} .stacks_in_152245_5{line-height:0}.stacks_in_152245_5 svg{display:inline-block;max-width:24px;height:auto;}.stacks_in_152245_5.full-width svg{width:100%;height:auto} .stacks_in_152245_8{line-height:0}.stacks_in_152245_8 svg{display:inline-block;max-width:24px;height:auto;}.stacks_in_152245_8.full-width svg{width:100%;height:auto} .stacks_in_152245_15{line-height:0}.stacks_in_152245_15 svg{display:inline-block;max-width:28px;height:auto;}.stacks_in_152245_15.full-width svg{width:100%;height:auto} .menu .submenu{background-color:var(--black-color) ;background-color:rgba(34, 34, 34, 1.00) ;} .menu-style>.menu a, .menu.menu-style a{--menu-link-color:rgba(168, 193, 232, 1.00);--menu-link-color-hover:rgba(228, 109, 75, 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)} .menu-style>.menu .menu-text, .menu.menu-style .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu .submenu a:hover, .menu.menu-style .submenu a:hover{--menu-bg-color:rgba(32, 32, 32, 1.00)} .menu-style>.menu>li>a, .menu.menu-style>li>a{padding-top:1.25rem;padding-bottom:1.25rem} .menu-style>.menu .submenu>li>a, .menu.menu-style .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menu-style>.menu li.active>a, .menu-style>.menu li.is-active>a, .menu-style>.menu a.is-active, .menu.menu-style li.active>a, .menu.menu-style li.is-active>a, .menu.menu-style 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)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-style>.menu .submenu, .menu.menu-style .submenu{--submenu-bg-color:rgba(36, 36, 39, 1.00);--submenu-border:0px solid rgba(48, 48, 48, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(168, 193, 232, 1.00);--menu-link-color-hover:rgba(228, 109, 75, 1.00)} .menu-style>.menu .submenu .menu-text, .menu.menu-style .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(148, 85, 41, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .top-bar{border-color:rgba(56, 56, 56, 1.00) ;border-width:1px ;border-bottom-style:solid ;} .search-lightbox{padding:2.5rem ;} .search-lightbox{--animate-duration:100ms ;} .search-lightbox{border-color:rgba(61, 61, 61, 1.00) ;border-width:1px ;border-style:solid ;} .search-lightbox{border-radius:10px ;} .search-lightbox{width:100.00% ;}@media only screen and (min-width:40em){.search-lightbox{width:65.00% }}@media only screen and (min-width:64em){.search-lightbox{width:65.00% }} .search-lightbox{background-color:rgba(34, 34, 34, 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){.search-lightbox{background-attachment:scroll!important}} /* 1.9.0 */ #stacks_in_152325_31 * { box-sizing: border-box; } #stacks_in_152325_31 *:focus {outline:none;} .searchingstacks_in_152325_31 .stacks_top, .searchingstacks_in_152325_31 .stacks_in, .searchingstacks_in_152325_31 .stacks_out { overflow: visible; } #stacks_in_152325_31 .jQueryNote { background: rgba(0,0,0,0.3); color: #fff; padding: 20px; } .stacks_in_152325_31_pages { display: none;} #stacks_in_152325_31_tipue_search_input, .live-search-input { font-size: 16px; width: 100%; height: 30px; line-height: 28px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.3); background-color: #fff; padding: 0px 15px 0px 15px;/* leaving room for search icon */ position: relative; z-index: 9998; } #stacks_in_152325_31_tipue_search_content, .live-search-content { display: none; padding: 20px; min-height: 80px; position: absolute; margin: 20px 0px; z-index: 9997; width: 100%; box-sizing: border-box; } #stacks_in_152325_31_tipue_search_input, .live-search-input { padding: 0px 15px 0px 35px; } #stacks_in_152325_31 form > svg, .live-search-form > svg { width: 14px; height: 30px; fill: #999; position: absolute; left: 18px; text-align: right; top: 0px; z-index: 9999; } /**/ #stacks_in_152325_31 form > svg, .live-search-form > svg { width: 16px; width: calc(16px - 2px); left: calc(34px - 16px); fill: #888888; } #stacks_in_152325_31 form .live-search-submit { position: absolute; z-index: 9999; right: 0px; top: 0px; font-size: 16px; line-height: 30px; padding: 0px 12px; margin: 0; font-family: inherit; border-radius: 0 4px 4px 0; border-width: 0; background: #3083B7; color: #FFFFFF; /**/ } #stacks_in_152325_31 form .live-search-submit:hover { background: #3F92C6; color: #FFFFFF; } #stacks_in_152325_31 form .live-search-submit:active { background: #2174A8; color: #F0F0F0; } #stacks_in_152325_31_tipue_search_input, .live-search-input { font-size: 16px; font-family: inherit; border-radius: 4px; border-color: #393939; color: #6C6C6C; background-color: #222222; } #stacks_in_152325_31 ::-webkit-input-placeholder, .live-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888888; } #stacks_in_152325_31 :-moz-placeholder, .live-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; opacity: 1; } #stacks_in_152325_31 ::-moz-placeholder, .live-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; opacity: 1; } #stacks_in_152325_31 :-ms-input-placeholder, .live-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888; } #stacks_in_152325_31 :placeholder-shown, .live-search-input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #888888; } /**/ #stacks_in_152325_31 form > svg, .live-search-form > svg { display: none; } #stacks_in_152325_31_tipue_search_input, .live-search-input { padding: 0px 15px 0px 15px; } /**/ /**/ /**/ /**/ #stacks_in_152325_31_tipue_search_content, .live-search-content { background: #fff; border-radius: 4px; box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.25); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: all 150ms linear; opacity: 0; } .searchingstacks_in_152325_31 #stacks_in_152325_31_tipue_search_content, .searchingstacks_in_152325_31.live-search-content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 150ms linear; opacity: 1; } #stacks_in_152325_31_tipue_search_content:after, .live-search-content:after { content: " "; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #stacks_in_152325_31_tipue_search_content:before, .live-search-content:before { content: " "; position: absolute; top: -11px; left: 14px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.3); } /**/ /**/ .searchingstacks_in_152325_31 #stacks_in_152325_31_tipue_search_content, .searchingstacks_in_152325_31.live-search-content { position: relative; } /**/ /**/ /**/ /**/ /**/ /**/ /**/ /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #stacks_in_152325_31_tipue_search_content .h01, mark, .live-search-content .h01 { background: yellow; } .searchingstacks_in_152325_31 #stacks_in_152325_31_tipue_search_content, .searchingstacks_in_152325_31.live-search-content { display: block !important; } #stacks_in_152325_31_tipue_search_warning { margin: 7px 0; display: none; } .showWarning #stacks_in_152325_31_tipue_search_warning { display: block; } .tipue_search_content_title { margin-top: 23px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url{ word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a{ text-decoration: none; } .tipue_search_content_url a:hover{ } .tipue_search_content_text{ word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug{ margin: 5px 0; } .h01{ font-weight: 400; } #stacks_in_152325_31_tipue_search_foot{ margin: 51px 0 21px 0; } #stacks_in_152325_31_tipue_search_foot_boxes{ padding: 0; margin: 0; } #stacks_in_152325_31_tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; cursor:pointer; } #stacks_in_152325_31_tipue_search_foot_boxes li a{ padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; } #stacks_in_152325_31_tipue_search_foot_boxes li.current{ padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; } #stacks_in_152325_31_tipue_search_foot_boxes li a:hover{ background: #f6f6f6; } /* spinner */ .tipue_search_spinner svg polyline, .tipue_search_spinner svg path { stroke: #C3C3C3; } .tipue_search_spinner { width: 110px; position: absolute; color: #C3C3C3; top: 0px; right: 0px; left: auto; display: grid; text-align: right; grid-template-columns: 30px 1fr; justify-content: space-between; } .tipue_search_spinner .ts-count-wrap { padding: 20px 20px 20px 0px; } .tipue_search_spinner svg { align-self: center; height: 30px; width: 30px; padding: 0px; animation-name: ts-spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes ts-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } #stacks_in_152325_31_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { margin-top: 3px; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { margin-top: 8px; } /**/ #stacks_in_152325_31_tipue_search_content, .live-search-content { color: #C3C3C3; background-color: #1A1A1A; font-family: inherit; } #stacks_in_152325_31_tipue_search_content:after, .live-search-content:after { border-color: transparent transparent #1A1A1A transparent; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_title a, .live-search-content .tipue_search_content_title a { color: #78BBE2; font-size: 18px; font-weight: 400; line-height: 18px; font-family: inherit; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_title a:hover, .live-search-content .tipue_search_content_title a:hover { color: #67C5FF; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { font-size: 14px; font-weight: 400; line-height: 14px; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_url a, .live-search-content .tipue_search_content_url a { color: #78BBE2; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_url a:hover, .live-search-content .tipue_search_content_url a:hover { color: #67C5FF; } #stacks_in_152325_31_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { font-size: 14px; font-weight: 400; line-height: 18px; } .tipue_search_content_debug{ } #stacks_in_152325_31_tipue_search_content .h01, .live-search-content .h01 { background: #FFFF00; } #stacks_in_152325_31_tipue_search_foot_boxes li a { background-color: #1A1A1A; border: 1px solid rgba(0,0,0,0.15); border-radius: 1px; color: #C3C3C3; } #stacks_in_152325_31_tipue_search_foot_boxes li.current{ background: #1A1A1A; border: 1px solid rgba(0,0,0,0.3); border-radius: 1px; color: #78BBE2; } #stacks_in_152325_31_tipue_search_foot_boxes li a:hover{ background: rgba(0,0,0,0.05); } #stacks_in_152325_31_tipue_search_warning a{ } #stacks_in_152325_31_tipue_search_warning a:hover{ } #stacks_in_152325_31_tipue_search_results_count{ } /**/ @-webkit-keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (max-width: 1280px) { .menu-loaded.menu-active main { padding-left: 80px; } .sidebar-mobile-active.menu-loaded main { padding-left: 80px; } } #stacks_in_152325_31 .additional-pages, #stacks_in_152325_31 .excluded-pages { display: none; } #stacks_in_152325_31 { margin: 3px 43px -10px 43px; } #slice_mez_152325_33 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_152325_33.selected { border-color: #2680fc !important; } #slice_mez_152325_33 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_152325_33 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_152325_33 > div:nth-child(2) { display: none !important; } #slice_mez_152325_33.hidden > #stacks_in_152325_33 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } #slice_mez_152325_35 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_152325_35.selected { border-color: #2680fc !important; } #slice_mez_152325_35 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_152325_35 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_152325_35 > div:nth-child(2) { display: none !important; } #slice_mez_152325_35.hidden > #stacks_in_152325_35 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } .max-width{min-width:0.00px ;max-width:1100.00px ;} /* ============================== RW Card — Centered Component (Text Left-Aligned) ================================ */ /* ===== CARD ===== */ .rw-card { display: flex; flex-direction: column; border-radius: 15px; overflow: hidden; background: #313131; box-shadow: 0 2.4px 4.4px rgba(0,0,0,.3); max-width: 330px; min-width: 320px; width: 100%; margin: 0 auto; /* 🔥 centers the card */ } /* ===== CLICKABLE AREA ===== */ .rw-card a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; } /* ===== IMAGE ===== */ .rw-card-img { width: 100%; height: auto; display: block; } /* ===== TEXT AREA ===== */ .rw-card-overlay { padding: 16px; background: #313131; text-align: left; /* 🔥 keeps text left-aligned */ } /* ===== TITLE ===== */ .rw-card-overlay h3 { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; } /* ===== DESCRIPTION ===== */ .rw-card-text { margin: 4px 0 0 0; font-size: 12px; line-height: 1.2; color: #C2C2C2; opacity: 0.85; /* 3-line clamp */ min-height: calc(1.2em * 3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ===== HOVER BORDER ===== */ .rw-card a::before { content: ""; position: absolute; inset: 0; border-radius: 15px; border: 2px solid rgba(255,255,255,0.6); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } .rw-card:hover a::before { opacity: 0.3; } /* ===== OPTIONAL ICON ===== */ .rw-card-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7); font-size: 42px; opacity: 0; transition: all 0.35s ease; pointer-events: none; }/* ============================== RW Card — Centered Component (Text Left-Aligned) ================================ */ /* ===== CARD ===== */ .rw-card { display: flex; flex-direction: column; border-radius: 15px; overflow: hidden; background: #313131; box-shadow: 0 2.4px 4.4px rgba(0,0,0,.3); max-width: 330px; min-width: 320px; width: 100%; margin: 0 auto; /* 🔥 centers the card */ } /* ===== CLICKABLE AREA ===== */ .rw-card a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; } /* ===== IMAGE ===== */ .rw-card-img { width: 100%; height: auto; display: block; } /* ===== TEXT AREA ===== */ .rw-card-overlay { padding: 16px; background: #313131; text-align: left; /* 🔥 keeps text left-aligned */ } /* ===== TITLE ===== */ .rw-card-overlay h3 { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; } /* ===== DESCRIPTION ===== */ .rw-card-text { margin: 4px 0 0 0; font-size: 12px; line-height: 1.2; color: #C2C2C2; opacity: 0.85; /* 3-line clamp */ min-height: calc(1.2em * 3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ===== HOVER BORDER ===== */ .rw-card a::before { content: ""; position: absolute; inset: 0; border-radius: 15px; border: 2px solid rgba(255,255,255,0.6); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } .rw-card:hover a::before { opacity: 0.3; } /* ===== OPTIONAL ICON ===== */ .rw-card-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7); font-size: 42px; opacity: 0; transition: all 0.35s ease; pointer-events: none; }/* ============================== RW Card — Centered Component (Text Left-Aligned) ================================ */ /* ===== CARD ===== */ .rw-card { display: flex; flex-direction: column; border-radius: 15px; overflow: hidden; background: #313131; box-shadow: 0 2.4px 4.4px rgba(0,0,0,.3); max-width: 330px; min-width: 320px; width: 100%; margin: 0 auto; /* 🔥 centers the card */ } /* ===== CLICKABLE AREA ===== */ .rw-card a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; } /* ===== IMAGE ===== */ .rw-card-img { width: 100%; height: auto; display: block; } /* ===== TEXT AREA ===== */ .rw-card-overlay { padding: 16px; background: #313131; text-align: left; /* 🔥 keeps text left-aligned */ } /* ===== TITLE ===== */ .rw-card-overlay h3 { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; } /* ===== DESCRIPTION ===== */ .rw-card-text { margin: 4px 0 0 0; font-size: 12px; line-height: 1.2; color: #C2C2C2; opacity: 0.85; /* 3-line clamp */ min-height: calc(1.2em * 3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ===== HOVER BORDER ===== */ .rw-card a::before { content: ""; position: absolute; inset: 0; border-radius: 15px; border: 2px solid rgba(255,255,255,0.6); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } .rw-card:hover a::before { opacity: 0.3; } /* ===== OPTIONAL ICON ===== */ .rw-card-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7); font-size: 42px; opacity: 0; transition: all 0.35s ease; pointer-events: none; }/* ============================== RW Card — Centered Component (Text Left-Aligned) ================================ */ /* ===== CARD ===== */ .rw-card { display: flex; flex-direction: column; border-radius: 15px; overflow: hidden; background: #313131; box-shadow: 0 2.4px 4.4px rgba(0,0,0,.3); max-width: 330px; min-width: 320px; width: 100%; margin: 0 auto; /* 🔥 centers the card */ } /* ===== CLICKABLE AREA ===== */ .rw-card a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; } /* ===== IMAGE ===== */ .rw-card-img { width: 100%; height: auto; display: block; } /* ===== TEXT AREA ===== */ .rw-card-overlay { padding: 16px; background: #313131; text-align: left; /* 🔥 keeps text left-aligned */ } /* ===== TITLE ===== */ .rw-card-overlay h3 { margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; } /* ===== DESCRIPTION ===== */ .rw-card-text { margin: 4px 0 0 0; font-size: 12px; line-height: 1.2; color: #C2C2C2; opacity: 0.85; /* 3-line clamp */ min-height: calc(1.2em * 3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ===== HOVER BORDER ===== */ .rw-card a::before { content: ""; position: absolute; inset: 0; border-radius: 15px; border: 2px solid rgba(255,255,255,0.6); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } .rw-card:hover a::before { opacity: 0.3; } /* ===== OPTIONAL ICON ===== */ .rw-card-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7); font-size: 42px; opacity: 0; transition: all 0.35s ease; pointer-events: none; }.stacks_in_151120 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* Locker v1.0.3 Copyright @2010-2012 Joe Workman */