/*
Theme Name: Ride
Author: Amit Singh
Author URI: https://whoisamitsingh.com
Description: A clean, lightweight WordPress theme optimized for speed and readability. Ideal for blogs, magazines, and simple business sites.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ride
Tags: blog, one-column, two-columns, right-sidebar, custom-logo, featured-images, accessibility-ready, block-styles, wide-blocks
*/

:root{
  --ride-font-body: "Rubik", sans-serif;
  --ride-font-head: "Rubik", sans-serif;
  --ride-color-bg: #000000;
  --ride-color-light: #ffffff;
  --ride-color-active: #FE0000;
  --ride-color-dark: #161616;
  --ride-color-golden: #FFB200;
  --ride-color-separator: #E1E4ED;
  --ride-content-width: calc(100vw - 300px);
  --ride-header-height: 118px;
  --container-max-width: min(100vw, 1140px);
  --padding-left: calc((100vw - var(--container-max-width))/2);
}

*{
  box-sizing:border-box;
  text-decoration: none;
  margin: 0;
}
:target {
  scroll-margin-top: 100px; /* modern way */
}
html{
  scroll-behavior: smooth;
}
body{
  font-family: var(--ride-font-body);
  color: var(--ride-color-dark);
  background: var(--ride-color-light);
  margin:0;
  line-height:normal;
  --base-margin: 10px;
}
.dark{
  background-color: var(--ride-color-dark);
  color: var(--ride-color-light);
}
h1,.h1,
h2,.h2{
  font-weight: 500;
  font-size: 36px;
  line-height: 130%;
  color: var(--ride-color-active);
  margin: 0;
}
h3,.h3{
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  margin: 0;
}
h4{
  font-weight: 500;
}
ul{
  font-weight: 300;
  font-size: 14px;
}
p{
  /*font-weight: 300;
  font-size: 16px;
  line-height: 24px;*/
  font-weight: 300;
  margin: 0;
}
.pf-1{
  font-size: 16px;
  line-height: 24px;
}
.pf-2{
  font-size: 14px;
  line-height: 24px;
}
.pf-2{
  font-weight: 300;
}
a{
  color: var(--ride-color-active);
}
.mb-0{
  margin-bottom: 0 !important;
}
.mb-1{
  margin-bottom: var(--base-margin);
}
.mb-2{
  margin-bottom: calc(2 * var(--base-margin));
}
.mb-3{
  margin-bottom: calc(3 * var(--base-margin));;
}
.mb-4{
  margin-bottom: calc(4 * var(--base-margin));;
}
.mt-1{
  margin-top: var(--base-margin);
}
.mt-2{
  margin-top: calc(2 * var(--base-margin));
}
.mt-3{
  margin-top: calc(3 * var(--base-margin));;
}
.mt-4{
  margin-top: calc(4 * var(--base-margin));;
}
.p-0{
  padding: 0 !important;
}
.pb-0{
  padding-bottom: 0 !important;
}
.pt-0{
  padding-top: 0 !important;
}
.py-0{
  padding-block: 0 !important;
}
.p-2{
  padding: calc(2 * var(--base-margin));
}
.pb-4{
  padding-bottom: calc(4 * var(--base-margin));
}
.pb-5{
  padding-bottom: calc(5 * var(--base-margin));
}
.pb-6{
  padding-bottom: calc(6 * var(--base-margin));
}
.pt-1{
  padding-top: var(--base-margin);
}
.pt-2{
  padding-top: calc(2 * var(--base-margin));
}
.pt-3{
  padding-top: calc(3 * var(--base-margin));
}
.pt-4{
  padding-top: calc(4 * var(--base-margin));
}
.pt-5{
  padding-top: calc(5 * var(--base-margin));
}
.pt-6{
  padding-top: calc(6 * var(--base-margin));
}
.py-1{
  padding-block: var(--base-margin);
}
.py-2{
  padding-block: calc(2 * var(--base-margin));
}
.py-3{
  padding-block: calc(3 * var(--base-margin));
}
.py-4{
  padding-block: calc(4 * var(--base-margin));
}
.d-flex{
  display: flex;
}
.gap-5{
  gap: 5px;
}
.gap-15{
  gap: 15px;
}
img{
  max-width: 100%;
  height: auto;
}
.row{
  display: flex;
  gap: 50px;
}
.row .col{
  flex: 1;
}
.row .col > *{
  margin-bottom: calc(2 * var(--base-margin));
}
.page-section{
  font-size: 16px;
  line-height: 24px;
}
.inner-content .section-info > *{
  margin-bottom: calc(2 * var(--base-margin));
}

.fw-normal{
  font-weight: 400;
}
.fs-20{
  font-size: 20px;
}
input[type="date"],
input[type="time"] {
  text-transform: uppercase;
}