:root { --rd-accent: #BAB5F6;
--rd-accent-hover: #AAA4F0; --rd-bg: #F5F5F3;
--rd-bg-soft: #F0F0EE;
--rd-bg-warm: #EFEDE8; --rd-surface: #FFFFFF;
--rd-surface-2: #F7F7F5; --rd-dark: #111111;
--rd-dark-deep: #050505; --rd-text: #111111;
--rd-text-soft: #666666;
--rd-text-muted: #8A8A8A;
--rd-text-on-dark: #FFFFFF;
--rd-text-on-dark-soft: #C7C7C7; --rd-border: #E5E5E2;
--rd-border-dark: rgba(255,255,255,.12); --rd-container: 100%;
--rd-radius: 16px;
--rd-radius-sm: 10px; --rd-font-title: "Sora", system-ui, sans-serif;
--rd-font-body: "Sora", system-ui, sans-serif; --rd-green: var(--rd-accent);
--rd-green-dark: var(--rd-accent-hover);
--rd-black: var(--rd-dark-deep);
} html {
scroll-behavior: smooth;
}
body {
background: var(--rd-bg);
color: var(--rd-text);
font-family: var(--rd-font-body);
font-size: 16px;
line-height: 1.6;
}
body,
button,
input,
select,
textarea {
font-family: var(--rd-font-body);
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: var(--rd-accent);
}
img {
max-width: 100%;
height: auto;
} .site.grid-container,
.container.grid-container,
.inside-header,
.inside-navigation,
.inside-footer-widgets,
.site-content,
.rd-container {
max-width: var(--rd-container);
width: 100%;
padding-right: 50px;
padding-left: 50px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
} .site,
.site-content,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .site-content {
background: transparent;
} h1,
h2,
h3,
h4,
h5,
h6,
.main-title,
.entry-title {
font-family: var(--rd-font-title);
color: var(--rd-text);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1.05;
text-transform: uppercase;
}
h1,
.entry-title {
font-size: clamp(42px, 5vw, 72px);
}
h2 {
font-size: clamp(32px, 3.5vw, 48px);
}
h3 {
font-size: clamp(24px, 2.4vw, 32px);
}
h4 {
font-size: clamp(18px, 1.6vw, 24px);
}
p {
color: var(--rd-text-soft);
margin-bottom: 1.2em;
} .rd-green,
.has-rd-green-color {
color: var(--rd-accent);
} button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background: var(--rd-accent);
color: var(--rd-text);
border: 1px solid transparent;
border-radius: var(--rd-radius-sm);
padding: 14px 26px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .02em;
transition:
background-color .2s ease,
color .2s ease,
border-color .2s ease,
transform .2s ease;
}
button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus {
background: var(--rd-accent-hover);
color: var(--rd-text);
border-color: transparent;
transform: translateY(-1px);
} .rd-btn-secondary,
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
color: var(--rd-text);
border: 1px solid var(--rd-border);
}
.rd-btn-secondary:hover,
.rd-btn-secondary:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
background: rgba(186,181,246,.12);
color: var(--rd-text);
border-color: var(--rd-accent);
} .rd-card,
.wp-block-group.rd-card,
.woocommerce ul.products li.product {
background: var(--rd-surface);
border: 1px solid var(--rd-border);
border-radius: var(--rd-radius);
box-shadow: 0 8px 30px rgba(17,17,17,.035);
overflow: hidden;
} input,
textarea,
select {
background: var(--rd-surface);
color: var(--rd-text);
border: 1px solid var(--rd-border);
border-radius: var(--rd-radius-sm);
padding: 13px 14px;
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--rd-accent);
box-shadow: 0 0 0 3px rgba(186,181,246,.18);
outline: none;
} .site-header {
background: rgba(0,0,0,.88);
border-bottom: 1px solid var(--rd-border-dark);
color: var(--rd-text-on-dark);
}
.site-header .main-title,
.site-header p,
.site-header a {
color: var(--rd-text-on-dark);
}
.main-navigation {
background: transparent;
}
.main-navigation .main-nav ul li a {
color: var(--rd-text-on-dark);
font-family: var(--rd-font-title);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.site-header a:hover,
.main-navigation .main-nav ul li a:hover {
color: var(--rd-accent);
} .woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--rd-text);
font-weight: 700;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--rd-text);
font-family: var(--rd-font-title);
text-transform: uppercase;
}
.woocommerce span.onsale {
background: var(--rd-accent);
color: var(--rd-text);
border-radius: 999px;
} .rd-section {
padding: 96px 0;
}
.rd-section-sm {
padding: 64px 0;
}
.rd-grid {
display: grid;
gap: 24px;
}
.rd-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.rd-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.rd-grid-2 {
grid-template-columns: repeat(2, 1fr);
} @media (max-width: 1023px) {
.site.grid-container,
.container.grid-container,
.inside-header,
.inside-navigation,
.inside-footer-widgets,
.site-content,
.rd-container {
width: 100%;
padding-right: 25px;
padding-left: 25px;
}
.rd-grid-4,
.rd-grid-3 {
grid-template-columns: repeat(2, 1fr);
}
.rd-section {
padding: 72px 0;
}
}
@media (max-width: 767px) {
body {
font-size: 15px;
}
.site.grid-container,
.container.grid-container,
.inside-header,
.inside-navigation,
.inside-footer-widgets,
.site-content,
.rd-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
h1,
.entry-title {
font-size: clamp(36px, 11vw, 48px);
}
h2 {
font-size: clamp(28px, 8vw, 36px);
}
.rd-grid-4,
.rd-grid-3,
.rd-grid-2 {
grid-template-columns: 1fr;
}
.rd-section {
padding: 56px 0;
}
button,
.button,
.wp-block-button__link {
width: 100%;
text-align: center;
}
}
@font-face {
font-family: "Sora";
src: url(//racingdivision-v2.com/wp-content/themes/fonts/Sora-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Sora";
src: url(//racingdivision-v2.com/wp-content/themes/fonts/Sora-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Sora";
src: url(//racingdivision-v2.com/wp-content/themes/fonts/Sora-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Sora";
src: url(//racingdivision-v2.com/wp-content/themes/fonts/Sora-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
h1, h2, h3, h4, h5, h6,
.main-navigation a,
.button,
.wp-block-button__link {
font-family: var(--rd-font-title);
}
@media (max-width: 768px) {
.rd-cart-trust span {
display: none;
}
.rd-cart-drawer__header {
padding: 15px !important;
}
.rd-cart-drawer__footer.is-sticky-checkout .rd-cart-footer-actions {
display: flex !important;
}
.rd-cart-btn--full {
text-align: center !important;
}
}
@media (max-width: 768px) {
.rd-cart-trigger__icon {
height: 22px;
}
}