@import 'https://c1-ofp.static.pub/ShareResource/brands/legion_assets/overrides/css/03_ww-legion-styles-v3.css'; @import 'https://www.lenovo.com/_ui/desktop/common/cssmin/library/font-awesome.css?v=20211229054648'; @import 'https://c1-ofp.static.pub/ShareResource/brands/legion_assets/overrides/css/06_style_legion.css'; @import 'https://c1-ofp.static.pub/ShareResource/gaming/shop/styles.css'; #community { background: #272727; } .wpc-cards-holder-community { display: flex; flex-direction: row; padding: 35px 7.64% 53px; justify-content: center; } .wpc-legion-card { border: 1px solid #4a5863; border-radius: 9px; opacity: 1; background: #333f48; display: flex; flex-direction: column; align-items: center; } #wpc-legion-card-gaming-comm { height: 159px; background: url("https://p2-ofp.static.pub/ShareResource/na/brands/legion/cards/lenovo-legion-gaming-community-mobile.jpg") no-repeat; background-position: center; background-size: cover; width: 100%; border-radius: 9px 9px 0px 0px; } .wpc-legion-card-body { display: flex; flex-direction: column; align-items: center; padding: 8px 28px 24px; } .wpc-legion-card .wpc-legion-card-body #wpc-legion-card-logo-mobile { height: 56px; width: auto; margin: 0px 0px 8px; } .wpc-legion-card .wpc-legion-card-body #wpc-legion-card-logo-desktop { display: none; } .wpc-legion-card .wpc-legion-card-body h3 { text-align: center; font: normal normal bold 14px/18px Lato; letter-spacing: -0.14px; color: #fff; padding: 0px; margin: 0px; } .wpc-legion-card .wpc-legion-card-body ul { text-align: center; font: normal normal 300 14px/18px Lato; letter-spacing: -0.14px; color: #fff; margin: 2px 0px 14px; } .wpc-legion-card .wpc-legion-card-body ul li { margin-bottom: 4px; } .wpc-legion-card .wpc-legion-card-body ul li:last-of-type { margin-bottom: 0px; } @media (min-width: 630px) { #wpc-legion-card-gaming-comm { height: 250px; background: url("https://p1-ofp.static.pub/ShareResource/na/brands/legion/cards/lenovo-legion-gaming-community-tablet.jpg") no-repeat; background-position: center; background-size: cover; } } @media (min-width: 750px) { .wpc-legion-card .wpc-legion-card-body #wpc-legion-card-logo-mobile { display: none; } .wpc-legion-card .wpc-legion-card-body #wpc-legion-card-logo-desktop { display: flex; height: 114px; width: auto; margin: 0px 0px 11px; } #wpc-legion-card-gaming-comm { height: 336px; } .wpc-legion-card .wpc-legion-card-body h3 { font: normal normal bold 14px/21px Lato; } .wpc-legion-card .wpc-legion-card-body ul { font: normal normal 300 14px/21px Lato; margin: 2px 0px 21px; } } @media (min-width: 750px) and (max-width: 1280px) { .wpc-cards-holder-community { padding: 54px 7.2% 60px; } .wpc-legion-card .wpc-legion-card-body h3:first-of-type { padding: 0px 10%; } .wpc-legion-card-body { padding: 24px 8.13% 24px; } } @media (min-width: 1280px) { .wpc-legion-card { width: 904px; } #wpc-legion-card-gaming-comm { background: url("https://p4-ofp.static.pub/ShareResource/na/brands/legion/cards/lenovo-legion-gaming-community.jpg") no-repeat; background-position: center; background-size: cover; } .wpc-legion-card .wpc-legion-card-body h3:first-of-type { padding: 0px; } .wpc-legion-card-body { padding: 24px 61px 24px; } } @media (min-width: 1280px) and (max-width: 1600px) { .wpc-cards-holder-community { padding: 76px 0px 70px; } }