/* tll-legacy-lite.css 2026-10-12: rules used by /best-linux-laptop-2026/ + /thinkpad-linux-laptops/ extracted from woocommerce-layout/smallscreen/woocommerce.css, twentyseventeen style.css, Bootstrap 4.0.0, legacy style.css (same order). Replaces those 6 sheets on those pages only. */
/* src 0 */
:root { --woocommerce: #720eec; --wc-green: #007518; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; --wc-destructive: #cc1818; --wc-card-border-radius: 8px; }
/* src 1 */
@media only screen and (max-width: 768px) {
:root { --woocommerce: #720eec; --wc-green: #007518; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; --wc-destructive: #cc1818; --wc-card-border-radius: 8px; }
.woocommerce table.shop_attributes tr td > :first-child, .woocommerce table.shop_attributes tr th > :first-child, .woocommerce-page table.shop_attributes tr td > :first-child, .woocommerce-page table.shop_attributes tr th > :first-child { padding-top: 0px; margin-top: 0px; }
.woocommerce table.shop_attributes tr td > :last-child, .woocommerce table.shop_attributes tr th > :last-child, .woocommerce-page table.shop_attributes tr td > :last-child, .woocommerce-page table.shop_attributes tr th > :last-child { padding-bottom: 0px; margin-bottom: 0px; }
}
/* src 2 */
:root { --woocommerce: #720eec; --wc-green: #007518; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; --wc-destructive: #cc1818; --wc-card-border-radius: 8px; }
@font-face { font-family: star; src: url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.woff2") format("woff2"), url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.woff") format("woff"), url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: WooCommerce; src: url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.woff2") format("woff2"), url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.woff") format("woff"), url("https://c0.wp.com/p/woocommerce/11.2.1/assets/fonts/WooCommerce.ttf") format("truetype"); font-weight: 400; font-style: normal; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; width: 1px; position: absolute !important; overflow-wrap: normal !important; }
.woocommerce :where(.wc_bis_form__input, .wc_bis_form__button) { padding: 0.9rem 1.1rem; line-height: 1; }
/* src 3 */
.page-template-default .linux-section ul li { font-size: 16px; letter-spacing: 1px; text-align: justify; }
/* src 4 */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
b, strong { font-weight: bolder; }
a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0px; }
img { vertical-align: middle; border-style: none; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0px; }
button:focus { outline: -webkit-focus-ring-color auto 5px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
[type="search"] { outline-offset: -2px; appearance: none; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
[hidden] { display: none !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
.h1, h1 { font-size: 2.5rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container { max-width: 1140px; }
}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px) {
.col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; }
.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: rgb(108, 117, 125); content: "/"; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }
.breadcrumb-item.active { color: rgb(108, 117, 125); }
.modal-footer > :not(:first-child) { margin-left: 0.25rem; }
.modal-footer > :not(:last-child) { margin-right: 0.25rem; }
.d-flex { display: flex !important; }
.justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; }
.align-items-center { -webkit-box-align: center !important; align-items: center !important; }
.m-0 { margin: 0px !important; }
.p-0 { padding: 0px !important; }
.text-center { text-align: center !important; }
@media print {
*, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }
a:not(.btn) { text-decoration: underline; }
thead { display: table-header-group; }
img, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
body { min-width: 992px !important; }
.container { min-width: 992px !important; }
}
/* src 5 */
body { color: rgb(80, 80, 80) !important; }
img { max-width: 100%; height: auto; }
a:hover { text-decoration: none !important; }
footer ul { margin: 0px; padding: 0px; list-style: none; }
footer .title { padding-left: 8px; border-left: 3px solid rgb(217, 233, 252); font-size: 16px; text-transform: uppercase; font-weight: 500; color: black; margin-bottom: 27px; }
footer ul li a { color: rgb(128, 128, 128); font-size: 14px; font-weight: 300; display: block; }
footer ul li { margin-bottom: 6px; }
footer ul li a:hover { color: rgb(102, 126, 155); }
footer .social { display: flex; margin-top: 20px; }
footer .social li a { font-size: 16px; }
footer .social li a:hover { color: rgb(133, 195, 53); }
.bradcrumb-section { background: url("https://thelinuxlaptop.com/wp-content/themes/linux/assets/images/linuxadminhero.jpg") 0% 0% / cover no-repeat; height: 300px; position: relative; }
.bradcrumb-section .breadcrumb { background-color: transparent !important; }
.bradcrumb-section ol li { color: rgb(255, 255, 255) !important; }
.bradcrumb-section ol li a { color: rgb(255, 255, 255) !important; }
.bradcrumb-section::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.62); }
.linux-section { margin: 100px 0px; }
.linux-section p { font-size: 16px; letter-spacing: 1px; text-align: justify; }