/*! * Legion Blade v1.0.0 */.static-blade { position: relative; height: auto; overflow: hidden; } #legion-brand-pro .tooltips, .legion-brand-pro .tooltips { position: absolute; text-align: center; } #legion-brand-pro .tooltips img, .legion-brand-pro .tooltips img { width: 20px; } #legion-brand-pro .tooltips .tooltip-content, .legion-brand-pro .tooltips .tooltip-content { font-size: 14px; background: #000; color: #fff; padding: 6px 10px; margin-top: 8px; opacity: 0; box-shadow: 0px 0px 3px #000; transition: .2s; } #legion-brand-pro .tooltips:hover .tooltip-content, .legion-brand-pro .tooltips:hover .tooltip-content { opacity: 1; } #legion-brand-pro .tooltips img:hover, .legion-brand-pro .tooltips img:hover { cursor: pointer; } #legion-brand-pro .tooltips .tooltip-content:before, .legion-brand-pro .tooltips .tooltip-content:before { content: ''; position: absolute; bottom: 30px; left: 50%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #000 transparent; } #legion-brand-pro .left-node, .legion-brand-pro .left-node { left: 42%; bottom: 19%; } #legion-brand-pro .right-node, .legion-brand-pro .right-node { right: 12%; bottom: 22%; } .featured__btn-wrap { padding-top: 50px; } .newsitem__body { display: flex; flex-direction: column; min-height: 250px; justify-content: space-between; } .newsitem__body a { width: 150px; text-align: center; } @media only screen and (min-width: 1800px) { #legion-brand-pro .tooltips img, .legion-brand-pro .tooltips img { width: 25px; } #legion-brand-pro .left-node, .legion-brand-pro .left-node { left: 44%; } #legion-brand-pro .right-node, .legion-brand-pro .right-node { right: 14%; } } @media only screen and (max-width: 1279px) { #legion-brand-pro .tooltips img, .legion-brand-pro .tooltips img { width: 25px; } #legion-brand-pro .left-node, .legion-brand-pro .left-node { left: 15%; top: unset; bottom: 15%; } #legion-brand-pro .right-node, .legion-brand-pro .right-node { right: 10%; top: unset; bottom: 20%; } } @media only screen and (max-width: 768px) { #legion-brand-pro .left-node, .legion-brand-pro .left-node { left: 5%; bottom: 10%; } #legion-brand-pro .right-node, .legion-brand-pro .right-node { right: 10%; bottom: 10%; } } .static-blade .featured__text-box { width: 32%; text-align: left; position: absolute; top: 50%; left: 3%; transform: translateY(-50%); margin: 0 auto; text-align: left; } .static-blade .featured__text-box.right { position: absolute; top: 50%; right: 5%; left: unset; transform: translate(0%, -50%); width: 32%; text-align: left; } @media only screen and (min-width: 1280px) { .static-blade .featured__text-box { left: 7%; transform: translate(0%, -50%); } .newsitem__body { min-height: 200px; } } .static-blade .featured__image-wrapper .featured__image { min-width: 100%; width: 100%; height: auto; min-height: 800px; object-fit: cover; } @media only screen and (max-width: 768px) { .static-blade .featured__image-wrapper .featured__image { min-height: 400px; } } .static-blade p { color: #fff; } .static-blade p.title-white { color: #fff; font-size: 1.875em; } .static-blade p.title-pale-red { color: #f0c7bf; font: normal normal normal 1.5em/1.75em Lato; } .static-blade .featured__text-box .featured__btn.btn { display: inline-flex; align-items: center; background: #3e8ddd; border-radius: 3px; height: 54px; color: #fff; text-decoration: none; transition: .2s; font-size: 1em; text-transform: uppercase; border: 1px solid #3e8ddd; float: left; } .static-blade .legion-logo { text-align: center; width: 100%; max-width: 320px; } @media only screen and (max-width: 1279px) { .static-blade .legion-logo { text-align: center; max-width: 250px; margin: 0 auto; } .static-blade .featured__text-box { width: auto; text-align: center; position: relative; left: 0; margin: 50px 0; display: inline-block; transform: unset; padding: 0 50px; } .static-blade .featured__text-box.right { width: auto; text-align: center; position: relative; left: 0; margin: 50px 0; display: inline-block; transform: unset; padding: 0 50px; right: unset; } .static-blade { position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, .7); } .static-blade .featured__image-wrapper .featured__image { min-width: 100%; width: 100%; height: auto; } .static-blade .featured__image-wrapper .featured__image.mobile { min-height: auto; } .static-blade p { width: 100%; color: #fff; } .static-blade p.title-white { color: #fff; font-size: 1.875em; } .static-blade .featured__text-box .featured__btn.btn { float: unset; } } .flagContainerr { display: flex; } .actualFlag { background-color: #64131e; height: 30px; line-height: 30px; font-size: 14px; color: #fff; width: 320px; max-width: 320px; margin-bottom: 20px; text-align: center; border-radius: 2px; } @media (max-width: 1280px) { .flagContainerr { justify-content: center; } } @media (max-width: 400px) { .actualFlag { font-size: 11px; } } @media (max-width: 320px) { .flagContainerr { display: none; } } @media only screen and (min-width: 1228px) { .page-hero { margin-top: 0px; } } @media only screen and (max-width: 767px) { .navSticky a { font-size: .45em; } } .va-item { display: flex; justify-content: center; } .legion-announcement-title { color: #3e8ddd  !important; font-size: 2.25em; line-height: 1.1em; margin-bottom: 25px; font-weight: 700; } p.title-blue { color: #3e8ddd; font-size: 2.25em; line-height: 1.1em; margin-bottom: 25px; font-weight: 700; } .features-carousel-item p.title-white { color: #fff; font-size: 1.875em; line-height: 1.1em; margin-bottom: 25px; font-weight: 700; } .page-hero__content-wrap .page-hero__background-vid-item.max-width-video { width: 100%  !important; height: 100%  !important; object-fit: cover  !important; } .static-blade-center { height: auto; position: relative; color: #fff; overflow: hidden; background: rgba(0, 0, 0, .7); text-align: center; } @media only screen and (max-width: 1279px) { .static-blade-center { height: auto; } } .static-blade-center .gameplay-img { position: relative; float: left; width: 100%; } @media only screen and (max-width: 1279px) and (orientation: landscape) { .static-blade-center .gameplay-img { margin-bottom: 1em; } } .static-blade-center .gameplay-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .static-blade-center .gameplay__content-wrap { text-align: center; z-index: 10; position: absolute; top: 5%; left: 20%; width: 60%; } .static-blade-center .gameplay__content-wrap .gameplay__text-box { display: block; padding: 1em; } .static-blade-center p.text.small { position: absolute; bottom: 3%; text-align: center; margin: auto; color: #fff; width: 50%; transform: translate(50%, 0%); } @media only screen and (min-width: 1279.01px) and (max-width: 1500px) { .static-blade-center .gameplay__content-wrap { width: 80%; text-align: center; z-index: 10; position: absolute; top: 5%; left: 10%; transform: translate(0%, 0%); } .static-blade-center p.text.small { width: 75%; transform: translate(25%, 0%); } } @media only screen and (max-width: 1279px) { .features-carousel-panel { height: auto; } .static-blade-center .gameplay__content-wrap { position: relative; flex-direction: column; order: 1; width: 100%; float: left; left: unset; } .static-blade-center p.text.small { width: 100%; left: unset; transform: unset; } .static-blade-center { padding-bottom: 50px; } } div#singlecol { background: #000; } section#products { background: url(https://static.lenovo.com/ww/campaigns/2021/legion/lenovo-legion-brand-product-bkgd.jpg); background-position: center; background-attachment: fixed; background-size: cover; margin-bottom: 0px; }