@charset "UTF-8"; /* Theme Name: thurrott.com Theme URI: https://thurrott.com Author: Robert Rusu Author URI: https://enlivy.com Description: - Requires at least: 5.3 Tested up to: 5.8 Requires PHP: 7.4 Version: 1.1.24 */ /* Buttons */ /* Social Links List */ /* Article Post */ /** @author Robert Rusu */ :root { /* Color */ --thurrott-primary-color: #005FB8; --thurrott-primary-color-rgb: 0, 95, 184; --thurrott-text-color-primary: rgba( 0, 0, 0, 0.9 ); --thurrott-text-color-secondary: #646464; --thurrott-text-color-tertiary: #8d8d8d; --thurrott-text-color-disabled: #a3a3a3; --thurrott-text-color-article: #313233; --thurrott-accent-color-primary: #003E92; --thurrott-accent-color-secondary: #001A68; --thurrott-accent-color-tertiary: #005FB8; --thurrott-accent-color-disabled: #a3a3a3; --thurrott-on-accent-color-primary: #FFFFFF; --thurrott-on-accent-color-secondary: #FFFFFF; --thurrott-on-accent-color-disabled: #FFFFFF; --thurrott-on-accent-color-select: #FFFFFF; --thurrott-gray-color-primary: #1b1b1b; --thurrott-gray-color-primary-rgb: 27, 27, 27; --thurrott-gray-color-secondary: #646464; --thurrott-gray-color-secondary-rgb: 100, 100, 100; --thurrott-gray-color-tertiary: #8d8d8d; --thurrott-gray-color-disabled: #a3a3a3; --thurrott-link-color: #60CDFF; --thurrott-white-color: #FFFFFF; --thurrott-white-color-rgb: 255, 255, 255; --thurrott-viewed-color: #eeeeee; /* Link */ --thurrott-link-color-primary: #005FB8; --thurrott-link-color-primary-rgb: 0, 95, 184; --thurrott-link-color-secondary: #4A99E9; /* Buttons */ --thurrott-button-color-primary: #005FB8; --thurrott-button-color-secondary: #1a6fc0; --thurrott-button-color-pressed: #327fc5; --thurrott-button-color-disabled: #c8c8c8; --thurrott-button-color-selected: #0178d4; --thurrott-button-color-premium: #CC0100; --thurrott-button-color-premium-rgb: 204, 1, 0; /* Inputs */ --thurrott-input-background-color-primary: #FFFFFF; --thurrott-input-background-color-secondary: #F0F0F0; /* Control */ --thurrott-control-color-primary: rgba( 0, 0, 0, 0.03 ); --thurrott-control-color-secondary: rgba( 0, 0, 0, 0.06 ); --thurrott-control-color-tertiary: rgba( 0, 0, 0, 0.09 ); /* Backgrounds */ --thurrott-background-color-primary: #F0F0F0; --thurrott-background-color-secondary: #FFFFFF; --thurrott-background-color-tertiary: #FFFFFF; --thurrott-background-color-tertiary-rgb: 255, 255, 255; --thurrott-box-background-color-primary: #152D38; --thurrott-background-color-dark-primary: #030303; --thurrott-background-color-wordpress: #F0F0F1; --thurrott-background-color-wordpress-rgb: 240, 240, 241; --thurrott-background-color-header: #FFFFFF; --thurrott-background-color-footer: #000000; --thurrott-layout-primary-background-color: #F1F4F8; --thurrott-layout-secondary-background-color: #D5DBE0; --thurrott-dropdown-menu-background-color: #F0F1F2; --thurrott-line-background-color: rgba( 0, 0, 0, 0.06 ); --thurrott-cart-background-color-rgb: 0, 95, 184; /* Border Radius */ --thurrott-general-border-radius: 4px; /* Border Color */ --thurrott-layout-primary-border-color: #e7e7e8; --thurrott-layout-secondary-border-color: #D5DBE0; --thurrott-layout-tertiary-border-color: #838C92; /* Icons */ --thurrott-icon-color-primary: #005FB8; --thurrott-icon-color-primary-rgb: 0, 95, 184; --thurrott-icon-color-secondary: #60CDFF; --thurrott-icon-color-secondary-rgb: 96, 205, 255; --thurrott-icon-dark-color-primary: rgba( 0, 0, 0, 0.6063 ); --thurrott-icon-dark-color-secondary: #000000; --thurrott-icon-spacing-between: 18px; /* Theme Switcher */ --thurrott-theme-switcher-background-color: #F0F1F2; /* Status Notification */ --thurrott-status-attention-background-color: rgba(0, 95, 184, 0.1); --thurrott-status-attention-color: #005FB7; --thurrott-status-success-background-color: #DFF6DD; --thurrott-status-success-color: #0F7B0F; --thurrott-status-success-color-rgb: 15, 123, 15; --thurrott-status-caution-background-color: #FFF4CE; --thurrott-status-caution-color: #9D5D00; --thurrott-status-critical-background-color: #FDE7E9; --thurrott-status-critical-color: #C42B1C; --thurrott-status-neutral-background-color: rgba( 0, 0, 0, 0.02 ); --thurrott-status-neutral-color: rgba( 0, 0, 0, 0.4 ); /* Social Colors */ --thurrott-facebook-color: #425893; --thurrott-twitter-color: #4DA9E7; --thurrott-linkedin-color: #3375B0; /* Tags */ --thurrott-tag-green-color: #0F7B0F; --thurrott-tag-green-background-color: rgba( 15, 123, 15, 0.2 ); --thurrott-tag-green-color-dark: #FFFFFF; --thurrott-tag-green-background-color-dark: #0F7B0F; --thurrott-tag-red-color: #C42B1C; --thurrott-tag-red-background-color: rgba( 196, 43, 28, 0.2 ); --thurrott-tag-red-color-dark: #FFFFFF; --thurrott-tag-red-background-color-dark: #C42B1C; --thurrott-tag-blue-color: #60CDFF; --thurrott-tag-blue-background-color: rgba( 96, 205, 255, 0.2 ); --thurrott-tag-blue-color-dark: #FFFFFF; --thurrott-tag-blue-background-color-dark: #60CDFF; --thurrott-tag-white-color: rgba( 0, 0, 0, 0.6 ); --thurrott-tag-white-background-color: #F0F1F2; /* Socials */ --thurrott-social-twitter-color: #1DA1F2; /* Loader */ --thurrott-loader-primary-color: var( --thurrott-primary-color ); --thurrott-loader-secondary-color: #0F7B0F; /* Spacing */ --thurrott-spacing-primary: 12px; --thurrott-spacing-secondary: 24px; --thurrott-spacing-tertiary: 36px; --thurrott-spacing-divider-primary: 60px; --thurrott-spacing-divider-secondary: 48px; --thurrott-spacing-divider-tertiary: 94px; --thurrott-spacing-divider-wide: 100px; --thurrott-spacing-header: 40px; --thurrott-spacing-type-primary: 32px; --thurrott-spacing-type-secondary: 24px; --thurrott-spacing-type-tertiary: 16px; --thurrott-spacing-type-separator-wide: 40px; --thurrott-spacing-type-block-element: 10px; --thurrott-spacing-type-block-wide: 18px; --thurrott-spacing-layout-top: 60px; --thurrott-spacing-layout-bottom: 80px; /* Button */ --thurrott-button-font-size: 14px; --thurrott-button-font-weight: bold; --thurrott-button-line-height: 24px; --thurrott-button-padding: 4px 16px; --thurrott-button-lg-padding: 11px 16px 12px 16px; --thurrott-button-lg-font-size: 14px; --thurrott-button-lg-line-height: 17px; /* Transition */ --thurrott-transition: background-color 0.2s ease, color 0.2s ease; --thurrott-transition-svg-fill: fill 0.2s ease; --thurrott-transition-svg-stroke: stroke 0.2s ease; /* Layout */ --thurrott-layout-background: var( --thurrott-layout-primary-background-color ); --thurrott-layout-border: 1px solid var( --thurrott-layout-primary-border-color ); --thurrott-layout-box-shadow: 0 0 20px rgba(40, 84, 115, 0.11); --thurrott-layout-padding: 32px; --thurrott-layout-border-radius: 4px; /* Fonts */ --thurrott-font-family: inherit; --thurrott-font-family-name: "SegoeUI", sans-serif; --thurrott-text-caption-font-family: var(--thurrott-font-family-name); --thurrott-text-caption-font-size: 12px; --thurrott-text-caption-font-style: regular; --thurrott-text-caption-font-weight: 400; --thurrott-text-caption-line-height: 16px; --thurrott-text-caption-letter-spacing: 0; --thurrott-text-caption-color: var( --thurrott-text-color-primary ); --thurrott-text-default-font-family: var(--thurrott-font-family-name); --thurrott-text-default-font-size: 14px; --thurrott-text-default-font-style: regular; --thurrott-text-default-font-weight: 400; --thurrott-text-default-line-height: 20px; --thurrott-text-default-letter-spacing: 0; --thurrott-text-default-color: var( --thurrott-text-color-primary ); --thurrott-text-heading1-font-family: var(--thurrott-font-family-name); --thurrott-text-heading1-font-size: 40px; --thurrott-text-heading1-font-style: regular; --thurrott-text-heading1-font-weight: 600; --thurrott-text-heading1-line-height: 52px; --thurrott-text-heading1-letter-spacing: 0; --thurrott-text-heading1-color: var( --thurrott-text-color-primary ); --thurrott-text-heading2-font-family: var(--thurrott-font-family-name); --thurrott-text-heading2-font-size: 28px; --thurrott-text-heading2-font-style: regular; --thurrott-text-heading2-font-weight: 600; --thurrott-text-heading2-line-height: 36px; --thurrott-text-heading2-letter-spacing: 0; --thurrott-text-heading2-color: var( --thurrott-text-color-primary ); --thurrott-text-heading3-font-family: var(--thurrott-font-family-name); --thurrott-text-heading3-font-size: 20px; --thurrott-text-heading3-font-style: regular; --thurrott-text-heading3-font-weight: 600; --thurrott-text-heading3-line-height: 28px; --thurrott-text-heading3-letter-spacing: 0; --thurrott-text-heading3-color: var( --thurrott-text-color-primary ); --thurrott-text-heading4-font-family: var(--thurrott-font-family-name); --thurrott-text-heading4-font-size: 18px; --thurrott-text-heading4-font-style: regular; --thurrott-text-heading4-font-weight: 600; --thurrott-text-heading4-line-height: 24px; --thurrott-text-heading4-letter-spacing: 0; --thurrott-text-heading4-color: var( --thurrott-text-color-primary ); --thurrott-text-heading5-font-family: var(--thurrott-font-family-name); --thurrott-text-heading5-font-size: 14px; --thurrott-text-heading5-font-style: regular; --thurrott-text-heading5-font-weight: 600; --thurrott-text-heading5-line-height: 20px; --thurrott-text-heading5-letter-spacing: 0; --thurrott-text-heading5-color: var( --thurrott-text-color-primary ); --thurrott-text-heading6-font-family: var(--thurrott-font-family-name); --thurrott-text-heading6-font-size: 14px; --thurrott-text-heading6-font-style: regular; --thurrott-text-heading6-font-weight: 600; --thurrott-text-heading6-line-height: 20px; --thurrott-text-heading6-letter-spacing: 0; --thurrott-text-heading6-color: var( --thurrott-text-color-primary ); --thurrott-text-small-font-size: 14px; --thurrott-text-small-font-style: normal; --thurrott-text-small-font-weight: normal; --thurrott-text-small-line-height: 20px; --thurrott-text-small-color: var( --thurrott-text-color-primary ); --thurrott-text-medium-font-size: 16px; --thurrott-text-medium-font-style: normal; --thurrott-text-medium-font-weight: normal; --thurrott-text-medium-line-height: 24px; --thurrott-text-medium-color: var( --thurrott-text-color-primary ); --thurrott-text-standard-font-size: 18px; --thurrott-text-standard-font-style: normal; --thurrott-text-standard-font-weight: normal; --thurrott-text-standard-line-height: 24px; --thurrott-text-standard-color: var( --thurrott-text-color-primary ); --thurrott-text-title-font-size: 24px; --thurrott-text-title-font-style: normal; --thurrott-text-title-font-weight: bold; --thurrott-text-title-line-height: 32px; --thurrott-text-title-color: var( --thurrott-text-color-primary ); } @media (max-width: 992px) { :root { --thurrott-spacing-type-primary: 20px; --thurrott-spacing-type-secondary: 20px; --thurrott-spacing-type-tertiary: 12px; --thurrott-spacing-type-separator-wide: 50px; --thurrott-layout-padding: 20px; --thurrott-text-title-font-size: 24px; --thurrott-text-title-line-height: 30px; --thurrott-button-lg-padding: 14px 16px; --thurrott-button-lg-font-size: 16px; --thurrott-button-lg-line-height: 19px; } } @media (max-width: 395px) { :root { --thurrott-text-caption-font-size: 14px; --thurrott-text-caption-line-height: 18px; --thurrott-text-default-font-size: 16px; --thurrott-text-default-line-height: 22px; } } html.darkmode { --thurrott-text-color-primary: #FFFFFF; --thurrott-text-color-secondary: #d1d1d1; --thurrott-text-color-tertiary: #9f9f9f; --thurrott-text-color-disabled: #797979; --thurrott-text-color-article: #d1d1d1; --thurrott-accent-color-primary: #99EBFF; --thurrott-accent-color-secondary: #99EBFF; --thurrott-accent-color-tertiary: #60CDFF; --thurrott-accent-color-disabled: #797979; --thurrott-on-accent-color-primary: #000000; --thurrott-on-accent-color-secondary: #161616; --thurrott-on-accent-color-disabled: #161616; --thurrott-on-accent-color-select: #FFFFFF; --thurrott-button-color-primary: #5fcdfe; --thurrott-button-color-secondary: #5bbdea; --thurrott-button-color-pressed: #56aed6; --thurrott-button-color-disabled: #4d4d4d; --thurrott-button-color-selected: #0079d6; --thurrott-input-border-color: transparent; --thurrott-background-color-primary: #292929; --thurrott-background-color-secondary: #2F3338; --thurrott-background-color-tertiary: rgba( 0, 0, 0, .9 ); --thurrott-background-color-tertiary-rgb: 0, 0, 0; --thurrott-line-background-color: rgba( 255, 255, 255, 0.1 ); --thurrott-background-color-comments: rgba(47, 51, 56, 1); --thurrott-link-color-primary: #60CDFF; --thurrott-link-color-primary-rgb: 96, 205, 255; --thurrott-link-color-secondary: #4A99E9; --thurrott-viewed-color: #000000; /* Backgrounds */ --thurrott-background-color-header: #040404; --thurrott-cart-background-color-rgb: 96, 205, 255; --thurrott-dropdown-menu-background-color: #040404; /* Buttons */ --thurrott-secondary-button-text-color: #22262B; --thurrott-secondary-button-background-color: #31BCD1; --thurrott-secondary-button-background-color-hover: #444852; /* Inputs */ --thurrott-input-background-color-primary: #393939; --thurrott-input-background-color-secondary: #393939; /* Control */ --thurrott-control-color-primary: rgba( 0, 0, 0, 0.1 ); --thurrott-control-color-secondary: rgba( 255, 255, 255, 0.04 ); --thurrott-control-color-tertiary: rgba( 255, 255, 255, 0.07 ); /* Icons */ --thurrott-icon-color-primary: #60CDFF; --thurrott-icon-dark-color-primary: #CCCCCC; /* Theme Switcher */ --thurrott-theme-switcher-background-color: #393939; --thurrott-theme-switcher-icon-background-color: #FFFFFF; /* Status Notification */ --thurrott-status-attention-background-color: rgba( 255, 255, 255, 0.0326 ); --thurrott-status-attention-color: #60CDFF; --thurrott-status-success-background-color: #393D1B; --thurrott-status-success-color: #6CCB5F; --thurrott-status-caution-background-color: #433519; --thurrott-status-caution-color: #FCE100; --thurrott-status-critical-background-color: #442726; --thurrott-status-critical-color: #FF99A4; --thurrott-status-neutral-background-color: rgba( 255, 255, 255, 0.0326 ); --thurrott-status-neutral-color: rgba( 255, 255, 255, 0.5442 ); /* Tags */ --thurrott-tag-green-color: #FFFFFF; --thurrott-tag-green-background-color: #0F7B0F; --thurrott-tag-red-color: #FFFFFF; --thurrott-tag-red-background-color: #C42B1C; --thurrott-tag-blue-color: #FFFFFF; --thurrott-tag-blue-background-color: #60CDFF; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-bolditalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-semibolditalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "SegoeUI"; src: url("assets/font/font-segoeui-italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } /* Buttons */ /* Social Links List */ /* Article Post */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } ul[class], ol[class] { padding: 0; } body, div, nav, h1, h2, h3, h4, h5, h6, a, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd, svg, path, label { margin: 0; -webkit-transition: var(--thurrott-transition); -o-transition: var(--thurrott-transition); transition: var(--thurrott-transition); } svg[data-thurrott-type="fill"] path, svg[data-thurrott-type="fill"] line, svg[data-thurrott-type="fill"] polygon { -webkit-transition: var(--thurrott-transition-svg-fill); -o-transition: var(--thurrott-transition-svg-fill); transition: var(--thurrott-transition-svg-fill); } svg[data-thurrott-type="stroke"] path, svg[data-thurrott-type="stroke"] line, svg[data-thurrott-type="stroke"] polygon { -webkit-transition: var(--thurrott-transition-svg-stroke); -o-transition: var(--thurrott-transition-svg-stroke); transition: var(--thurrott-transition-svg-stroke); } ul[class], ol[class] { list-style: none; } ul, ol { padding-left: 16px; margin: 0 0 var(--thurrott-spacing-tertiary) 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } ul[class], ol[class] { margin: 0; padding: 0; list-style: none; } a, a:hover { text-decoration: none; } a { color: var(--thurrott-link-color-primary); } a:not(a[href]) { cursor: pointer; } img { max-width: 100%; height: auto; display: block; } button { margin: 0; border: none; color: #ffffff; cursor: pointer; padding: 14px 20px 16px 20px; background: #000000; display: inline-block; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; } #wpadminbar { position: fixed; } /* Classes */ .mb-70 { margin-bottom: 70px; } .mr--100vw { margin-right: -100vw; } .justify-right { justify-content: flex-end; } .justify-center { justify-content: center; } .form-element { padding: 0; margin: 0; } .form-element .notification { margin-top: 6px; } .form-element .ep-application-loader-wrapper { margin: 16px var(--thurrott-spacing-secondary) 0 !important; } .form-element label { display: block; margin: 0 0 var(--thurrott-spacing-secondary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 700; } .form-element input { display: block; } .form-element textarea { max-width: 100% !important; min-width: 100% !important; min-height: 106px !important; max-height: 500px !important; } h1 { font-family: var(--thurrott-text-heading1-font-family); font-size: var(--thurrott-text-heading1-font-size); font-style: var(--thurrott-text-heading1-font-style); font-weight: var(--thurrott-text-heading1-font-weight); line-height: var(--thurrott-text-heading1-line-height); letter-spacing: var(--thurrott-text-heading1-letter-spacing); color: var(--thurrott-text-heading1-color); } h2 { font-family: var(--thurrott-text-heading2-font-family); font-size: var(--thurrott-text-heading2-font-size); font-style: var(--thurrott-text-heading2-font-style); font-weight: var(--thurrott-text-heading2-font-weight); line-height: var(--thurrott-text-heading2-line-height); letter-spacing: var(--thurrott-text-heading2-letter-spacing); color: var(--thurrott-text-heading2-color); } h3 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); } h4 { font-family: var(--thurrott-text-heading4-font-family); font-size: var(--thurrott-text-heading4-font-size); font-style: var(--thurrott-text-heading4-font-style); font-weight: var(--thurrott-text-heading4-font-weight); line-height: var(--thurrott-text-heading4-line-height); letter-spacing: var(--thurrott-text-heading4-letter-spacing); color: var(--thurrott-text-heading4-color); } h5 { font-family: var(--thurrott-text-heading5-font-family); font-size: var(--thurrott-text-heading5-font-size); font-style: var(--thurrott-text-heading5-font-style); font-weight: var(--thurrott-text-heading5-font-weight); line-height: var(--thurrott-text-heading5-line-height); letter-spacing: var(--thurrott-text-heading5-letter-spacing); color: var(--thurrott-text-heading5-color); } h6 { font-family: var(--thurrott-text-heading6-font-family); font-size: var(--thurrott-text-heading6-font-size); font-style: var(--thurrott-text-heading6-font-style); font-weight: var(--thurrott-text-heading6-font-weight); line-height: var(--thurrott-text-heading6-line-height); letter-spacing: var(--thurrott-text-heading6-letter-spacing); color: var(--thurrott-text-heading6-color); } p { margin: 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); -webkit-transition: var(--thurrott-transition); -o-transition: var(--thurrott-transition); transition: var(--thurrott-transition); } table { padding: 0; width: 100%; border: none; display: block; overflow: auto; text-align: left; white-space: nowrap; max-width: fit-content; border-collapse: collapse; margin: 0 0 var(--thurrott-spacing-divider-secondary) 0; } table thead, table tbody { margin: 0; padding: 0; } table thead tr, table tbody tr { margin: 0; padding: 0; } table thead tr th, table thead tr td, table tbody tr th, table tbody tr td { margin: 0; padding: 10px 15px; } table thead tr th:last-child, table thead tr td:last-child, table tbody tr th:last-child, table tbody tr td:last-child { text-align: right; } table thead tr th { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 700; } table tbody tr:nth-child(2n+1) { background-color: var(--thurrott-background-color-secondary); } table tbody tr td { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } .contain-image { display: block; overflow: hidden; -webkit-border-radius: var(--thurrott-layout-border-radius); border-radius: var(--thurrott-layout-border-radius); margin: 0 0 var(--thurrott-spacing-primary) 0; background-color: var(--thurrott-background-color-secondary); } .contain-image.contain-image-blog { max-height: 280px; height: 280px; } .contain-image.contain-image-blog img { object-position: bottom; object-fit: fill; height: 100%; } @media only screen and (max-width: 575px) { .contain-image.contain-image-blog, .contain-image.contain-image-article { height: 100%; } } .contain-image img { margin: 0; padding: 0; width: 100%; height: 100%; border: none; } /* Contain Text Editor */ .contain-text-editor { margin: 0; padding: 0; } .contain-text-editor:after, .contain-text-editor:before { clear: both; content: ""; display: block; } .contain-text-editor h1, .contain-text-editor h2, .contain-text-editor h3, .contain-text-editor h4, .contain-text-editor h5 { margin: var(--thurrott-spacing-primary) 0; } .contain-text-editor h2 { font-size: var(--thurrott-text-heading3-font-size); } .contain-text-editor p { margin-bottom: var(--thurrott-spacing-primary); } .contain-text-editor h6 { margin-bottom: var(--thurrott-spacing-secondary); } .contain-text-editor a { color: var(--thurrott-primary-color); } .contain-text-editor img { height: auto; -webkit-border-radius: 5px; border-radius: 5px; } .contain-text-editor blockquote { padding: 0 0 0 var(--thurrott-spacing-primary); font-family: var(--thurrott-text-heading5-font-family); font-size: var(--thurrott-text-heading5-font-size); font-style: var(--thurrott-text-heading5-font-style); font-weight: var(--thurrott-text-heading5-font-weight); line-height: var(--thurrott-text-heading5-line-height); letter-spacing: var(--thurrott-text-heading5-letter-spacing); color: var(--thurrott-text-heading5-color); margin: 0 0 var(--thurrott-spacing-tertiary) 0; --thurrott-text-heading5-font-style: italic; --thurrott-text-heading5-font-weight: 400; } .contain-text-editor blockquote i { display: block; margin: 0 0 var(--thurrott-spacing-secondary) 0; } .contain-text-editor blockquote span { padding: 0; display: block; margin: var(--thurrott-spacing-secondary) 0 0 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-style: normal; --thurrott-text-default-color: var( --thurrott-text-color-tertiary ); } .contain-text-editor blockquote span:before { padding: 0; width: 3px; height: 3px; content: ""; margin: 4px 8px; background: var(--thurrott-text-color-tertiary); display: inline-block; } /* Container */ [data-thurrott-container] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { [data-thurrott-container] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } /* Content with Sidebar */ [data-thurrott-layout="container-with-sidebar"] { display: grid; grid-template-columns: 2fr 1fr; gap: var(--thurrott-spacing-secondary); } @media only screen and (min-width: 992px) { [data-thurrott-layout="container-with-sidebar"][data-thurrott-library-switchview-view-mirror="three-columns"] { grid-template-columns: 3fr 1fr; } } @media only screen and (max-width: 992px) { [data-thurrott-layout="container-with-sidebar"] { grid-template-columns: 100%; } [data-thurrott-layout="container-with-sidebar"] [data-thurrott-section="sidebar"] { column-count: 2; column-gap: 20px; } [data-thurrott-layout="container-with-sidebar"] [data-thurrott-section="sidebar"] [data-thurrott-sidebar-widget] { break-inside: avoid; } } @media only screen and (max-width: 767px) { [data-thurrott-layout="container-with-sidebar"] [data-thurrott-section="sidebar"] { column-count: 1; } } /* White Box */ [data-thurrott-section="white-box-content"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="white-box-content"] h2, [data-thurrott-section="white-box-content"] h3, [data-thurrott-section="white-box-content"] h4, [data-thurrott-section="white-box-content"] h5, [data-thurrott-section="white-box-content"] h6 { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="white-box-content"] h2 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); } [data-thurrott-section="white-box-content"] h3 { font-family: var(--thurrott-text-heading4-font-family); font-size: var(--thurrott-text-heading4-font-size); font-style: var(--thurrott-text-heading4-font-style); font-weight: var(--thurrott-text-heading4-font-weight); line-height: var(--thurrott-text-heading4-line-height); letter-spacing: var(--thurrott-text-heading4-letter-spacing); color: var(--thurrott-text-heading4-color); } [data-thurrott-section="white-box-content"] h4 { font-family: var(--thurrott-text-heading5-font-family); font-size: var(--thurrott-text-heading5-font-size); font-style: var(--thurrott-text-heading5-font-style); font-weight: var(--thurrott-text-heading5-font-weight); line-height: var(--thurrott-text-heading5-line-height); letter-spacing: var(--thurrott-text-heading5-letter-spacing); color: var(--thurrott-text-heading5-color); } [data-thurrott-section="white-box-content"] ul, [data-thurrott-section="white-box-content"] ol, [data-thurrott-section="white-box-content"] p { color: var(--thurrott-text-color-secondary); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="white-box-content"] ul:last-child, [data-thurrott-section="white-box-content"] ol:last-child, [data-thurrott-section="white-box-content"] p:last-child { margin-bottom: 0; } /* Element Pagination */ .pagination .screen-reader-text { margin-bottom: 10px; } .pagination .nav-links { display: flex; flex-wrap: nowrap; flex-direction: row; align-content: start; justify-content: flex-start; align-items: center; gap: 6px; margin-top: calc( var( --thurrott-spacing-primary ) + var( --thurrott-spacing-secondary )); } .pagination .nav-links > .page-numbers { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-primary ); background-color: var(--thurrott-background-color-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } .pagination .nav-links > .page-numbers.current { cursor: default; background-color: var(--thurrott-link-color-primary) !important; color: var(--thurrott-white-color); } .pagination .nav-links > .page-numbers.dots { cursor: default; } .pagination .nav-links > .page-numbers.prev svg, .pagination .nav-links > .page-numbers.next svg { height: 12px; min-height: 12px; max-height: 12px; } .pagination .nav-links > .page-numbers.prev svg path, .pagination .nav-links > .page-numbers.next svg path { fill: var(--thurrott-text-color-primary); } .pagination .nav-links > .page-numbers.prev:hover svg path, .pagination .nav-links > .page-numbers.next:hover svg path { fill: var(--thurrott-white-color); } .pagination .nav-links > .page-numbers:hover:not(.current, .dots) { background-color: var(--thurrott-link-color-primary); color: var(--thurrott-white-color); } /* Element Notification */ .notification { margin: 0; width: 100%; display: block; -webkit-border-radius: 0; border-radius: 0; font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-accent-color ); } .notification.notification-error { --thurrott-text-caption-color: var( --thurrott-status-danger-color ); } .notification.notification-success { --thurrott-text-caption-color: var( --thurrott-status-success-color ); } .notification.notification-warning { --thurrott-text-caption-color: var( --thurrott-status-warning-color ); } /* Element Spinner Loader */ @keyframes ep_application_loader_rotate_kf { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .ep-application-loader-status-text { text-align: center; padding: 0 !important; margin: 50px 0 0 0 !important; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-primary-color ); --thurrott-text-default-font-style: 700; } .ep-application-loader-wrapper { width: 22px; height: 22px; margin: 10px; overflow: hidden; position: relative; display: inline-block; will-change: transform; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .ep-application-loader-wrapper > img { top: 50%; left: 50%; width: 30px; height: 30px; position: absolute; margin: 0 !important; padding: 0 !important; -webkit-border-radius: var(--thurrott-layout-border-radius); border-radius: var(--thurrott-layout-border-radius); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ep-application-loader-wrapper div { height: 100%; will-change: transform; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .ep-application-loader-wrapper[data-thurrott-loader-type="mini"] { width: 22px; height: 22px; margin: 5px auto; } .ep-application-loader-wrapper[data-thurrott-loader-type="mini"], .ep-application-loader-wrapper div { padding: 2px; border-radius: 50%; border: 2px solid transparent; animation: ep_application_loader_rotate_kf linear 3.5s infinite; border-top-color: var(--thurrott-primary-color); border-left-color: var(--thurrott-status-critical-color); animation-timing-function: cubic-bezier(0.55, 0.38, 0.21, 0.88); animation-duration: 3s; } .ep-application-loader-wrapper[data-thurrott-loader-type="danger"], .ep-application-loader-wrapper[data-thurrott-loader-type="danger"] div { border-top-color: var(--thurrott-status-critical-color); border-left-color: var(--thurrott-status-caution-color); } .ep-application-loader-wrapper:hover, .ep-application-loader-wrapper div:hover { animation-play-state: paused; } /* 404 */ [data-thurrott-section="404"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-divider-wide); padding-bottom: var(--thurrott-spacing-divider-wide); } @media only screen and (max-width: 395px) { [data-thurrott-section="404"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } /* Articles Posts Row */ [data-thurrott-section="post"] { -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07); background-color: var(--thurrott-background-color-secondary); height: 100%; } [data-thurrott-section="post"] > header { height: 200px; min-height: 200px; max-height: 200px; } [data-thurrott-section="post"] > header > img { width: 100%; height: 100%; object-fit: fill; } [data-thurrott-section="post"] > section { padding: var(--thurrott-spacing-secondary); } [data-thurrott-section="post"] > section > h2, [data-thurrott-section="post"] > section > h3 { font-size: 18px; line-height: 28px; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="post"] > section > h2 > a, [data-thurrott-section="post"] > section > h3 > a { color: var(--thurrott-text-color-primary); } [data-thurrott-section="post"] > section > a { margin: 0; padding: 0; vertical-align: top; display: inline-block; text-decoration: underline; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-primary-color ); --thurrott-text-default-font-weight: 700; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } [data-thurrott-section="post"] > section > a:hover { background: transparent; text-decoration: none; } [data-thurrott-element="post-meta"] { display: flex; align-items: center; gap: 9px; row-gap: 4px; margin: 0; flex-wrap: wrap; padding: 0; } [data-thurrott-element="post-meta"] > li { margin: 0; padding: 0; text-decoration: none; background: transparent; display: flex; align-items: center; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 400; --thurrott-text-default-font-size: 12px; --thurrott-text-default-line-height: 16px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } [data-thurrott-element="post-meta"] > li:hover { background: transparent; } [data-thurrott-element="post-meta"] > li svg { width: 100%; min-width: 8px; max-width: 10px; margin: 0 7px 0 0; height: auto; } [data-thurrott-element="post-meta"] > li svg path { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } [data-thurrott-element="post-meta"] > li > a { display: flex; } [data-thurrott-element="post-meta"] > li span { display: flex; align-items: center; gap: 4px; } [data-thurrott-element="post-meta"] > li[data-thurrott-element-post-meta="date"] > span { text-transform: uppercase; } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="primary"] > li { --thurrott-text-default-color: var( --thurrott-icon-color-primary ); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="primary"] > li > a { color: var(--thurrott-icon-color-primary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="primary"] > li svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="secondary"] > li { --thurrott-text-default-color: rgba( var( --thurrott-white-color-rgb ), 0.7 ); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="secondary"] > li > a { color: rgba(var(--thurrott-white-color-rgb), 0.7); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="secondary"] > li svg path { fill: var(--thurrott-icon-color-secondary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="tertiary"] > li { --thurrott-text-default-color: var( --thurrott-text-color-secondary ); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="tertiary"] > li > a { color: var(--thurrott-text-color-secondary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="tertiary"] > li svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="comments"] > li { --thurrott-text-default-color: var( --thurrott-icon-color-primary ); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="comments"] > li > a { color: var(--thurrott-icon-color-primary); } [data-thurrott-element="post-meta"][data-thurrott-element-post-meta="comments"] > li > a > svg path { fill: var(--thurrott-icon-color-primary); } @media only screen and (max-width: 395px) { [data-thurrott-element="post-meta"] > li { --thurrott-text-default-font-size: 14px; --thurrott-text-default-line-height: 18px; } [data-thurrott-element="post-meta"] > li svg { max-width: 12px; } } [data-thurrott-element="post-actions"] { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: 6px; } [data-thurrott-element="post-actions"] li { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-element="post-actions"] li svg { width: 12px; height: 12px; min-width: 12px; min-height: 12px; max-width: 12px; max-height: 12px; } [data-thurrott-element="post-actions"] li svg path { stroke-width: 2px; } @keyframes thurrott_flag_animation { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li { background-color: rgba(var(--thurrott-icon-color-secondary-rgb), 0.2); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li svg path { fill: transparent; stroke: var(--thurrott-icon-color-secondary); } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li:hover svg path, [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li[data-thurrott-interaction-state="active"] svg path { fill: var(--thurrott-white-color); stroke: var(--thurrott-white-color); } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li[data-thurrott-interaction-state="syncing"] { cursor: not-allowed; animation: thurrott_flag_animation linear 2s infinite; } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="primary"] li[data-thurrott-interaction-state="syncing"] svg path { fill: var(--thurrott-white-color); stroke: var(--thurrott-white-color); } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li { background-color: var(--thurrott-icon-color-primary); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li svg path { fill: transparent; stroke: var(--thurrott-white-color); } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li:hover svg path, [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li[data-thurrott-interaction-state="active"] svg path { fill: var(--thurrott-white-color); stroke: var(--thurrott-white-color); } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li[data-thurrott-interaction-state="syncing"] { cursor: not-allowed; animation: thurrott_flag_animation linear 2s infinite; } [data-thurrott-element="post-actions"][data-thurrott-element-post-actions="secondary"] li[data-thurrott-interaction-state="syncing"] svg path { fill: var(--thurrott-white-color); stroke: var(--thurrott-white-color); } [data-thurrott-element="header-section"] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--thurrott-spacing-primary); } [data-thurrott-element="header-section"] > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); text-transform: capitalize; } [data-thurrott-element="header-section"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } [data-thurrott-element="header-section"] > a { display: flex; align-items: center; gap: 7px; } [data-thurrott-element="header-section"] > a > svg path { fill: var(--thurrott-icon-color-primary); } /* Tags */ [data-thurrott-tag] { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-size: 8px; line-height: 16px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; padding: 2px 4px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); text-transform: uppercase; width: fit-content; white-space: nowrap; } [data-thurrott-tag][data-thurrott-tag="free"] { color: var(--thurrott-tag-green-color); background-color: var(--thurrott-tag-green-background-color); } [data-thurrott-tag][data-thurrott-tag="free"][data-thurrott-tag-style="dark"] { color: var(--thurrott-tag-green-color-dark); background-color: var(--thurrott-tag-green-background-color-dark); } [data-thurrott-tag][data-thurrott-tag="premium"] { color: var(--thurrott-tag-red-color); background-color: var(--thurrott-tag-red-background-color); } [data-thurrott-tag][data-thurrott-tag="premium"][data-thurrott-tag-style="dark"] { color: var(--thurrott-tag-red-color-dark); background-color: var(--thurrott-tag-red-background-color-dark); } [data-thurrott-tag][data-thurrott-tag="blue"] { color: var(--thurrott-tag-blue-color); background-color: var(--thurrott-tag-blue-background-color); } [data-thurrott-tag][data-thurrott-tag="blue"][data-thurrott-tag-style="dark"] { color: var(--thurrott-tag-blue-color-dark); background-color: var(--thurrott-tag-blue-background-color-dark); } [data-thurrott-tag][data-thurrott-tag="closed"] { color: var(--thurrott-tag-white-color); background-color: var(--thurrott-tag-white-background-color); } [data-thurrott-tag][data-thurrott-tag="basic-member"] { color: var(--thurrott-tag-green-color); background-color: var(--thurrott-tag-green-background-color); } [data-thurrott-tag][data-thurrott-tag="basic-member"][data-thurrott-tag-style="dark"] { color: var(--thurrott-tag-green-color-dark); background-color: var(--thurrott-tag-green-background-color-dark); } [data-thurrott-tag][data-thurrott-tag="premium-member"] { color: var(--thurrott-tag-red-color); background-color: var(--thurrott-tag-red-background-color); } [data-thurrott-tag][data-thurrott-tag="premium-member"][data-thurrott-tag-style="dark"] { color: var(--thurrott-tag-red-color-dark); background-color: var(--thurrott-tag-red-background-color-dark); } @media only screen and (max-width: 395px) { [data-thurrott-tag] { font-size: 10px; } } /* Posts View */ [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: 6px; } [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li { width: 26px; height: 26px; min-width: 26px; min-height: 26px; max-width: 26px; max-height: 26px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; justify-content: center; cursor: pointer; } [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li svg { width: 13px; height: 13px; min-width: 13px; min-height: 13px; max-width: 13px; max-height: 13px; } [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li svg path { fill: var(--thurrott-text-color-secondary); } [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li:hover, [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li[data-thurrott-interaction-state="active"] { background-color: var(--thurrott-control-color-secondary); } /* Elementor */ body.elementor-editor-active { padding-top: 176px !important; } /* General Container */ .container { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { .container { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } /* Sidebar */ [data-thurrott-section="sidebar"] [data-thurrott-element="header-section"] { margin-bottom: var(--thurrott-spacing-primary); } /* Gravity Form */ .gform_wrapper > .gform_heading > .gform_required_legend { display: none; } .gform_wrapper > form > .gform_body > .gform_fields > .gfield > .gfield_label { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); margin-bottom: 6px; display: block; } .gform_wrapper > form > .gform_body > .gform_fields > .gfield > .gfield_label > span { color: var(--thurrott-status-critical-color); } .gform_wrapper > form > .gform_body > .gform_fields > .gfield textarea { max-width: 100% !important; min-width: 100% !important; height: 72px; min-height: 72px !important; max-height: 150px !important; } .gform_wrapper > form > .gform_footer { padding: var(--thurrott-spacing-primary) 0 0 !important; } .gform_wrapper > form > .gform_footer .gform_button { height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; line-height: unset !important; border: 2px solid transparent; margin: 0 !important; width: 100%; max-width: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-on-accent-color-secondary) !important; background-color: var(--thurrott-link-color-primary) !important; } .gform_wrapper > form > .gform_footer .gform_button:hover { color: var(--thurrott-on-accent-color-secondary) !important; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.8) !important; } .gform_wrapper > form > .gform_footer .gform_ajax_spinner { margin-left: var(--thurrott-spacing-primary); } /* Social Login Plugin */ .the_champ_login_container .the_champ_login_ul { display: flex !important; flex-direction: column !important; } .the_champ_login_container .the_champ_login_ul > li:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary) !important; } .the_champ_login_container .the_champ_login_ul > li > i { width: 100% !important; border: none !important; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12) !important; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12) !important; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--thurrott-general-border-radius) !important; border-radius: var(--thurrott-general-border-radius) !important; } .the_champ_login_container .the_champ_login_ul > li > i.theChampGoogleBackground { color: var(--thurrott-gray-color-primary) !important; background-color: var(--thurrott-white-color) !important; } .the_champ_login_container .the_champ_login_ul > li > i.theChampGoogleBackground:hover { background-color: var(--thurrott-layout-primary-background-color) !important; } .the_champ_login_container .the_champ_login_ul > li > i.theChampMicrosoftBackground { color: var(--thurrott-white-color) !important; } .the_champ_login_container .the_champ_login_ul > li > i.theChampMicrosoftBackground:hover { opacity: .8 !important; } .the_champ_login_container .the_champ_login_ul > li > i > ss { background-size: 26px !important; background-position: left 6px center !important; position: relative !important; } .the_champ_login_container .the_champ_login_ul > li > i > ss:after { position: absolute !important; top: 0 !important; bottom: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; font-style: normal; } /* Inline Form */ [data-thurrott-section="inline-form"] { padding: var(--thurrott-spacing-secondary); margin: var(--thurrott-spacing-secondary) 0; background-color: var(--thurrott-background-color-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="inline-form"] > h2 { margin: 0 0 var(--thurrott-spacing-primary); } [data-thurrott-section="inline-form"] > .thurrott-content-from-editor { margin: 0 0 var(--thurrott-spacing-secondary); } [data-thurrott-section="inline-form"] > .thurrott-content-from-editor > * { color: var(--thurrott-text-color-secondary); } [data-thurrott-section="inline-form"] > .gform_wrapper > form { display: flex; align-items: flex-end; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="inline-form"] > .gform_wrapper > form > .gform_body { width: 100%; } [data-thurrott-section="inline-form"] > .gform_wrapper > form > .gform_body .gfield { position: relative; } [data-thurrott-section="inline-form"] > .gform_wrapper > form > .gform_body .gfield > .gfield_validation_message { position: absolute; bottom: -20px; left: 0; background: none; padding: 0; border: none; } [data-thurrott-section="inline-form"] > .gform_wrapper > form > .gform_body input { line-height: unset !important; min-height: unset !important; background-color: var(--thurrott-input-background-color-primary) !important; } [data-thurrott-section="inline-form"] > .gform_wrapper > form > .gform_footer { height: 39px; margin: 0; padding: 0 !important; } body.thurrott-frontend { margin: 0; padding: 153px 0 0 0; word-break: break-word; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); background-color: var(--thurrott-background-color-primary); } body.thurrott-frontend.admin-bar [data-thurrott-navigation="bar"] { top: 32px; } @media only screen and (max-width: 782px) { body.thurrott-frontend.admin-bar [data-thurrott-navigation="bar"] { top: 46px; } } body.thurrott-frontend.has-announcement-bar { padding: 187px 0 0 0; } body.thurrott-frontend.has-announcement-bar.admin-bar { padding: 201px 0 0 0; } body.thurrott-frontend.navbar-active { overflow: hidden; } [data-thurrott-navigation="bar"] { top: 0; left: 0; margin: 0; width: 100%; z-index: 10000; position: fixed; background-color: var(--thurrott-background-color-header); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding-top: 25px; padding-bottom: 25px; } @media only screen and (max-width: 395px) { [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] { margin-right: var(--thurrott-spacing-secondary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"], [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] { display: flex; align-items: center; width: 100%; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] { justify-content: flex-end; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] > .navbar-nav { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: 27px; margin: 0 var(--thurrott-spacing-tertiary) 0 0; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] > .navbar-nav > li { white-space: nowrap; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] > .navbar-nav > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: 27px; margin: 0 var(--thurrott-spacing-secondary) 0 0; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li { white-space: nowrap; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); display: flex; align-items: center; gap: 8px; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > a svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li[data-thurrott-element="notifications"] { position: relative; cursor: pointer; } @keyframes bell_shake { 0% { transform: rotate(0deg); } 20% { transform: rotate(-15deg); } 40% { transform: rotate(15deg); } 60% { transform: rotate(-15deg); } 80% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li[data-thurrott-element="notifications"]:before { content: ''; position: absolute; top: -3px; right: -10px; width: 10px; height: 10px; min-width: 10px; min-height: 10px; max-width: 10px; max-height: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: var(--thurrott-link-color-primary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li[data-thurrott-element="notifications"][data-thurrott-interaction-state="active"]:before { display: block; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li[data-thurrott-element="notifications"] > svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li[data-thurrott-element="notifications"]:hover > svg { animation: bell_shake linear 0.3s alternate; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] { position: relative; display: flex; align-items: center; gap: 6px; cursor: pointer; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > img { width: 24px; height: 24px; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; -webkit-border-radius: 24px; border-radius: 24px; object-fit: fill; object-position: center; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > [data-thurrott-element-my-account-element="name"] { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > [data-thurrott-element-my-account-element="name"] > svg { width: 8px; min-width: 8px; max-width: 8px; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > [data-thurrott-element-my-account-element="name"] > svg path { fill: var(--thurrott-text-color-secondary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > #my-account-menu { display: none; position: absolute; top: 30px; right: 0; background-color: var(--thurrott-background-color-header); padding: 8px 0; z-index: 9; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > #my-account-menu > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-font-size: 14px; white-space: nowrap; padding: 8px var(--thurrott-spacing-primary); display: block; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > #my-account-menu > li > a:hover { background-color: var(--thurrott-theme-switcher-background-color); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] [data-thurrott-navigation-content="user-area"] > li > [data-thurrott-element="my-account"] > #my-account-menu.active { display: block; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="bottom"] { border-top: 1px solid var(--thurrott-background-color-primary); } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="bottom"] .navbar-collapse { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="bottom"] .navbar-collapse { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"] { width: 120px; min-width: 120px; max-width: 120px; padding: 0; height: auto; margin: 0 var(--thurrott-spacing-tertiary) 0 0; display: inline-block; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"] img { margin: 0; padding: 0; display: block; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"][data-thurrott-view="mobile"] { display: none; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav { padding: 0; margin: 0; list-style-type: none; display: flex; gap: var(--thurrott-spacing-secondary); align-items: center; list-style: none; flex-wrap: nowrap; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav > .menu-item { white-space: nowrap; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav > .menu-item > a { position: relative; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; padding: 20px var(--thurrott-spacing-primary); display: block; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav > .menu-item > a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-right: 10px; background-color: var(--thurrott-primary-color); -webkit-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav > .menu-item > a[aria-current="page"]:after, [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav > .menu-item > a:hover:after { height: 3px; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item { position: relative; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu { display: none; position: absolute; top: 64px; left: 0; width: 100%; min-width: 150px; background-color: var(--thurrott-input-background-color-primary); padding: 8px 0; z-index: 9; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu:before { content: ''; position: absolute; top: -20px; left: 0; height: 20px; width: 100%; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li { position: relative; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-font-size: 14px; padding: 8px var(--thurrott-spacing-primary); display: block; white-space: normal; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > a:hover { background-color: var(--thurrott-dropdown-menu-background-color); } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > .sub-menu { display: none; position: absolute; top: 0; left: 154px; width: 100%; min-width: 150px; background-color: var(--thurrott-input-background-color-primary); padding: 8px 0; z-index: 9; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > .sub-menu:before { content: ''; position: absolute; top: 0; left: -20px; height: 100%; width: 20px; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > .sub-menu > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-font-size: 14px; padding: 8px var(--thurrott-spacing-primary); display: block; white-space: normal; } [data-thurrott-navigation="bar"] .navbar-collapse:not(.active) .navbar-nav > .menu-item > .sub-menu > li > .sub-menu > li > a:hover { background-color: var(--thurrott-dropdown-menu-background-color); } [data-thurrott-navigation="bar"] .navbar-collapse.active .navbar-nav > .menu-item .sub-menu { display: block !important; } [data-thurrott-navigation="bar"] .navbar-collapse.active .navbar-nav > .menu-item .sub-menu a { position: relative; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; padding-left: 20px; display: block; opacity: .7; } [data-thurrott-navigation="bar"] .navbar-collapse.active .navbar-nav > .menu-item > .sub-menu > li > .sub-menu a { padding-left: 40px; } [data-thurrott-navigation="bar"] .button-theme-switcher, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell { padding: 0; border: none; cursor: pointer; background: none; appearance: none; margin: 0; -webkit-appearance: none; } [data-thurrott-navigation="bar"] .button-theme-switcher:hover, [data-thurrott-navigation="bar"] .button-theme-switcher:hover:active, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell:hover, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell:hover:active { background: none; } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container { margin: 0; padding: 0; width: 42px; height: 24px; position: relative; background-color: var(--thurrott-theme-switcher-background-color); -webkit-border-radius: 32px; border-radius: 32px; -webkit-transition: var(--thurrott-transition); -o-transition: var(--thurrott-transition); transition: var(--thurrott-transition); } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container .button-theme-switcher-icon, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container .button-theme-switcher-icon { top: 3px; left: 3px; width: 18px; height: 18px; display: flex; position: absolute; align-items: center; justify-content: center; background-color: var(--thurrott-white-color); transition: background-color .2s ease, transform .2s ease; -webkit-border-radius: 32px; border-radius: 32px; -webkit-box-shadow: none; box-shadow: none; } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container .button-theme-switcher-icon svg, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container .button-theme-switcher-icon svg { -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container .button-theme-switcher-icon svg path, [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container .button-theme-switcher-icon svg path { stroke: var(--thurrott-gray-color-secondary); } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="sun"], [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="sun"] { opacity: 1; -ms-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px); } [data-thurrott-navigation="bar"] .button-theme-switcher .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="moon"], [data-thurrott-navigation="bar"] .button-theme-switcher-upsell .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="moon"] { opacity: 0; -ms-transform: translateX(-4px); -webkit-transform: translateX(-4px); transform: translateX(-4px); } [data-thurrott-navigation="bar"] .navbar-toggle { padding: 0; z-index: 12; width: 27px; height: 17px; border: none; cursor: pointer; background: none; margin: 0 0 0 var(--thurrott-spacing-primary); position: relative; display: none; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); -webkit-transition: var(--thurrott-transition); -o-transition: var(--thurrott-transition); transition: var(--thurrott-transition); } [data-thurrott-navigation="bar"] .navbar-toggle svg { top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 35px; height: 35px; position: absolute; } [data-thurrott-navigation="bar"] .navbar-toggle [data-thurrott-svg="cross"] { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 400ms; -o-transition: transform 400ms; transition: transform 400ms; } [data-thurrott-navigation="bar"] .navbar-toggle [data-thurrott-svg="cross"] .line { stroke-width: 5.5px; } [data-thurrott-navigation="bar"] .navbar-toggle .line { fill: none; stroke: var(--thurrott-text-color-secondary); stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50%; -webkit-transition: transform 400ms 100ms; -o-transition: transform 400ms 100ms; transition: transform 400ms 100ms; } [data-thurrott-navigation="bar"] .navbar-toggle .line2 { -ms-transform: scaleX(0.7); -webkit-transform: scaleX(0.7); transform: scaleX(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle .line6 { -ms-transform: scaleX(0.5); -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line { -webkit-transition: transform 400ms; -o-transition: transform 400ms; transition: transform 400ms; } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line1 { -ms-transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7); -webkit-transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7); transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line2 { -ms-transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7); -webkit-transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7); transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line3 { -ms-transform: translateY(0px) rotate(45deg) scale(0.7); -webkit-transform: translateY(0px) rotate(45deg) scale(0.7); transform: translateY(0px) rotate(45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line4 { -ms-transform: translateY(0px) rotate(-45deg) scale(0.7); -webkit-transform: translateY(0px) rotate(-45deg) scale(0.7); transform: translateY(0px) rotate(-45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line5 { -ms-transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7); -webkit-transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7); transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle .line6 { -ms-transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7); -webkit-transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7); transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7); } [data-thurrott-navigation="bar"] .navbar-toggle.active.navbar-toggle [data-thurrott-svg="cross"] { -webkit-transition: transform 400ms 100ms; -o-transition: transform 400ms 100ms; transition: transform 400ms 100ms; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /*darkmode button*/ .darkmode [data-thurrott-navigation="bar"] .button-theme-switcher-container .button-theme-switcher-icon { -ms-transform: translateX(17px) !important; -webkit-transform: translateX(17px) !important; transform: translateX(17px) !important; } .darkmode [data-thurrott-navigation="bar"] .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="sun"] { opacity: 0 !important; } .darkmode [data-thurrott-navigation="bar"] .button-theme-switcher-container .button-theme-switcher-icon [data-thurrott-svg="moon"] { opacity: 1 !important; } @media only screen and (max-width: 1240px) { body.thurrott-frontend { padding: 92px 0 0 0; } body.thurrott-frontend.has-announcement-bar { padding: 127px 0 0 0; } body.thurrott-frontend.has-announcement-bar.admin-bar { padding: 141px 0 0 0; } body.admin-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding: 120px 20px 95px; } body.admin-bar.has-announcement-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding: 170px 20px 95px; } body.has-announcement-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding: 130px 20px 95px; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] { position: relative; z-index: 999; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] { width: 70%; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="bottom"] { border: none; } [data-thurrott-navigation="bar"] .navbar-toggle { display: block; } [data-thurrott-navigation="bar"] .navbar-collapse { top: 0; left: 0; width: 0; height: 0; z-index: 10; padding: 0; display: flex; margin-left: 0; position: fixed; overflow: hidden; flex-direction: column; justify-content: flex-start; background-color: rgba(var(--thurrott-background-color-tertiary-rgb), 1); } [data-thurrott-navigation="bar"] .navbar-collapse.active { width: 100%; height: 100%; padding: 75px 20px 105px; } [data-thurrott-navigation="bar"] .navbar-collapse.active > .navbar-container { overflow: auto; height: 100%; scrollbar-width: thin; scrollbar-color: rgba(var(--thurrott-white-color-rgb), 0.2) transparent; } [data-thurrott-navigation="bar"] .navbar-collapse.active > .navbar-container::-webkit-scrollbar { width: 6px; height: 6px; } [data-thurrott-navigation="bar"] .navbar-collapse.active > .navbar-container::-webkit-scrollbar-track { background: none; } [data-thurrott-navigation="bar"] .navbar-collapse.active > .navbar-container::-webkit-scrollbar-thumb { background-color: rgba(var(--thurrott-white-color-rgb), 0.2); border-radius: 10px; } [data-thurrott-navigation="bar"] .navbar-collapse.active > .navbar-container::-webkit-scrollbar-corner { background: none; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav { display: block; margin-top: var(--thurrott-spacing-secondary); } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav .menu-item { display: block; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav .menu-item > a { --thurrott-text-default-font-size: 18px; --thurrott-text-default-color: var( --thurrott-text-color-primary ); padding: 0; margin: 0 0 var(--thurrott-spacing-secondary) 0; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav .menu-item > a:after { display: none; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav .menu-item.current_page_item > a { color: var(--thurrott-primary-color); } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav#header-menu-secondary .menu-item > a { font-weight: 400; color: var(--thurrott-text-color-secondary); } [data-thurrott-navigation="bar"] .navbar-collapse [data-thurrott-navigation-content-user-area-section="premium-cta"] { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-size: 18px; --thurrott-text-default-font-weight: 400; --thurrott-text-default-color: var( --thurrott-text-color-secondary ); } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav-secondary { text-align: center; margin-bottom: var(--thurrott-spacing-divider-secondary); } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav-secondary li { margin: 0; padding: 0; display: inline-block; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav-secondary li a { margin: 0; display: block; padding: 0 18px; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-primary ); } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-toggle { width: 0; opacity: 0; margin-left: 0; overflow: hidden; display: none; } [data-thurrott-navigation="bar"] .navbar-collapse .navbar-nav-secondary { display: none; } } @media only screen and (max-width: 992px) { [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] { width: 100%; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] > .navbar-nav { display: none; } } @media only screen and (max-width: 767px) { body.thurrott-frontend { padding: 80px 0 0 0; } body.thurrott-frontend.admin-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding-top: 115px; } body.thurrott-frontend.admin-bar.has-announcement-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding-top: 155px; } body.thurrott-frontend.has-announcement-bar [data-thurrott-navigation="bar"] .navbar-collapse.active { padding-top: 115px; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] [data-thurrott-section="search-form"] { width: 28vw; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] > [data-thurrott-navigation-content="user-area"] > li[data-thurrott-navigation-content-user-area-section="premium-cta"] { display: none; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="navbar-toggle"] { margin: 0 0 0 var(--thurrott-spacing-secondary); } } @media only screen and (max-width: 575px) { body.thurrott-frontend { padding: 74px 0 0 0; } body.thurrott-frontend.has-announcement-bar { padding: 102px 0 0 0; } body.thurrott-frontend.has-announcement-bar.admin-bar { padding: 116px 0 0 0; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] { width: auto; margin: 0; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="left"] [data-thurrott-section="search-form"] { display: none; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="top"] [data-thurrott-navigation-content="right"] { width: auto; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"] { margin: 0; } [data-thurrott-navigation="bar"] .navbar-toggle { margin: 0 0 0 var(--thurrott-spacing-primary); } } @media only screen and (max-width: 395px) { [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"][data-thurrott-view="mobile"] { display: block; width: 30px; min-width: 30px; max-width: 30px; } [data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"]:not([data-thurrott-navigation="bar"] [data-thurrott-navigation-content="custom-logo"][data-thurrott-view="mobile"]) { display: none; } } /* Buttons */ /* Social Links List */ /* Article Post */ select, textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="date"] { margin: 0; width: 100%; padding: 13px 15px; display: block; outline: none; background-color: var(--thurrott-input-background-color-secondary); border: 2px solid transparent; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } select:hover, select:focus, select:not(:placeholder-shown), select:active, textarea:hover, textarea:focus, textarea:not(:placeholder-shown), textarea:active, input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:not(:placeholder-shown), input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:not(:placeholder-shown), input[type="email"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:not(:placeholder-shown), input[type="tel"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:not(:placeholder-shown), input[type="search"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:not(:placeholder-shown), input[type="password"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:not(:placeholder-shown), input[type="date"]:active { -webkit-box-shadow: none; box-shadow: none; background-color: var(--thurrott-input-background-color-primary); border: 2px solid var(--thurrott-input-background-color-secondary); } select ~ .show-password-input, textarea ~ .show-password-input, input[type="text"] ~ .show-password-input, input[type="email"] ~ .show-password-input, input[type="tel"] ~ .show-password-input, input[type="search"] ~ .show-password-input, input[type="password"] ~ .show-password-input, input[type="date"] ~ .show-password-input { bottom: 0; margin: auto; top: 0; display: flex; align-items: center; } [data-thurrott-input-style="icon"] { position: relative; } [data-thurrott-input-style="icon"] select, [data-thurrott-input-style="icon"] textarea, [data-thurrott-input-style="icon"] input[type="text"], [data-thurrott-input-style="icon"] input[type="email"], [data-thurrott-input-style="icon"] input[type="tel"], [data-thurrott-input-style="icon"] input[type="search"], [data-thurrott-input-style="icon"] input[type="password"] { padding: 13px 13px 13px 36px; } [data-thurrott-input-style="icon"] select:hover ~ svg, [data-thurrott-input-style="icon"] select:focus ~ svg, [data-thurrott-input-style="icon"] select:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] select:active ~ svg, [data-thurrott-input-style="icon"] textarea:hover ~ svg, [data-thurrott-input-style="icon"] textarea:focus ~ svg, [data-thurrott-input-style="icon"] textarea:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] textarea:active ~ svg, [data-thurrott-input-style="icon"] input[type="text"]:hover ~ svg, [data-thurrott-input-style="icon"] input[type="text"]:focus ~ svg, [data-thurrott-input-style="icon"] input[type="text"]:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] input[type="text"]:active ~ svg, [data-thurrott-input-style="icon"] input[type="email"]:hover ~ svg, [data-thurrott-input-style="icon"] input[type="email"]:focus ~ svg, [data-thurrott-input-style="icon"] input[type="email"]:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] input[type="email"]:active ~ svg, [data-thurrott-input-style="icon"] input[type="tel"]:hover ~ svg, [data-thurrott-input-style="icon"] input[type="tel"]:focus ~ svg, [data-thurrott-input-style="icon"] input[type="tel"]:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] input[type="tel"]:active ~ svg, [data-thurrott-input-style="icon"] input[type="search"]:hover ~ svg, [data-thurrott-input-style="icon"] input[type="search"]:focus ~ svg, [data-thurrott-input-style="icon"] input[type="search"]:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] input[type="search"]:active ~ svg, [data-thurrott-input-style="icon"] input[type="password"]:hover ~ svg, [data-thurrott-input-style="icon"] input[type="password"]:focus ~ svg, [data-thurrott-input-style="icon"] input[type="password"]:not(:placeholder-shown) ~ svg, [data-thurrott-input-style="icon"] input[type="password"]:active ~ svg { opacity: 1; } [data-thurrott-input-style="icon"] select:hover ~ svg path, [data-thurrott-input-style="icon"] select:focus ~ svg path, [data-thurrott-input-style="icon"] select:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] select:active ~ svg path, [data-thurrott-input-style="icon"] textarea:hover ~ svg path, [data-thurrott-input-style="icon"] textarea:focus ~ svg path, [data-thurrott-input-style="icon"] textarea:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] textarea:active ~ svg path, [data-thurrott-input-style="icon"] input[type="text"]:hover ~ svg path, [data-thurrott-input-style="icon"] input[type="text"]:focus ~ svg path, [data-thurrott-input-style="icon"] input[type="text"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] input[type="text"]:active ~ svg path, [data-thurrott-input-style="icon"] input[type="email"]:hover ~ svg path, [data-thurrott-input-style="icon"] input[type="email"]:focus ~ svg path, [data-thurrott-input-style="icon"] input[type="email"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] input[type="email"]:active ~ svg path, [data-thurrott-input-style="icon"] input[type="tel"]:hover ~ svg path, [data-thurrott-input-style="icon"] input[type="tel"]:focus ~ svg path, [data-thurrott-input-style="icon"] input[type="tel"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] input[type="tel"]:active ~ svg path, [data-thurrott-input-style="icon"] input[type="search"]:hover ~ svg path, [data-thurrott-input-style="icon"] input[type="search"]:focus ~ svg path, [data-thurrott-input-style="icon"] input[type="search"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] input[type="search"]:active ~ svg path, [data-thurrott-input-style="icon"] input[type="password"]:hover ~ svg path, [data-thurrott-input-style="icon"] input[type="password"]:focus ~ svg path, [data-thurrott-input-style="icon"] input[type="password"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon"] input[type="password"]:active ~ svg path { fill: var(--thurrott-icon-dark-color-primary); } [data-thurrott-input-style="icon"] > svg { position: absolute; top: 0; bottom: 0; left: 12px; margin: auto 0; width: 15px; height: 15px; max-width: 15px; max-height: 15px; opacity: 0.5; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-input-style="icon"] > svg path { fill: var(--thurrott-icon-dark-color-primary); } [data-thurrott-input-style="icon-right"] { position: relative; } [data-thurrott-input-style="icon-right"] select, [data-thurrott-input-style="icon-right"] textarea, [data-thurrott-input-style="icon-right"] input[type="text"], [data-thurrott-input-style="icon-right"] input[type="email"], [data-thurrott-input-style="icon-right"] input[type="tel"], [data-thurrott-input-style="icon-right"] input[type="search"], [data-thurrott-input-style="icon-right"] input[type="password"] { padding: 13px 36px 13px 13px; } [data-thurrott-input-style="icon-right"] select:hover ~ svg path, [data-thurrott-input-style="icon-right"] select:focus ~ svg path, [data-thurrott-input-style="icon-right"] select:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] select:active ~ svg path, [data-thurrott-input-style="icon-right"] textarea:hover ~ svg path, [data-thurrott-input-style="icon-right"] textarea:focus ~ svg path, [data-thurrott-input-style="icon-right"] textarea:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] textarea:active ~ svg path, [data-thurrott-input-style="icon-right"] input[type="text"]:hover ~ svg path, [data-thurrott-input-style="icon-right"] input[type="text"]:focus ~ svg path, [data-thurrott-input-style="icon-right"] input[type="text"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] input[type="text"]:active ~ svg path, [data-thurrott-input-style="icon-right"] input[type="email"]:hover ~ svg path, [data-thurrott-input-style="icon-right"] input[type="email"]:focus ~ svg path, [data-thurrott-input-style="icon-right"] input[type="email"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] input[type="email"]:active ~ svg path, [data-thurrott-input-style="icon-right"] input[type="tel"]:hover ~ svg path, [data-thurrott-input-style="icon-right"] input[type="tel"]:focus ~ svg path, [data-thurrott-input-style="icon-right"] input[type="tel"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] input[type="tel"]:active ~ svg path, [data-thurrott-input-style="icon-right"] input[type="search"]:hover ~ svg path, [data-thurrott-input-style="icon-right"] input[type="search"]:focus ~ svg path, [data-thurrott-input-style="icon-right"] input[type="search"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] input[type="search"]:active ~ svg path, [data-thurrott-input-style="icon-right"] input[type="password"]:hover ~ svg path, [data-thurrott-input-style="icon-right"] input[type="password"]:focus ~ svg path, [data-thurrott-input-style="icon-right"] input[type="password"]:not(:placeholder-shown) ~ svg path, [data-thurrott-input-style="icon-right"] input[type="password"]:active ~ svg path { fill: var(--thurrott-icon-dark-color-secondary); } [data-thurrott-input-style="icon-right"] > svg { position: absolute; top: 0; bottom: 0; right: 12px; margin: auto 0; width: 15px; height: 15px; max-width: 15px; max-height: 15px; opacity: 0.5; z-index: 1; } [data-thurrott-input-style="icon-right"] > svg path { fill: var(--thurrott-icon-dark-color-primary); } [data-thurrott-input="checkbox"] { position: relative; padding-left: 24px; display: flex; align-items: center; gap: 8px; } [data-thurrott-input="checkbox"] > input[type="checkbox"] { display: none; } [data-thurrott-input="checkbox"] > input[type="checkbox"]:checked ~ label:after { display: flex; } [data-thurrott-input="checkbox"] > label { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); cursor: pointer; } [data-thurrott-input="checkbox"] > label:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid var(--thurrott-text-color-disabled); display: block; opacity: 0.5; } [data-thurrott-input="checkbox"] > label:after { display: none; content: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 5.4398L8.22 0.969801C8.354 0.836843 8.53321 0.759306 8.72186 0.752662C8.91051 0.746019 9.09473 0.810758 9.23775 0.933961C9.38077 1.05716 9.47207 1.22976 9.49344 1.41732C9.5148 1.60488 9.46465 1.79359 9.353 1.9458L9.28 2.0298L4.28 7.0298C4.15301 7.15682 3.98466 7.23405 3.80555 7.24744C3.62644 7.26084 3.44847 7.20951 3.304 7.1028L3.22 7.0298L0.719999 4.5298C0.587042 4.3958 0.509504 4.21659 0.502861 4.02794C0.496217 3.83929 0.560957 3.65507 0.684159 3.51205C0.807361 3.36903 0.979964 3.27773 1.16752 3.25636C1.35508 3.235 1.54379 3.28515 1.696 3.3968L1.78 3.4698L3.75 5.4398Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); position: absolute; top: 0; bottom: 0; left: 0; margin: auto; align-items: center; justify-content: center; width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; -webkit-border-radius: 2px; border-radius: 2px; background-color: var(--thurrott-primary-color); } .select2.select2-container { width: 100% !important; } .select2.select2-container .selection .select2-selection.select2-selection--single { background-color: var(--thurrott-input-background-color-primary); border: 2px solid var(--thurrott-input-background-color-secondary); height: 50px; } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered { height: 100%; display: flex; align-items: center; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow { height: 100%; } .select2-container .select2-dropdown { border-color: var(--thurrott-input-background-color-secondary); background-color: var(--thurrott-input-background-color-primary); } .select2-container .select2-dropdown .select2-results > ul > li { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } .select2-container .select2-dropdown .select2-results > ul > li:hover, .select2-container .select2-dropdown .select2-results > ul > li.select2-results__option--highlighted, .select2-container .select2-dropdown .select2-results > ul > li[data-selected="true"] { background-color: var(--thurrott-primary-color); color: var(--thurrott-white-color); } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.16016 7.19531C6.40625 7.44141 6.81641 7.44141 7.0625 7.19531L12.3945 1.89062C12.6406 1.61719 12.6406 1.20703 12.3945 0.960938L11.7656 0.332031C11.5195 0.0859375 11.1094 0.0859375 10.8359 0.332031L6.625 4.54297L2.38672 0.332031C2.11328 0.0859375 1.70312 0.0859375 1.45703 0.332031L0.828125 0.960938C0.582031 1.20703 0.582031 1.61719 0.828125 1.89062L6.16016 7.19531Z' fill='gray'/%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; background-position: center right 10px; } [data-thurrott-component="quill-editor"] > .ql-toolbar.ql-snow { border: none !important; } [data-thurrott-component="quill-editor"] > .ql-container.ql-snow { border: none !important; } [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor { background-color: var(--thurrott-input-background-color-primary); border: 2px solid var(--thurrott-input-background-color-secondary) !important; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor:before { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); opacity: 0.5; } [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor.ql-blank { background-color: var(--thurrott-input-background-color-secondary); border: 2px solid transparent !important; } [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor:hover, [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor:focus, [data-thurrott-component="quill-editor"] > .ql-container.ql-snow > .ql-editor:active { -webkit-box-shadow: none; box-shadow: none; background-color: var(--thurrott-input-background-color-primary); border: 2px solid var(--thurrott-input-background-color-secondary) !important; } [data-thurrott-element="announcement-bar"] { width: 100%; background-color: var(--thurrott-primary-color); padding: 10px 0; position: relative; z-index: 99; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; display: flex; align-items: center; } @media only screen and (max-width: 395px) { [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > svg { width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; margin-right: var(--thurrott-spacing-primary); } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > svg path { fill: var(--thurrott-white-color); } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > .thurrott-content-from-editor { display: flex; align-items: center; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > .thurrott-content-from-editor > p { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); color: var(--thurrott-white-color); margin: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] a { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); color: var(--thurrott-white-color); text-decoration: underline; margin: 0 var(--thurrott-spacing-primary); white-space: nowrap; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] a:hover { text-decoration: none; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > span { cursor: pointer; margin-left: auto; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > span > svg { width: 12px; height: 12px; min-width: 12px; min-height: 12px; max-width: 12px; max-height: 12px; } [data-thurrott-element="announcement-bar"] > [data-thurrott-element-announcement-bar-section="content"] > span > svg path { stroke-width: 1; } /* Buttons */ /* Social Links List */ /* Article Post */ [data-thurrott-section="comments"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="comments"] > header { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="comments"] > header > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } [data-thurrott-section="comments"] > header > h3 > span { display: inline-block; font-weight: 400; margin-left: var(--thurrott-spacing-primary); } [data-thurrott-section="comments"] .thurrott-comment-form-container.respond-reply { border: 1px solid var(--thurrott-input-background-color-secondary); padding: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="comments"] .thurrott-comment-form-container .comment-reply-title { margin-bottom: 6px; text-align: right; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } [data-thurrott-section="comments"] .thurrott-comment-form-container .comment-reply-title a { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field > label { margin-bottom: 8px; font-weight: 700; display: block; } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field.comment-form-comment { position: relative; } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field.comment-form-comment > input { width: 100% !important; max-width: 100% !important; min-width: 100% !important; min-height: 48px !important; max-height: 48px !important; padding-right: 45px; } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field.comment-form-comment [data-thurrott-loader-type="mini"] { position: absolute; top: 0; bottom: 0; right: var(--thurrott-spacing-primary); margin: auto; } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field.error input, [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .comment-field.error textarea { border: 2px solid var(--thurrott-status-critical-color) !important; } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form [data-thurrott-notification] { margin-top: var(--thurrott-spacing-primary); } [data-thurrott-section="comments"] .thurrott-comment-form-container > #thurrott-comments-form .form-submit > button { display: none; } [data-thurrott-section="comments"] ul { padding: 0; margin: 0; list-style-type: none; margin-top: var(--thurrott-spacing-secondary); } [data-thurrott-section="comments"] ul > li #respond { margin-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] { display: flex; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > aside > img { width: 40px; height: 40px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; -webkit-border-radius: 40px; border-radius: 40px; object-fit: fill; } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > [data-thurrott-section-comments-section="author"] { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > [data-thurrott-section-comments-section="author"] > header { display: flex; align-items: center; flex-wrap: wrap; gap: var(--thurrott-spacing-primary); margin-bottom: 6px; } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > [data-thurrott-section-comments-section="author"] > header > p { font-weight: 600; } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > [data-thurrott-section-comments-section="author"] > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-tertiary ); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > .comment-reply-link { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > .comment-reply-link > svg { width: 12px; height: 12px; min-width: 12px; min-height: 12px; max-width: 12px; max-height: 12px; margin-right: 6px; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > .comment-reply-link > svg path { fill: var(--thurrott-text-color-primary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="container"] > section > .comment-reply-link:hover > svg { -ms-transform: rotate(-90deg) translateX(-6px); -webkit-transform: rotate(-90deg) translateX(-6px); transform: rotate(-90deg) translateX(-6px); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="more-comments"] { cursor: pointer; background-color: var(--thurrott-background-color-comments); padding: var(--thurrott-spacing-secondary); margin-bottom: var(--thurrott-spacing-tertiary); margin-left: calc( var( --thurrott-spacing-secondary ) * 2); display: flex; align-items: center; gap: 8px; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-size: 16px; } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="more-comments"] svg path { stroke: var(--thurrott-text-color-primary); } [data-thurrott-section="comments"] ul.children { padding-left: calc( var( --thurrott-spacing-secondary ) * 2); } [data-thurrott-section="comments"] > h4 { background-color: var(--thurrott-status-caution-background-color); color: var(--thurrott-status-caution-color); padding: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); font-size: 16px; text-align: center; } @media only screen and (max-width: 575px) { [data-thurrott-section="comments"] ul.children { padding-left: var(--thurrott-spacing-secondary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="more-comments"] { margin-left: var(--thurrott-spacing-secondary); } [data-thurrott-section="comments"] .thurrott-comment-form-container { padding: var(--thurrott-spacing-secondary); } } @media only screen and (max-width: 395px) { [data-thurrott-section="comments"] ul.children { padding-left: var(--thurrott-spacing-primary); } [data-thurrott-section="comments"] ul [data-thurrott-section-comments-section="more-comments"] { margin-left: var(--thurrott-spacing-primary); } } [data-thurrott-layout-section="footer"] { background-color: var(--thurrott-background-color-dark-primary); background-image: url("assets/img/thurrott-footer-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom center; padding: 48px 0 var(--thurrott-spacing-secondary); overflow: hidden; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; position: relative; z-index: 2; } @media only screen and (max-width: 395px) { [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] { background-color: var(--thurrott-primary-color); padding: 28px var(--thurrott-spacing-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; justify-content: space-between; margin-bottom: 53px; position: relative; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"]:before { content: ''; position: absolute; top: 0; bottom: 0; left: calc( -100% + 50%); width: calc( 100% + 100%); height: 1px; margin: auto 0; background-color: var(--thurrott-white-color); opacity: 0.1; z-index: -1; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="content"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; --thurrott-text-default-color: var( --thurrott-white-color ); margin-bottom: 4px; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="content"] > .thurrott-content-from-editor p { color: var(--thurrott-white-color); margin: 0; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > .gform_validation_errors { border: none; padding: 0; background: none; box-shadow: none; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > .gform_validation_errors > h2 { color: #ff6a49 !important; font-size: var(--thurrott-spacing-primary) !important; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > .gform_validation_errors > h2 > span { display: none !important; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form { display: flex; align-items: center; background-color: rgba(var(--thurrott-white-color-rgb), 0.1); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: 6px 10px 6px var(--thurrott-spacing-secondary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body { width: 100%; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .gfield_label { display: none; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .ginput_container { position: relative; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .ginput_container:before { content: url("data:image/svg+xml,%3Csvg data-thurrott-type='fill' width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 6.97519e-09H16.75C17.5801 -5.43467e-05 18.3788 0.317554 18.9822 0.887671C19.5856 1.45779 19.948 2.23719 19.995 3.066L20 3.25V12.75C20.0001 13.5801 19.6824 14.3788 19.1123 14.9822C18.5422 15.5856 17.7628 15.948 16.934 15.995L16.75 16H3.25C2.41986 16.0001 1.62117 15.6824 1.01777 15.1123C0.414367 14.5422 0.0519987 13.7628 0.00500012 12.934L6.97518e-09 12.75V3.25C-5.43467e-05 2.41986 0.317554 1.62117 0.887672 1.01777C1.45779 0.414367 2.23719 0.0519987 3.066 0.00500012L3.25 6.97519e-09H16.75H3.25ZM18.5 5.373L10.35 9.663C10.258 9.71161 10.1568 9.74054 10.053 9.74795C9.94921 9.75535 9.84499 9.74106 9.747 9.706L9.651 9.664L1.5 5.374V12.75C1.50002 13.1892 1.66517 13.6123 1.96268 13.9354C2.26019 14.2585 2.6683 14.4579 3.106 14.494L3.25 14.5H16.75C17.1893 14.5 17.6126 14.3347 17.9357 14.037C18.2588 13.7392 18.4581 13.3309 18.494 12.893L18.5 12.75V5.373ZM16.75 1.5H3.25C2.81081 1.50002 2.38768 1.66517 2.06461 1.96268C1.74154 2.26019 1.54214 2.6683 1.506 3.106L1.5 3.25V3.679L10 8.152L18.5 3.678V3.25C18.5 2.81065 18.3347 2.38739 18.037 2.06429C17.7392 1.74119 17.3309 1.5419 16.893 1.506L16.75 1.5Z' fill='white'/%3E%3C/svg%3E"); position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; display: flex; align-items: center; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .ginput_container > input { background: none; color: var(--thurrott-white-color); padding-left: 40px; border: none; width: 335px; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .ginput_container > input::placeholder { color: var(--thurrott-white-color); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield .gfield_validation_message { display: none !important; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_footer { margin: 0 !important; padding: 0 !important; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_footer > .gform_button { cursor: pointer; background-color: rgba(var(--thurrott-white-color-rgb), 0.7) !important; -webkit-border-radius: var(--thurrott-general-border-radius) !important; border-radius: var(--thurrott-general-border-radius) !important; padding: 6px 15px; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); color: var(--thurrott-gray-color-primary) !important; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; white-space: nowrap; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_footer > .gform_button:hover { background-color: rgba(var(--thurrott-white-color-rgb), 1) !important; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_confirmation_wrapper .gform_confirmation_message { color: var(--thurrott-white-color); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] { margin-bottom: 48px; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: space-between; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li h4 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-white-color ); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer > .menu-item { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer > .menu-item > a { color: var(--thurrott-white-color); opacity: .7; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer > .menu-item > a:hover { opacity: 1; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer > .menu-item:last-child { margin-bottom: 0; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li > .navbar-nav-footer#sections-menu { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 36px; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="copyright"] { display: flex; align-items: center; justify-content: space-between; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="copyright"] > span { color: var(--thurrott-white-color); } @media only screen and (max-width: 1240px) { [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--thurrott-spacing-primary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form { justify-content: space-between; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form > .gform_body > .gform_fields > .gfield > .ginput_container > input { width: 100%; } } @media only screen and (max-width: 992px) { [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="form"] .gform_wrapper.gravity-theme > form { justify-content: space-between; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul { flex-wrap: wrap; gap: var(--thurrott-spacing-tertiary); justify-content: flex-start; } } @media only screen and (max-width: 767px) { [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] { grid-template-columns: 100%; padding: var(--thurrott-spacing-secondary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] > [data-thurrott-layout-section-footer-section-newsletter="content"] { width: 100%; } } @media only screen and (max-width: 395px) { [data-thurrott-layout-section="footer"] { padding: var(--thurrott-spacing-primary) 0 var(--thurrott-spacing-secondary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="newsletter"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul { gap: 9vw; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li { width: 42vw; } [data-thurrott-layout-section="footer"] > [data-thurrott-layout-section-footer-section="container"] > [data-thurrott-layout-section-footer-section="menu"] > ul > li:first-child { width: 100%; } } #thurrott-popup [data-thurrott-component="forum-post"] > form > h2 { margin-bottom: var(--thurrott-spacing-secondary); } #thurrott-popup [data-thurrott-component="forum-post"] > form > [data-thurrott-element="field"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-layout-section-header="news"] { background-color: var(--thurrott-background-color-header); padding: 0 0 var(--thurrott-spacing-header); } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > h1, [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > h2 { text-align: center; font-size: 28px; color: var(--thurrott-white-color); margin-bottom: var(--thurrott-spacing-primary); line-height: 30px; } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > h1 > .search-term, [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > h2 > .search-term { font-size: 22px; color: var(--thurrott-accent-color); vertical-align: top; margin-left: 5px; } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > p { text-align: center; color: var(--thurrott-white-color); margin: 0; } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--thurrott-spacing-primary); } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > ul > li > a { background-color: var(--thurrott-gray-color-tertiary); color: var(--thurrott-white-color); font-weight: 700; padding: 10px 12px; display: block; } [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > ul > li > a[data-thurrott-interaction-state="current"], [data-thurrott-layout-section-header="news"] > [data-thurrott-layout-section-header-section="content"] > ul > li > a:hover { background-color: var(--thurrott-primary-color); color: var(--thurrott-gray-color-primary); } @media only screen and (max-width: 767px) { [data-thurrott-layout-section-header="news"] { padding: 20px 0 var(--thurrott-spacing-header); } } [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="rows"] { display: flex; flex-direction: column; gap: var(--thurrott-spacing-secondary); } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--thurrott-spacing-secondary); } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 200px; min-height: 200px; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > section { height: 100%; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--thurrott-spacing-secondary); } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 152px; min-height: 152px; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > section { height: 100%; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"], [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] { flex-direction: column; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > header, [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > header { width: 100%; min-width: 100%; max-width: 100%; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > section > [data-thurrott-tag], [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > section > [data-thurrott-tag] { position: relative; top: 0; right: 0; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > section > h3, [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > section > h3 { padding-right: 0; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > section > h3 > a, [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > section > h3 > a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > section > [data-thurrott-element="post-meta"] > li > span > p, [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > section > [data-thurrott-element="post-meta"] > li > span > p { display: none; } @media only screen and (max-width: 1240px) { [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 18vw; min-height: 18vw; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 13vw; min-height: 13vw; } } @media only screen and (max-width: 992px) { [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 25vw; min-height: 25vw; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 17vw; min-height: 17vw; } } @media only screen and (max-width: 767px) { [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul > li[data-thurrott-library-switchview-trigger="view_three-columns"] { display: none; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 26vw; min-height: 26vw; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 575px) { [data-thurrott-library="switchview"] > [data-thurrott-element="header-section"] > ul { display: none; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="two-columns"] { grid-template-columns: 100%; } [data-thurrott-library="switchview"] > [data-thurrott-section="posts"][data-thurrott-library-switchview-view="three-columns"] { grid-template-columns: 100%; } } [data-thurrott-section="sidebar"] > ul { padding: 0; margin: 0; list-style-type: none; } [data-thurrott-section="sidebar"] > ul > li { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="sidebar"] [data-thurrott-sidebar-widget]:not(:last-child) { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="sidebar"] [data-thurrott-sidebar-widget] > ul { padding: 0; margin: 0; list-style-type: none; } [data-thurrott-section="sidebar"] [data-thurrott-sidebar-widget] > ul > li:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="social-share"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="social-share"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="social-share"] > ul > li > a { width: 46px; height: 46px; min-width: 46px; min-height: 46px; max-width: 46px; max-height: 46px; -webkit-border-radius: 46px; border-radius: 46px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; } [data-thurrott-section="social-share"] > ul > li > a svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-section="social-share"] > ul > li > a:hover { background-color: rgba(var(--thurrott-link-color-primary-rgb), 1); } [data-thurrott-section="social-share"] > ul > li > a:hover svg path { fill: var(--thurrott-white-color); } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] { background-color: var(--thurrott-input-background-color-secondary); display: flex; align-items: center; padding: 16px 22px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > input { background: none; padding: 0; height: auto; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span { position: relative; margin-left: var(--thurrott-spacing-primary); display: flex; align-items: center; width: 20px; height: 20px; min-width: 20px; cursor: pointer; } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span > svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span > svg path { fill: var(--thurrott-text-color-primary); } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span > span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span > span svg { width: 20px; height: 20px; background-color: var(--thurrott-input-background-color-secondary); } [data-thurrott-section="social-share"] > [data-thurrott-library="clipboard"] > span > span svg path { fill: var(--thurrott-text-color-primary); } [data-thurrott-section="about-author"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; gap: var(--thurrott-spacing-secondary); margin-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="about-author"] > img { width: 80px; height: 80px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px; -webkit-border-radius: 80px; border-radius: 80px; } [data-thurrott-section="about-author"] > section > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: 6px; } [data-thurrott-section="about-author"] > section > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="about-author"] > section > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="about-author"] > section > ul > li > a { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; } [data-thurrott-section="about-author"] > section > ul > li > a svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-section="about-author"] > section > ul > li > a:hover { background-color: rgba(var(--thurrott-link-color-primary-rgb), 1); } [data-thurrott-section="about-author"] > section > ul > li > a:hover svg path { fill: var(--thurrott-white-color); } @media only screen and (max-width: 395px) { [data-thurrott-section="about-author"] { flex-direction: column; } } [data-thurrott-element="breadcrumbs"] { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); flex-wrap: wrap; row-gap: 3px; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="breadcrumbs"] > li { position: relative; margin-right: var(--thurrott-spacing-primary); } [data-thurrott-element="breadcrumbs"] > li > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); opacity: .6; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } [data-thurrott-element="breadcrumbs"] > li > a:hover { opacity: .8; } [data-thurrott-element="breadcrumbs"] > li > a ~ span { opacity: .6; } [data-thurrott-element="breadcrumbs"] > li:after { content: "/"; position: absolute; top: 0; bottom: 0; right: -14px; font-size: 14px; color: var(--thurrott-text-color-secondary); opacity: .6; } [data-thurrott-element="breadcrumbs"] > li:last-child { margin-right: 0; } [data-thurrott-element="breadcrumbs"] > li:last-child:after { display: none; } [data-thurrott-element="breadcrumbs"] > li > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); } @media only screen and (max-width: 395px) { [data-thurrott-element="breadcrumbs"] > li > a { font-size: 14px; } [data-thurrott-element="breadcrumbs"] > li > span { font-size: 14px; } } [data-thurrott-element="forum-thread"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; gap: var(--thurrott-spacing-primary); } [data-thurrott-element="forum-thread"] > img { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; object-fit: fill; -webkit-border-radius: 30px; border-radius: 30px; } [data-thurrott-element="forum-thread"] > section { width: 100%; } [data-thurrott-element="forum-thread"] > section > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: 6px; } [data-thurrott-element="forum-thread"] > section > h3 > a { display: block; color: var(--thurrott-text-color-primary); } [data-thurrott-element="forum-thread"] > section > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); margin-bottom: 6px; display: block; } [data-thurrott-element="forum-thread"] > section > span > a { color: var(--thurrott-text-color-secondary); } [data-thurrott-section="membership-upsell-widget"] { width: 100%; background-color: var(--thurrott-white-color); background-image: url("assets/img/thurrott-premium-member-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top left; padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } [data-thurrott-section="membership-upsell-widget"] > header { display: flex; flex-direction: column; } [data-thurrott-section="membership-upsell-widget"] > header > img { margin-bottom: var(--thurrott-spacing-primary); width: 120px; min-width: 120px; max-width: 120px; } [data-thurrott-section="membership-upsell-widget"] > header > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="membership-upsell-widget"] > header > .thurrott-content-from-editor * { color: var(--thurrott-white-color) !important; } [data-thurrott-section="membership-upsell-widget"] > header > .thurrott-content-from-editor > p { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="membership-upsell-widget"] > header > a { width: fit-content; padding: 3px 9px; -webkit-border-radius: 3px; border-radius: 3px; color: var(--thurrott-gray-color-primary); background-color: rgba(var(--thurrott-white-color-rgb), 0.7); white-space: nowrap; } [data-thurrott-element="podcast"] { background-color: var(--thurrott-background-color-tertiary); padding: 18px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-element="podcast"][data-thurrott-interaction-state="viewed"] { position: relative; } [data-thurrott-element="podcast"][data-thurrott-interaction-state="viewed"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: block; } [data-thurrott-element="podcast"] > a { position: relative; width: 72px; height: 72px; min-width: 72px; min-height: 72px; max-width: 72px; max-height: 72px; display: block; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; } [data-thurrott-element="podcast"] > a[data-thurrott-interaction-state="viewed"] { position: relative; } [data-thurrott-element="podcast"] > a[data-thurrott-interaction-state="viewed"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: none; } [data-thurrott-element="podcast"] > a > svg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 20px; height: 20px; min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; margin: auto; z-index: 11; } [data-thurrott-element="podcast"] > a > svg path { fill: var(--thurrott-white-color); } [data-thurrott-element="podcast"] > a > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } [data-thurrott-element="podcast"] > section > h3 { margin-bottom: 4px; } [data-thurrott-element="podcast"] > section > h3 > a { font-family: var(--thurrott-text-heading5-font-family); font-size: var(--thurrott-text-heading5-font-size); font-style: var(--thurrott-text-heading5-font-style); font-weight: var(--thurrott-text-heading5-font-weight); line-height: var(--thurrott-text-heading5-line-height); letter-spacing: var(--thurrott-text-heading5-letter-spacing); color: var(--thurrott-text-heading5-color); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="podcast"] > section > .thurrott-content-from-editor > span { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); display: block; } [data-thurrott-element="podcast"] > section > .thurrott-content-from-editor > span a { color: var(--thurrott-text-color-secondary); } [data-thurrott-element="podcast"][data-thurrott-element-type="secondary"] { padding: var(--thurrott-spacing-primary); } [data-thurrott-element="podcast"][data-thurrott-element-type="secondary"] > a { background-color: rgba(var(--thurrott-primary-color-rgb), 0.1); width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; } [data-thurrott-element="podcast"][data-thurrott-element-type="secondary"] > a > svg path { fill: var(--thurrott-primary-color); } [data-thurrott-element="podcast"][data-thurrott-element-type="secondary"] > section > .thurrott-content-from-editor > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } @media only screen and (max-width: 395px) { [data-thurrott-element="podcast"] > section > h3 > a { --thurrott-text-heading5-font-size: 16px; } } [data-thurrott-element="post"] { display: flex; gap: var(--thurrott-spacing-primary); } [data-thurrott-element="post"][data-thurrott-element-type="horizontal"] { flex-direction: row; } [data-thurrott-element="post"][data-thurrott-element-type="horizontal"] > section > h3 > a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="post"][data-thurrott-element-type="horizontal"] > section > .thurrott-content-from-editor { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="post"][data-thurrott-element-type="horizontal"][data-thurrott-post="premium"] > section > h3 { padding-right: 60px; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] { flex-direction: column; height: 100%; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > header { width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 150px; max-height: 200px; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section { height: 100%; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section > [data-thurrott-tag] { position: relative; top: 0; right: 0; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section > h3 { padding-right: 0; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section > h3 > a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section > .thurrott-content-from-editor { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="post"][data-thurrott-element-type="event"] > header { height: unset !important; min-height: unset !important; max-height: unset !important; height: auto !important; aspect-ratio: 16/9; } [data-thurrott-element="post"][data-thurrott-element-type="event"] > section { height: auto; max-height: 88px; } [data-thurrott-element="post"][data-thurrott-element-type="event"] > section > h3 > a { display: -webkit-box; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-element="post"][data-thurrott-element-type="event"] > section > [data-thurrott-element="post-meta"] { display: none !important; } [data-thurrott-element="post"][data-thurrott-element-type="event"] > section > .thurrott-content-from-editor { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 575px) { [data-thurrott-element="post"][data-thurrott-element-type="event"] > section { max-height: 98px; } } [data-thurrott-element="post"] > header { position: relative; width: 250px; min-width: 250px; max-width: 250px; height: auto; min-height: 141px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); overflow: hidden; } [data-thurrott-element="post"] > header[data-thurrott-interaction-state="viewed"] { position: relative; } [data-thurrott-element="post"] > header[data-thurrott-interaction-state="viewed"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: block; } [data-thurrott-element="post"] > header > a > img { width: 100%; height: 100%; object-fit: fill; object-position: center; } [data-thurrott-element="post"] > header > [data-thurrott-element="post-actions"] { position: absolute; top: 18px; right: 18px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; z-index: 11; } [data-thurrott-element="post"] > header:hover > [data-thurrott-element="post-actions"] { opacity: 1; } [data-thurrott-element="post"] > section { width: 100%; position: relative; background-color: var(--thurrott-background-color-tertiary); padding: 18px; display: flex; flex-direction: column; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-element="post"] > section > [data-thurrott-tag] { position: absolute; top: 18px; right: 18px; } [data-thurrott-element="post"] > section > h3 { margin-bottom: var(--thurrott-spacing-primary); display: flex; } [data-thurrott-element="post"] > section > h3 > a { display: block; width: 100%; font-family: var(--thurrott-text-heading5-font-family); font-size: var(--thurrott-text-heading5-font-size); font-style: var(--thurrott-text-heading5-font-style); font-weight: var(--thurrott-text-heading5-font-weight); line-height: var(--thurrott-text-heading5-line-height); letter-spacing: var(--thurrott-text-heading5-letter-spacing); color: var(--thurrott-text-heading5-color); } [data-thurrott-element="post"] > section > [data-thurrott-element="post-meta"] { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="post"] > section > [data-thurrott-element="post-meta"]:last-child { margin-bottom: 0; } [data-thurrott-element="post"] > section > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="post"] > section > .thurrott-content-from-editor:last-child { margin-bottom: 0; } [data-thurrott-element="post"] > section > .thurrott-content-from-editor > p { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); margin: 0; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] { display: flex; align-items: center; justify-content: space-between; margin-top: auto; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="read-more"] { font-weight: 600; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="share"] { text-transform: uppercase; font-size: 12px; display: flex; align-items: center; gap: 7px; font-weight: 600; cursor: pointer; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="share"] svg { width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="share"] svg path { fill: var(--thurrott-icon-color-primary); } @media only screen and (max-width: 575px) { [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > header { height: 53vw; min-height: 53vw; max-height: 53vw; } [data-thurrott-element="post"][data-thurrott-element-type="vertical"] > section { height: auto; } [data-thurrott-element="post"] > section > h3 > a { --thurrott-text-heading5-font-size: 16px; --thurrott-text-heading5-line-height: 24px; } [data-thurrott-element="post"] > section > .thurrott-content-from-editor > p { --thurrott-text-default-font-size: 16px; --thurrott-text-default-line-height: 24px; } } @media only screen and (max-width: 395px) { [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="read-more"] { font-size: 16px; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="share"] { font-size: 14px; } [data-thurrott-element="post"] > section > [data-thurrott-element-post-section="call-to-action"] > [data-thurrott-element-post-section-cta="share"] svg { width: 18px; height: 18px; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; } } [data-thurrott-element="table-of-content"] { background-color: var(--thurrott-background-color-tertiary); padding: 15px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-element="table-of-content"]:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="table-of-content"] > header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } [data-thurrott-element="table-of-content"] > header > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; display: flex; align-items: center; gap: 8px; } [data-thurrott-element="table-of-content"] > header > h3 > svg { width: 13px; height: 13px; min-width: 13px; min-height: 13px; max-width: 13px; max-height: 13px; } [data-thurrott-element="table-of-content"] > header > h3 > svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-element="table-of-content"] > header > svg { width: 8px; height: 8px; min-width: 8px; min-height: 8px; max-width: 8px; max-height: 8px; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease; transition: 0.1s ease; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } [data-thurrott-element="table-of-content"] > header > svg path { fill: var(--thurrott-text-color-secondary); } [data-thurrott-element="table-of-content"] > section { display: none; margin-top: var(--thurrott-spacing-primary); padding: 0 21px var(--thurrott-spacing-primary); } [data-thurrott-element="table-of-content"] > section > ul { padding: 0; margin: 0; list-style-type: none; } [data-thurrott-element="table-of-content"] > section > ul > li:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-element="table-of-content"] > section > ul > li > a { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-element="table-of-content"] > section > ul > li > a:hover { color: var(--thurrott-link-color-primary); } [data-thurrott-element="table-of-content"] > section > img { -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-element="table-of-content"][data-thurrott-interaction-state="active"] > header > svg { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } [data-thurrott-element="table-of-content"][data-thurrott-interaction-state="active"] > section { display: block; } [data-thurrott-element="table-of-content"][data-thurrott-interaction-state="disabled"] { opacity: .6; cursor: not-allowed; } [data-thurrott-element="table-of-content"][data-thurrott-interaction-state="disabled"] > header { cursor: not-allowed; } [data-thurrott-element="twitter"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-primary) var(--thurrott-spacing-tertiary) var(--thurrott-spacing-primary) var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; gap: var(--thurrott-spacing-primary); position: relative; } [data-thurrott-element="twitter"] > svg { position: absolute; top: var(--thurrott-spacing-primary); right: var(--thurrott-spacing-primary); width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; } [data-thurrott-element="twitter"] > svg path { fill: var(--thurrott-social-twitter-color); } [data-thurrott-element="twitter"] > img { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; object-fit: fill; -webkit-border-radius: 30px; border-radius: 30px; } [data-thurrott-element="twitter"] > section > header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; row-gap: 0; margin-bottom: 6px; } [data-thurrott-element="twitter"] > section > header > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } [data-thurrott-element="twitter"] > section > header > h3 > a { color: var(--thurrott-text-color-primary); } [data-thurrott-element="twitter"] > section > header > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); display: block; } [data-thurrott-element="twitter"] > section > header > span > a { color: var(--thurrott-text-color-secondary); } [data-thurrott-element="twitter"] > section .thurrott-content-from-editor > p { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); margin: 0 0 6px 0; } [data-thurrott-element="twitter"] > section > a { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-link-color-secondary ); } .cart-empty.woocommerce-info { background-color: rgba(var(--thurrott-cart-background-color-rgb), 0.1); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); border: none; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; text-align: center; } .cart-empty.woocommerce-info:before, .cart-empty.woocommerce-info:after { display: none; } .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--thurrott-status-success-background-color); color: var(--thurrott-status-success-color); border: 1px solid rgba(var(--thurrott-status-success-color-rgb), 0.3); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-secondary); padding-left: 56px; height: auto; display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } .woocommerce-notices-wrapper .woocommerce-message:before { height: 100%; margin: auto; display: flex; align-items: center; top: 0; } .woocommerce-notices-wrapper .woocommerce-message .wp-element-button { background-color: var(--thurrott-status-success-color); color: var(--thurrott-white-color); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .woocommerce-notices-wrapper .woocommerce-message .wp-element-button:hover { background-color: var(--thurrott-status-success-color); color: var(--thurrott-white-color); opacity: .8; } .woocommerce-notices-wrapper ul.woocommerce-error { flex-direction: column; align-items: flex-start; padding: var(--thurrott-spacing-primary); padding-left: 56px; gap: 6px; margin-bottom: var(--thurrott-spacing-secondary); } .woocommerce-notices-wrapper .woocommerce-error { background-color: var(--thurrott-status-critical-background-color); color: var(--thurrott-status-critical-color); border: none; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-secondary); padding-left: 56px; height: auto; display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } .woocommerce-notices-wrapper .woocommerce-error:before { height: 100%; margin: auto; display: flex; align-items: center; top: 0; } .woocommerce-notices-wrapper .woocommerce-error .wp-element-button { background-color: var(--thurrott-status-critical-color); color: var(--thurrott-white-color); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .woocommerce-notices-wrapper .woocommerce-error .wp-element-button:hover { background-color: var(--thurrott-status-critical-color); color: var(--thurrott-white-color); opacity: .8; } .woocommerce-message.woocommerce-info { background-color: var(--thurrott-status-attention-background-color); color: var(--thurrott-status-attention-color); border: none; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-secondary); padding-left: 56px; height: auto; display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); justify-content: space-between; } .woocommerce-message.woocommerce-info:before { height: 100%; margin: auto; display: flex; align-items: center; top: 0; color: var(--thurrott-status-attention-color); } .woocommerce-message.woocommerce-info:after { display: none; } .woocommerce-message.woocommerce-info > a { margin: 0; height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; line-height: unset !important; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-on-accent-color-secondary) !important; background-color: var(--thurrott-link-color-primary) !important; } .woocommerce-message.woocommerce-info > a:hover { color: var(--thurrott-on-accent-color-secondary) !important; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.8) !important; } [data-thurrott-section="my-address"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > [data-thurrott-section-my-address-section="adresses"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--thurrott-spacing-secondary); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > [data-thurrott-section-my-address-section="adresses"] > [data-thurrott-section-my-address-section="address"] > h3 { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-font-size: 10px; --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); text-transform: uppercase; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > [data-thurrott-section-my-address-section="adresses"] > [data-thurrott-section-my-address-section="address"] > section { border: 1px solid var(--thurrott-theme-switcher-background-color); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-primary); display: flex; justify-content: space-between; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > [data-thurrott-section-my-address-section="adresses"] > [data-thurrott-section-my-address-section="address"] > section > header { white-space: nowrap; } [data-thurrott-section="my-address-form"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-address-form"] > [data-thurrott-section-my-address-form-section="fields"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } @media only screen and (max-width: 992px) { [data-thurrott-section="my-address"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="my-address-form"] { margin-bottom: var(--thurrott-spacing-secondary); } } @media only screen and (max-width: 575px) { [data-thurrott-section="my-address"] > [data-thurrott-section-my-address-section="content"] > [data-thurrott-section-my-address-section="adresses"] { grid-template-columns: 100%; } } [data-thurrott-section="my-account-orders"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-account-orders"] [data-thurrott-section-my-account-orders-section="content"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="my-account-orders"] [data-thurrott-section-my-account-orders-section="content"] > table { min-width: 100%; display: table; border: none; margin: 0; } [data-thurrott-section="my-account-orders"] [data-thurrott-section-my-account-orders-section="content"] > table > tbody tr { background: transparent; } [data-thurrott-section="my-account-orders"] [data-thurrott-section-my-account-orders-section="content"] > table > tbody tr td { border-top-color: var(--thurrott-input-background-color-secondary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] > p { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] header > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] mark { background: none !important; color: var(--thurrott-text-color-primary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-order-details { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-order-details h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-order-details table { width: 100%; table-layout: fixed; overflow-wrap: break-word; display: table; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-customer-details { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: 0; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-customer-details h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.subscription_details, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.order_details, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.woocommerce-orders-table--orders { width: 100%; min-width: 100%; table-layout: fixed; overflow-wrap: break-word; display: table; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.subscription_details tbody tr td, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.order_details tbody tr td, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.woocommerce-orders-table--orders tbody tr td { white-space: normal; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.subscription_details tbody tr td > a.button, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.order_details tbody tr td > a.button, [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.woocommerce-orders-table--orders tbody tr td > a.button { display: inline-block; margin-left: 2px; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.subscription_details tbody tr td > a.button:not(:last-child), [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.order_details tbody tr td > a.button:not(:last-child), [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.woocommerce-orders-table--orders tbody tr td > a.button:not(:last-child) { margin-bottom: 6px; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce_account_subscriptions { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce_account_subscriptions table.my_account_orders { width: 100%; table-layout: fixed; overflow-wrap: break-word; display: table; margin-bottom: 0; } @media only screen and (max-width: 992px) { [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-customer-details { margin-bottom: var(--thurrott-spacing-secondary); } } @media only screen and (max-width: 575px) { [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-order-details table.woocommerce-table--order-details { display: block; } [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] table.shop_table.order_details { display: block; } } [data-thurrott-sidebar-widget="article-author"] > section { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-sidebar-widget="article-author"] > section > header { display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="article-author"] > section > header > img { width: 80px; height: 80px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px; -webkit-border-radius: 80px; border-radius: 80px; } [data-thurrott-sidebar-widget="article-author"] > section > header > div > h4 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="article-author"] > section > header > div > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="article-author"] > section > header > div > ul > li > a { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; } [data-thurrott-sidebar-widget="article-author"] > section > header > div > ul > li > a svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-sidebar-widget="article-author"] > section > header > div > ul > li > a:hover { background-color: rgba(var(--thurrott-link-color-primary-rgb), 1); } [data-thurrott-sidebar-widget="article-author"] > section > header > div > ul > li > a:hover svg path { fill: var(--thurrott-white-color); } [data-thurrott-sidebar-widget="article-author"] > section > .thurrott-content-from-editor > p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-sidebar-widget="thread-author"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; gap: var(--thurrott-spacing-secondary); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > img { width: 80px; height: 80px; min-width: 80px; min-height: 80px; max-width: 80px; max-height: 80px; -webkit-border-radius: 80px; border-radius: 80px; } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > h3 { margin-bottom: 6px; } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > .thurrott-content-from-editor p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > ul > li > a { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > ul > li > a svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > ul > li > a:hover { background-color: rgba(var(--thurrott-link-color-primary-rgb), 1); } [data-thurrott-sidebar-widget="thread-author"] > [data-thurrott-section-thread-section-author-section="content"] > section > ul > li > a:hover svg path { fill: var(--thurrott-white-color); } [data-thurrott-sidebar-widget="thread-share"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-sidebar-widget="thread-share"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="thread-share"] > div > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a { display: flex; align-items: center; gap: 10px; padding: 7px 12px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-white-color ); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a > svg { height: 20px; min-height: 20px; max-height: 20px; } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a > svg path { fill: var(--thurrott-white-color); } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a[data-thurrott-section-thread-section-share-element="facebook"] { background-color: var(--thurrott-facebook-color); } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a[data-thurrott-section-thread-section-share-element="twitter"] { background-color: var(--thurrott-twitter-color); } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a[data-thurrott-section-thread-section-share-element="linkedin"] { background-color: var(--thurrott-linkedin-color); } [data-thurrott-sidebar-widget="thread-share"] > div > ul > li > a:hover { opacity: 0.8; } [data-thurrott-section="404"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; margin: var(--thurrott-spacing-layout-top) auto var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="404"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="404"] > h1 { font-family: var(--thurrott-text-heading2-font-family); font-size: var(--thurrott-text-heading2-font-size); font-style: var(--thurrott-text-heading2-font-style); font-weight: var(--thurrott-text-heading2-font-weight); line-height: var(--thurrott-text-heading2-line-height); letter-spacing: var(--thurrott-text-heading2-letter-spacing); color: var(--thurrott-text-heading2-color); margin-bottom: var(--thurrott-spacing-primary); text-align: center; } [data-thurrott-section="404"] > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); text-align: center; } [data-thurrott-section="404"] [data-thurrott-section="search-form"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: flex-end; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="404"] [data-thurrott-section="search-form"] > fieldset { width: 100%; } [data-thurrott-section="404"] [data-thurrott-section="search-form"] > button { white-space: nowrap; height: 50px; padding: 0 var(--thurrott-spacing-tertiary); } [data-thurrott-section="article"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-layout-top); padding-bottom: var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="article"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="article"] > section > header > h1 { font-family: var(--thurrott-text-heading2-font-family); font-size: var(--thurrott-text-heading2-font-size); font-style: var(--thurrott-text-heading2-font-style); font-weight: var(--thurrott-text-heading2-font-weight); line-height: var(--thurrott-text-heading2-line-height); letter-spacing: var(--thurrott-text-heading2-letter-spacing); color: var(--thurrott-text-heading2-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > header [data-thurrott-section="article-meta-and-actions"] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: var(--thurrott-spacing-secondary); gap: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > header > img { width: 100%; height: 100%; max-height: 35vw; object-fit: fill; margin-bottom: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] { background-color: var(--thurrott-background-color-tertiary); padding: 19.5px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] iframe { max-width: 100%; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor { position: relative; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > ul > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ul > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ol > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > code, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > pre, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > blockquote, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > blockquote > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > code, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > pre { color: var(--thurrott-text-color-article); font-size: 16px; line-height: 24px; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > ul > li > a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ul > li a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ol > li a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > code a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > pre a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > blockquote a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > code a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > pre a { font-size: 16px; line-height: 24px; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > figure { width: 100% !important; text-align: center; max-width: 100%; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > figure > figcaption { opacity: 0.6; font-style: italic; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] { display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); background-image: url("assets/img/premium-wall-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > img { width: 100%; max-width: 245px; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > h3 { margin-bottom: var(--thurrott-spacing-secondary); color: var(--thurrott-white-color); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > .thurrott-content-from-editor * { color: var(--thurrott-white-color); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > ul { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); padding: 0; margin: 0; list-style-type: none; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"][data-thurrott-interaction-state="locked"] > .thurrott-content-from-editor { position: relative; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="article"] > section > [data-thurrott-section="content"][data-thurrott-interaction-state="locked"] > .thurrott-content-from-editor:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(var(--thurrott-background-color-tertiary-rgb), 0) 80%, var(--thurrott-background-color-tertiary) 100%); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] { background-color: var(--thurrott-background-color-tertiary); padding: 19.5px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] > ul > li > a { display: flex; align-items: center; gap: 6px; } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] > ul > li > a > svg { width: 14px; height: 14px; min-width: 14px; min-height: 14px; max-width: 14px; max-height: 14px; } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="tags"] > ul > li > a > svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] { background-color: var(--thurrott-background-color-tertiary); padding: 19.5px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul > li > a { width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul > li > a svg { width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul > li > a svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul > li > a:hover { background-color: rgba(var(--thurrott-link-color-primary-rgb), 1); } [data-thurrott-section="article"] > section > [data-thurrott-section-article-section="share"] > ul > li > a:hover svg path { fill: var(--thurrott-white-color); } [data-thurrott-section="article"] > section > [data-thurrott-section="community-guidelines"] { display: flex; align-items: center; gap: 12px; background-color: rgba(var(--thurrott-primary-color-rgb), 0.1); margin: 0 0 var(--thurrott-spacing-secondary); padding: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="article"] > section > [data-thurrott-section="community-guidelines"] > svg > path { fill: var(--thurrott-primary-color); } [data-thurrott-section="article"] > section > [data-thurrott-section="community-guidelines"]:hover { background-color: rgba(var(--thurrott-primary-color-rgb), 1); color: var(--thurrott-white-color); } [data-thurrott-section="article"] > section > [data-thurrott-section="community-guidelines"]:hover > svg > path { fill: var(--thurrott-white-color); } [data-thurrott-section="article"] > [data-thurrott-section="sidebar"] [data-thurrott-element="header-section"] { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="article"] .podcastSponsors { margin: var(--thurrott-spacing-primary) 0; } [data-thurrott-section="article"] .podcastSponsors > strong { margin-bottom: 6px; display: block; } [data-thurrott-section="article"] .podcastSponsors > .sponsors { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; gap: var(--thurrott-spacing-primary); } @media only screen and (max-width: 992px) { [data-thurrott-section="article"] > section > header > img { max-height: 55vw; } } @media only screen and (max-width: 767px) { [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] { flex-direction: column; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section { text-align: center; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > ul { justify-content: center; } } @media only screen and (max-width: 575px) { [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > ul > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ul > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ol > li, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > code, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > pre, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > blockquote, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > blockquote > p, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > code, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > pre { font-size: 18px; line-height: 28px; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > ul > li > a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ul > li a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > ol > li a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > code a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > pre a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > p > blockquote a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > code a, [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > .thurrott-content-from-editor > pre a { font-size: 18px; line-height: 28px; } [data-thurrott-section="article"] > section > [data-thurrott-section="content"] > [data-thurrott-section="premium-wall-actions-container"] > section > ul { flex-direction: column; } } [data-thurrott-section="blog"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; margin: var(--thurrott-spacing-layout-top) auto var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="blog"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } @media only screen and (max-width: 767px) { [data-thurrott-section="blog"] { grid-template-columns: 100%; } } @media only screen and (max-width: 575px) { [data-thurrott-section="blog"] > section > [data-thurrott-section="posts"] > [data-thurrott-element="post"][data-thurrott-element-type="horizontal"] { flex-direction: column; } [data-thurrott-section="blog"] > section > [data-thurrott-section="posts"] > [data-thurrott-element="post"][data-thurrott-element-type="horizontal"] > header { width: 100%; min-width: 100%; max-width: 100%; height: 53vw; min-height: 53vw; max-height: 53vw; } } @media only screen and (max-width: 395px) { [data-thurrott-section="blog"] > section > [data-thurrott-element="header-section"] { flex-direction: column; gap: var(--thurrott-spacing-primary); align-items: flex-start; } } body.woocommerce-cart .container { margin: var(--thurrott-spacing-layout-top) auto var(--thurrott-spacing-layout-bottom); } body.woocommerce-cart .container .woocommerce .return-to-shop { text-align: center; } [data-thurrott-section="cart"] > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] { display: grid; grid-template-columns: 2fr 1fr; gap: var(--thurrott-spacing-tertiary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] { background-color: rgba(var(--thurrott-cart-background-color-rgb), 0.1); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-secondary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] > .thurrott-content-from-editor * { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title="Product"] > [data-thurrott-product="name"] { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title="Product"] > [data-thurrott-product="price"] { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title="Price"] { text-align: right; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title="Price"] > [data-thurrott-product="price"] { font-family: var(--thurrott-text-heading4-font-family); font-size: var(--thurrott-text-heading4-font-size); font-style: var(--thurrott-text-heading4-font-style); font-weight: var(--thurrott-text-heading4-font-weight); line-height: var(--thurrott-text-heading4-line-height); letter-spacing: var(--thurrott-text-heading4-letter-spacing); color: var(--thurrott-text-heading4-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title="Price"] > [data-thurrott-product="actions"] { display: flex; align-items: center; justify-content: flex-end; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents { margin-top: var(--thurrott-spacing-tertiary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents .coupon { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents .coupon > label { margin-bottom: 8px; display: block; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents .coupon > div { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents .coupon > div > input { background-color: var(--thurrott-background-color-tertiary); color: var(--thurrott-text-color-primary); border: none !important; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] .woocommerce-cart-form__contents .coupon > div > button { white-space: nowrap; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-section="subtotal"] { width: 50%; float: right; margin-top: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"] > div { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"] > div:first-child { --thurrott-text-default-font-weight: 600; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] { background-color: var(--thurrott-background-color-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-secondary); height: fit-content; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] { width: 100%; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] .shop_table { width: 100%; min-width: 100%; border: none; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] .shop_table tbody { width: 100%; min-width: 100%; max-width: 100%; display: block; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] .shop_table tr, [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] .shop_table th, [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] .shop_table td { border: none; background: none; padding: 5px 0; width: 100%; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"] { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"]:not(.order-total) { display: grid; grid-template-columns: repeat(2, 1fr); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"].order-total { display: flex; align-items: center; justify-content: space-between; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"].order-total > div:first-child { font-family: var(--thurrott-text-heading4-font-family); font-size: var(--thurrott-text-heading4-font-size); font-style: var(--thurrott-text-heading4-font-style); font-weight: var(--thurrott-text-heading4-font-weight); line-height: var(--thurrott-text-heading4-line-height); letter-spacing: var(--thurrott-text-heading4-letter-spacing); color: var(--thurrott-text-heading4-color); --thurrott-text-heading4-font-weight: 400; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"].order-total > div[data-title="Total"] { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"].order-total > div[data-title="Total"] strong { font-weight: unset; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="element"] > div { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="checkout"] > a { margin: 0; border: none; height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-on-accent-color-secondary) !important; background-color: var(--thurrott-link-color-primary) !important; } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="collaterals"] > [data-thurrott-section-cart-section-form-section="subtotal"] > [data-thurrott-section-cart-section-form-section-subtotal="checkout"] > a:hover { color: var(--thurrott-on-accent-color-secondary) !important; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.8) !important; } @media only screen and (max-width: 992px) { [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] { grid-template-columns: 100%; } } @media only screen and (max-width: 395px) { [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] { flex-direction: column; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="cart"] > [data-thurrott-section-cart-section="content"] > [data-thurrott-section-cart-section="form"] [data-thurrott-section-cart-section-form-element="product"] > [data-title] { width: 100%; text-align: left; } } [data-thurrott-section-checkout-section="header"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-layout-top); margin-bottom: var(--thurrott-spacing-secondary); } @media only screen and (max-width: 395px) { [data-thurrott-section-checkout-section="header"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section-checkout-section="header"] > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); } body.woocommerce-checkout .container { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { body.woocommerce-checkout .container { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } body.woocommerce-checkout .container .contain { padding-bottom: var(--thurrott-spacing-layout-bottom); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle { display: flex; align-items: center; background-color: rgba(var(--thurrott-cart-background-color-rgb), 0.1); margin-bottom: var(--thurrott-spacing-secondary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle > svg { width: 18px; height: 18px; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; margin-right: var(--thurrott-spacing-primary); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle > svg path { fill: var(--thurrott-icon-color-primary); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle > .woocommerce-info { border: none; background: none; padding: 0; margin: 0; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle > .woocommerce-info:before { display: none; } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon-toggle > .woocommerce-info > a { font-weight: 400; } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); border: none; } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon > p { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon > [data-thurrott-section-form-coupon-section="fields"] { display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon > [data-thurrott-section-form-coupon-section="fields"] > [data-thurrott-section-form-coupon-section-fields="input"] { width: 100%; } body.woocommerce-checkout .container .contain .woocommerce > .woocommerce-form-coupon > [data-thurrott-section-form-coupon-section="fields"] > [data-thurrott-section-form-coupon-section-fields="submit"] { white-space: nowrap; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] { display: grid; grid-template-columns: 2fr 1fr; gap: var(--thurrott-spacing-secondary); position: relative; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] { background-color: var(--thurrott-background-color-tertiary); height: fit-content; padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-billing-fields > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-billing-fields .form-row { margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-billing-fields .form-row > label { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); margin-bottom: 6px; display: block; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-shipping-fields > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-shipping-fields .form-row { margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-shipping-fields .form-row > label { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); margin-bottom: 6px; display: block; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-additional-fields > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-additional-fields .form-row > label { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); margin-bottom: 6px; display: block; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="left"] .woocommerce-additional-fields .form-row textarea { width: 100% !important; max-width: 100% !important; min-width: 100% !important; min-height: 72px !important; max-height: 172px !important; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order { position: sticky; top: 206px; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > h3 { background: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary) var(--thurrott-spacing-secondary) 0 var(--thurrott-spacing-secondary); border-top-left-radius: var(--thurrott-general-border-radius); border-top-right-radius: var(--thurrott-general-border-radius); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-review-order-table { background-color: var(--thurrott-background-color-tertiary); height: fit-content; padding: var(--thurrott-spacing-secondary); border: none; border-radius: 0; border-bottom-left-radius: var(--thurrott-general-border-radius); border-bottom-right-radius: var(--thurrott-general-border-radius); width: 100%; min-width: 100%; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment { background-color: var(--thurrott-background-color-tertiary) !important; height: fit-content; padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius) !important; border-radius: var(--thurrott-general-border-radius) !important; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods { border: none; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method > label, body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method > input { cursor: pointer; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box { background-color: rgba(var(--thurrott-cart-background-color-rgb), 0.2) !important; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box:before { border: 1em solid rgba(var(--thurrott-cart-background-color-rgb), 0.2) !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; top: -.95em !important; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box label { color: var(--thurrott-text-color-primary); } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .place-order > button { margin: 0; border: none; height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-on-accent-color-secondary) !important; background-color: var(--thurrott-link-color-primary) !important; } body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] > [data-thurrott-section-checkout-form-section-content="right"] .woocommerce-checkout-review-order > .woocommerce-checkout-payment .place-order > button:hover { color: var(--thurrott-on-accent-color-secondary) !important; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.8) !important; } @media only screen and (max-width: 992px) { body.woocommerce-checkout .container .contain .woocommerce > [data-thurrott-section="checkout-form"] .woocommerce-checkout > [data-thurrott-section-checkout-form-section="content"] { grid-template-columns: 100%; } } [data-thurrott-section="contact"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-layout-top); padding-bottom: var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="contact"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="contact"] > section > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="contact"] > section > div { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="contact"] > section > div:not(:last-child) { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="contact"] > section > div > h2 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="contact"] > section > div > .thurrott-content-from-editor:not(:last-child) { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="contact"] > section > div > .thurrott-content-from-editor > p:last-child { margin-bottom: 0; } [data-thurrott-section="contact"] > section > div > form > button { width: 120px; } [data-thurrott-section="forum"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-layout-top); padding-bottom: var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="forum"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="forum"] > header { margin-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="forum"] > header > h1 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] { padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li { height: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); padding: var(--thurrott-spacing-primary); background-color: var(--thurrott-background-color-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); height: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > img { width: 50px; height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; object-fit: fill; object-position: center; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > div > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: 6px; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > div > p { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > div > span { color: var(--thurrott-text-color-secondary); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] { padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li { height: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li > a { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); padding: var(--thurrott-spacing-primary); background-color: var(--thurrott-background-color-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); height: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li > a > img { width: 50px; height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; object-fit: fill; object-position: center; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li > a > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-primary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; justify-content: space-between; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > a { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > a > img { width: 50px; height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; object-fit: fill; object-position: center; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > a > div > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: 6px; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > a > div > span { color: var(--thurrott-text-color-secondary); } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > [data-thurrott-element="breadcrumbs"] { margin: 0; justify-content: flex-end; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > [data-thurrott-element="breadcrumbs"] > li > a { color: var(--thurrott-link-color-primary); opacity: 1; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > [data-thurrott-element="breadcrumbs"] > li > span { opacity: .6; } [data-thurrott-section="forum"] > section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="forum"] > section > header > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } [data-thurrott-section="forum"] > section > header > select { width: 300px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > header { grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr 1fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > ul > li { grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr 1fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header { display: grid; grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr; align-items: center; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-primary); padding: 0 var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header > span { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); white-space: nowrap; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header > span[data-thurrott-section-forum-section="actions"] { text-align: center; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul { padding: 0; margin: 0; list-style-type: none; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li { display: grid; grid-template-columns: 4fr 1fr 1fr 1fr 1fr 1fr; align-items: center; gap: var(--thurrott-spacing-primary); padding: var(--thurrott-spacing-primary); background-color: var(--thurrott-background-color-tertiary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li:not(:last-child) { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div:not([data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"]) { white-space: nowrap; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"] > div { width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; -webkit-border-radius: 44px; border-radius: 44px; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); display: flex; align-items: center; justify-content: center; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"] > div > svg { width: 21px; height: 21px; min-width: 21px; min-height: 21px; max-width: 21px; max-height: 21px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"] > div > svg path { fill: var(--thurrott-icon-color-primary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"] > h3 { line-height: 1px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="thread"] > h3 > a { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] { justify-content: center; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; gap: 8px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul > li > a > svg { width: 20px; height: 20px; min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul > li > a > svg path { fill: var(--thurrott-text-color-disabled); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul > li[data-thurrott-section-forum-section-actions="edit"] > a:hover > svg path { fill: var(--thurrott-link-color-primary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul > li[data-thurrott-section-forum-section-actions="delete"] > a:hover > svg path { fill: var(--thurrott-status-critical-color); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div > span:not([data-thurrott-tag="closed"]) { display: flex; align-items: center; gap: 8px; font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div > span:not([data-thurrott-tag="closed"]) > svg { width: 15px; height: 15px; min-width: 15px; min-height: 15px; max-width: 15px; max-height: 15px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div > span:not([data-thurrott-tag="closed"]) > svg path { fill: var(--thurrott-text-color-secondary); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li[data-thurrott-interaction-state="closed"] > [data-thurrott-section-forum-section="thread"] > div { background-color: rgba(var(--thurrott-gray-color-secondary-rgb), 0.1); } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li[data-thurrott-interaction-state="closed"] > [data-thurrott-section-forum-section="thread"] > div > svg path { fill: var(--thurrott-gray-color-secondary); } @media only screen and (max-width: 992px) { [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] { grid-template-columns: repeat(2, 1fr); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] { grid-template-columns: repeat(2, 1fr); } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li:last-child { grid-column: 1/3; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div > span:not([data-thurrott-tag="closed"]) > span { display: none; } } @media only screen and (max-width: 767px) { [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > header { grid-template-columns: 4fr 0.5fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > ul > li { grid-template-columns: 4fr 0.5fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header { grid-template-columns: 4fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li { grid-template-columns: 4fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li > div[data-thurrott-section-forum-section="actions"] > ul { flex-direction: column; } } @media only screen and (max-width: 575px) { [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > header { grid-template-columns: 4fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"][data-thurrott-column-count="7"] > ul > li { grid-template-columns: 4fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header { grid-template-columns: 4fr 0.5fr 0.5fr; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header > span:not(:first-child) { display: none; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > ul > li { grid-template-columns: 4fr 0.5fr 0.5fr; } } @media only screen and (max-width: 395px) { [data-thurrott-section="forum"] { padding-top: var(--thurrott-spacing-tertiary); padding-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="forum"] > header > h1 { --thurrott-text-default-font-size: 18px; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] { grid-template-columns: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > div > p { --thurrott-text-caption-font-size: 14px; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="primary-categories"] > li > a > div > span { font-size: 16px; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] { grid-template-columns: 100%; } [data-thurrott-section="forum"] > header > [data-thurrott-section-forum-header-section="secondary-categories"] > li:last-child { grid-column: 1; } [data-thurrott-section="forum"] > header[data-thurrott-section-forum-section="category-header"] > a > div > h3 { font-size: 16px; } [data-thurrott-section="forum"] > section > [data-thurrott-section-forum-section="threads"] > header > span { font-size: 14px; } } [data-thurrott-section-my-account-section="header"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding-top: var(--thurrott-spacing-layout-top); margin-bottom: var(--thurrott-spacing-secondary); } @media only screen and (max-width: 395px) { [data-thurrott-section-my-account-section="header"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section-my-account-section="header"] > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); } body.thurrott-frontend:not(.admin-bar).has-announcement-bar.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { top: 222px; } body.thurrott-frontend.has-announcement-bar.admin-bar.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { top: 262px; } body.thurrott-frontend.has-announcement-bar.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { top: 252px; } body.thurrott-frontend.admin-bar.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { top: 222px; } body.woocommerce-account .container { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; } @media only screen and (max-width: 395px) { body.woocommerce-account .container { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } body.woocommerce-account .container .contain { padding-bottom: var(--thurrott-spacing-layout-bottom); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] { /* General Table Style */ } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div { display: flex; gap: var(--thurrott-spacing-tertiary); position: relative; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="content"] { width: 64%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="content"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="content"] [data-thurrott-section="content-widgets"] { display: none; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] { width: 36%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { position: sticky; top: 182px; margin-top: 32px; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] { height: fit-content; background-color: var(--thurrott-background-color-tertiary); padding: 18px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul { padding: 0; margin: 0; list-style-type: none; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li:not(:last-child) { margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li > a { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li > a > span { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; -webkit-border-radius: 44px; border-radius: 44px; padding: var(--thurrott-spacing-primary); background-color: var(--thurrott-background-color-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li > a > span > svg path { fill: var(--thurrott-text-color-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li.is-active > a > span, body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li:hover > a > span { background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.1); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li.is-active > a > span > svg path, body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] > ul > li:hover > a > span > svg path { fill: var(--thurrott-icon-color-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="profile-widget"] { height: fit-content; background-color: var(--thurrott-background-color-tertiary); padding: 18px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-secondary); display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="profile-widget"] > img { width: 50px; height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50px; border-radius: 50px; object-fit: fill; object-position: center; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="profile-widget"] > [data-thurrott-section-my-account-section-profile-widget-section="content"] { display: flex; flex-direction: column; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="profile-widget"] > [data-thurrott-section-my-account-section-profile-widget-section="content"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="profile-widget"] > [data-thurrott-section-my-account-section-profile-widget-section="content"] > [data-thurrott-section-my-account-section-profile-widget-element="user-email"] { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] { width: 100%; background-color: var(--thurrott-white-color); background-image: url("assets/img/thurrott-premium-member-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top left; padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header { display: flex; flex-direction: column; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header > img { margin-bottom: var(--thurrott-spacing-primary); width: 120px; min-width: 120px; max-width: 120px; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header > .thurrott-content-from-editor * { color: var(--thurrott-white-color) !important; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header > .thurrott-content-from-editor > p { margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > header > a { width: fit-content; padding: 3px 9px; -webkit-border-radius: 3px; border-radius: 3px; color: var(--thurrott-gray-color-primary); background-color: rgba(var(--thurrott-white-color-rgb), 0.7); white-space: nowrap; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; justify-content: space-between; gap: var(--thurrott-spacing-secondary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > ul > li { display: flex; flex-direction: column; align-items: center; gap: 5px; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > ul > li > span { font-family: var(--thurrott-text-heading2-font-family); font-size: var(--thurrott-text-heading2-font-size); font-style: var(--thurrott-text-heading2-font-style); font-weight: var(--thurrott-text-heading2-font-weight); line-height: var(--thurrott-text-heading2-line-height); letter-spacing: var(--thurrott-text-heading2-letter-spacing); color: var(--thurrott-text-heading2-color); --thurrott-text-heading2-color: var( --thurrott-white-color ); text-align: center; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > ul > li > .thurrott-content-from-editor * { color: var(--thurrott-white-color) !important; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"] > ul > li > .thurrott-content-from-editor > p { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); text-align: center; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"][data-thurrott-element-type="primary"] > header { width: 50%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"][data-thurrott-element-type="primary"] > ul { width: 50%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section="membership-upsell-separator"][data-thurrott-element-type="secondary"] > header { width: 100%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] table:not(.shop_table.order_details) { width: 100%; min-width: 100%; table-layout: fixed; overflow-wrap: break-word; display: table; } body.woocommerce-subscriptions .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-button, body.woocommerce-view-subscription .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-button { margin: 0; height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-on-accent-color-secondary) !important; background-color: var(--thurrott-link-color-primary) !important; } body.woocommerce-subscriptions .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-button:hover, body.woocommerce-view-subscription .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="content"] .woocommerce-button:hover { color: var(--thurrott-on-accent-color-secondary) !important; background-color: rgba(var(--thurrott-link-color-primary-rgb), 0.8) !important; } body.woocommerce-subscriptions .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"], body.woocommerce-view-subscription .container .contain .woocommerce > [data-thurrott-section="my-account"] [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { margin-top: 0 !important; } @media only screen and (max-width: 1240px) { body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { top: 152px; } } @media only screen and (max-width: 992px) { body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div { flex-direction: column-reverse; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="content"] { width: 100%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="content"] [data-thurrott-section="content-widgets"] { display: block; margin-top: var(--thurrott-spacing-tertiary); } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] { width: 100%; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] { margin-top: 0; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] > [data-thurrott-section-my-account-section-sidebar-section="content"] > [data-thurrott-section-my-account-section="navigation"] { margin-bottom: 0; } body.woocommerce-account .container .contain .woocommerce > [data-thurrott-section="my-account"] > div > [data-thurrott-section-my-account-section="sidebar"] [data-thurrott-section-my-account-section="widgets"] { display: none; } } body.woocommerce-order-received [data-thurrott-section="order-received"] { position: relative; background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: grid; grid-template-columns: 1fr 2.5fr; gap: var(--thurrott-spacing-secondary); } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="image"] > img { width: 100%; position: sticky; top: 200px; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > [data-thurrott-section-order-received-section-content="description"] > h2 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: 6px; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details { margin: var(--thurrott-spacing-secondary) 0; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details h2 { display: none; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table { min-width: 100%; display: table; border: none; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table.woocommerce-table--order-details { display: none; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table > tbody tr { background: transparent; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table > tbody tr td { border-top-color: var(--thurrott-input-background-color-secondary); } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table > tbody tr td .woocommerce-button { margin: 0; height: inherit; cursor: pointer; padding: 6px var(--thurrott-spacing-primary); font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); font-weight: 400 !important; box-shadow: none; text-shadow: none; align-items: center; align-content: center; text-decoration: none; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-flex; color: var(--thurrott-link-color-primary) !important; background: none !important; border: 2px solid var(--thurrott-link-color-primary) !important; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-order-details table > tbody tr td .woocommerce-button:hover { color: var(--thurrott-white-color) !important; background-color: var(--thurrott-link-color-primary) !important; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-customer-details > h2 { font-family: var(--thurrott-text-caption-font-family); font-size: var(--thurrott-text-caption-font-size); font-style: var(--thurrott-text-caption-font-style); font-weight: var(--thurrott-text-caption-font-weight); line-height: var(--thurrott-text-caption-line-height); letter-spacing: var(--thurrott-text-caption-letter-spacing); color: var(--thurrott-text-caption-color); --thurrott-text-caption-font-size: 10px; --thurrott-text-caption-color: var( --thurrott-text-color-secondary ); text-transform: uppercase; margin-bottom: var(--thurrott-spacing-primary); } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > .woocommerce-customer-details > address { border: 1px solid var(--thurrott-theme-switcher-background-color); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); padding: var(--thurrott-spacing-primary); width: 100%; max-width: 350px; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > [data-thurrott-section-order-received-section-content="additional-information"] { margin-bottom: var(--thurrott-spacing-secondary); } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="content"] > [data-thurrott-section-order-received-section-content="additional-information"] > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: 6px; } @media only screen and (max-width: 992px) { body.woocommerce-order-received [data-thurrott-section="order-received"] { grid-template-columns: 100%; } body.woocommerce-order-received [data-thurrott-section="order-received"] > [data-thurrott-section-order-received-section="image"] > img { max-width: 300px; } } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] { background-color: var(--thurrott-gray-color-primary); background-image: url("assets/img/podcast-first-section-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding: var(--thurrott-spacing-tertiary) var(--thurrott-spacing-secondary) var(--thurrott-spacing-tertiary); display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); } @media only screen and (max-width: 395px) { [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header[data-thurrott-interaction-state="viewed"] { position: relative; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header[data-thurrott-interaction-state="viewed"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: none; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > img { width: 100%; max-width: 475px; height: 100%; max-height: 275px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > h2 { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > h2 > a { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--thurrott-white-color); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > span { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-white-color ); display: block; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > span > a { color: var(--thurrott-white-color); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--thurrott-white-color); } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > [data-thurrott-section="cta"] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary"] { background-color: var(--thurrott-link-color) !important; color: var(--thurrott-gray-color-primary) !important; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary"]:hover { opacity: .8; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="list"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; padding: var(--thurrott-spacing-tertiary) var(--thurrott-spacing-secondary) var(--thurrott-spacing-tertiary); display: grid; grid-template-columns: 100%; gap: var(--thurrott-spacing-secondary); } @media only screen and (max-width: 395px) { [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="list"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } @media only screen and (max-width: 992px) { [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header { display: grid; grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header { grid-template-columns: 100%; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > img { max-width: 100%; max-height: 53vw; } } @media only screen and (max-width: 395px) { [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > [data-thurrott-section="cta"] { flex-direction: column; } [data-thurrott-section="podcast-page"] > [data-thurrott-section-podcast-page-section="first"] > header > div > [data-thurrott-section="cta"] > a { width: 100%; } } [data-thurrott-section="podcasts-page"] { background-color: var(--thurrott-background-color-tertiary); padding-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] { background-color: var(--thurrott-background-color-tertiary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child { background-color: var(--thurrott-gray-color-primary); background-image: url("assets/img/podcast-first-section-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] { margin-bottom: var(--thurrott-spacing-tertiary); padding-top: 50px; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > h2 > a { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > span { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > span > a { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > .thurrott-content-from-editor { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary"] { background-color: var(--thurrott-link-color) !important; color: var(--thurrott-gray-color-primary) !important; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary"]:hover { opacity: .8; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary-outline"] { border-color: var(--thurrott-link-color) !important; color: var(--thurrott-link-color) !important; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] > a[data-thurrott-button="primary-outline"]:hover { background-color: var(--thurrott-link-color) !important; color: var(--thurrott-gray-color-primary) !important; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > div { background-color: rgba(var(--thurrott-gray-color-primary-rgb), 0.25); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a > div > h3 { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a > div > span { color: var(--thurrott-white-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > a { color: var(--thurrott-link-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"] > a > svg path { fill: var(--thurrott-link-color); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:first-child > [data-thurrott-section-podcasts-page-section="content"]:after, [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"]:last-child > [data-thurrott-section-podcasts-page-section="content"]:after { display: none; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; position: relative; padding: var(--thurrott-spacing-tertiary) var(--thurrott-spacing-secondary) var(--thurrott-spacing-tertiary); } @media only screen and (max-width: 395px) { [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"]:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: calc( 100% - 48px); height: 1px; background-color: var(--thurrott-background-color-primary); margin: auto; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header { display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header[data-thurrott-interaction-state="viewed"] > [data-thurrott-section-podcast="image"] { position: relative; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header[data-thurrott-interaction-state="viewed"] > [data-thurrott-section-podcast="image"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: block; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > [data-thurrott-section-podcast="image"] { width: 100%; max-width: 475px; height: 100%; max-height: 275px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); overflow: hidden; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > [data-thurrott-section-podcast="image"] > img { width: 100%; height: 100%; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > h2 { margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > h2 > a { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > span { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); display: block; margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > span a { color: var(--thurrott-text-color-secondary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div { background-color: var(--thurrott-background-color-primary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); overflow: auto; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul { padding: 0; margin: 0; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--thurrott-spacing-tertiary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a[data-thurrott-interaction-state="viewed"] > [data-thurrott-section-podcast="image"] { position: relative; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a[data-thurrott-interaction-state="viewed"] > [data-thurrott-section-podcast="image"]:after { content: '✓ Read'; position: absolute; top: 5px; left: 5px; color: var(--thurrott-gray-color-disabled); background-color: var(--thurrott-gray-color-primary); padding: 1px 6px; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; display: block; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a > [data-thurrott-section-podcast="image"] > img { width: 80px; min-width: 80px; max-width: 80px; height: 50px; min-height: 50px; max-height: 50px; -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a > div > h3 { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul > li > a > div > span { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-color: var( --thurrott-text-color-secondary ); display: block; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > a { display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin-top: var(--thurrott-spacing-primary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > a > svg path { fill: var(--thurrott-icon-color-primary); } @media only screen and (max-width: 992px) { [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header { display: grid; grid-template-columns: repeat(2, 1fr); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header { grid-template-columns: 100%; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > [data-thurrott-section-podcast="image"] > img { max-width: 100%; max-height: 53vw; } } @media only screen and (max-width: 575px) { [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul { grid-template-columns: 100%; } } @media only screen and (max-width: 395px) { [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] { flex-direction: column; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > header > div > [data-thurrott-section="cta"] > a { width: 100%; } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div { padding: var(--thurrott-spacing-primary); } [data-thurrott-section="podcasts-page"] [data-thurrott-section-podcasts-page-layout="row"] > [data-thurrott-section-podcasts-page-section="content"] > div > ul { gap: var(--thurrott-spacing-secondary); } } [data-thurrott-section="search-page"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; margin: var(--thurrott-spacing-layout-top) auto var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="search-page"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="search-page"] > [data-thurrott-section="search-form"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); display: flex; align-items: flex-end; gap: var(--thurrott-spacing-primary); margin-bottom: var(--thurrott-spacing-tertiary); } [data-thurrott-section="search-page"] > [data-thurrott-section="search-form"] > fieldset { width: 100%; } [data-thurrott-section="search-page"] > [data-thurrott-section="search-form"] > button { white-space: nowrap; height: 50px; padding: 0 var(--thurrott-spacing-tertiary); } [data-thurrott-section="search-page"] > [data-thurrott-section-search-element="results-count"] { font-family: var(--thurrott-text-default-font-family); font-size: var(--thurrott-text-default-font-size); font-style: var(--thurrott-text-default-font-style); font-weight: var(--thurrott-text-default-font-weight); line-height: var(--thurrott-text-default-line-height); letter-spacing: var(--thurrott-text-default-letter-spacing); color: var(--thurrott-text-default-color); --thurrott-text-default-font-weight: 600; margin-bottom: var(--thurrott-spacing-primary); display: block; } [data-thurrott-section="search-page"] > [data-thurrott-library-namespace="post_list"] > [data-thurrott-section="posts"] > [data-thurrott-element="post"] > header { height: 100%; max-height: 211px; min-height: 211px; } [data-thurrott-section="search-page"] > [data-thurrott-section="forum"] { margin: var(--thurrott-spacing-tertiary) 0 0; padding: 0; } @media only screen and (max-width: 1240px) { [data-thurrott-section="search-page"] > [data-thurrott-library-namespace="post_list"] > [data-thurrott-section="posts"] > [data-thurrott-element="post"] > header { max-height: 17vw; min-height: 17vw; } } @media only screen and (max-width: 767px) { [data-thurrott-section="search-page"] > [data-thurrott-library-namespace="post_list"] > [data-thurrott-section="posts"] > [data-thurrott-element="post"] > header { max-height: 25vw; min-height: 25vw; } } @media only screen and (max-width: 575px) { [data-thurrott-section="search-page"] > [data-thurrott-library-namespace="post_list"] > [data-thurrott-section="posts"] > [data-thurrott-element="post"] > header { max-height: 51vw; min-height: 51vw; } } [data-thurrott-section="terms"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; display: grid; grid-template-columns: 2fr 1fr; gap: var(--thurrott-spacing-secondary); margin-top: var(--thurrott-spacing-layout-top); margin-bottom: var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="terms"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="terms"] > section > h1 { font-family: var(--thurrott-text-heading3-font-family); font-size: var(--thurrott-text-heading3-font-size); font-style: var(--thurrott-text-heading3-font-style); font-weight: var(--thurrott-text-heading3-font-weight); line-height: var(--thurrott-text-heading3-line-height); letter-spacing: var(--thurrott-text-heading3-letter-spacing); color: var(--thurrott-text-heading3-color); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="thread"] { width: 100%; margin: 0 auto; padding: 0 var(--thurrott-spacing-secondary); max-width: 1223px; margin: var(--thurrott-spacing-layout-top) auto var(--thurrott-spacing-layout-bottom); } @media only screen and (max-width: 395px) { [data-thurrott-section="thread"] { padding-left: var(--thurrott-spacing-primary); padding-right: var(--thurrott-spacing-primary); } } [data-thurrott-section="thread"] > section > h1 { font-family: var(--thurrott-text-heading2-font-family); font-size: var(--thurrott-text-heading2-font-size); font-style: var(--thurrott-text-heading2-font-style); font-weight: var(--thurrott-text-heading2-font-weight); line-height: var(--thurrott-text-heading2-line-height); letter-spacing: var(--thurrott-text-heading2-letter-spacing); color: var(--thurrott-text-heading2-color); margin-bottom: var(--thurrott-spacing-primary); } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] { display: flex; align-items: center; gap: var(--thurrott-spacing-secondary); background-image: url("assets/img/premium-wall-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > img { width: 100%; max-width: 245px; } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > h3 { margin-bottom: var(--thurrott-spacing-secondary); color: var(--thurrott-white-color); } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > .thurrott-content-from-editor { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > .thurrott-content-from-editor * { color: var(--thurrott-white-color); } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > ul { display: flex; align-items: center; gap: var(--thurrott-spacing-primary); padding: 0; margin: 0; list-style-type: none; } [data-thurrott-section="thread"] > section > [data-thurrott-element="post-meta"] { margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] { background-color: var(--thurrott-background-color-tertiary); padding: var(--thurrott-spacing-secondary); -webkit-border-radius: var(--thurrott-general-border-radius); border-radius: var(--thurrott-general-border-radius); margin-bottom: var(--thurrott-spacing-secondary); } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > ul > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ul > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ol > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > code, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > pre, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > blockquote, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > blockquote > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > code, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > pre { color: var(--thurrott-text-color-article); font-size: 16px; line-height: 24px; } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > ul > li > a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ul > li a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ol > li a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > code a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > pre a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > blockquote a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > code a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > pre a { font-size: 16px; line-height: 24px; } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > [data-thurrott-button] { width: fit-content; margin-left: auto; } @media only screen and (max-width: 767px) { [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] { flex-direction: column; } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section { text-align: center; } [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > ul { justify-content: center; } } @media only screen and (max-width: 575px) { [data-thurrott-section="thread"] > section > [data-thurrott-section="premium-wall-actions-container"] > section > ul { flex-direction: column; } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > ul > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ul > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ol > li, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > code, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > pre, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > blockquote, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > blockquote > p, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > code, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > pre { font-size: 18px; line-height: 28px; } [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > ul > li > a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ul > li a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > ol > li a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > code a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > pre a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > p > blockquote a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > code a, [data-thurrott-section="thread"] > section > [data-thurrott-section-thread-section="content"] > .thurrott-content-from-editor > pre a { font-size: 18px; line-height: 28px; } }