@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
:root {
  --font-family: "Raleway", sans-serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1777042049623.png");
  --color-base-100: #141414;
  --color-base-200: #000000;
  --color-base-300: #343434;
  --color-base-content: #c0c0c0;
  --color-primary: #e60922;
  --color-primary-content: #ffffff;
  --color-secondary: #696969;
  --color-secondary-content: #ffffff;
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.8rem;
  --size-selector: 3px;
  --size-field: 3px;
  --size-grid-item-margin: 8px;
  --border-border: 3px;
  --depth-depth: 3;
  --noise-noise: 0;
}


/* Layout: home */
:root {
}
@media (min-width: 375px) {
  :root {
    --items-content-per-row: 1;
    --items-model-per-row: 2;
  }
}
@media (min-width: 768px) {
  :root {
    --items-content-per-row: 2;
    --items-model-per-row: 3;
  }
}
@media (min-width: 1024px) {
  :root {
    --items-content-per-row: 3;
    --items-model-per-row: 6;
  }
}
@media (min-width: 1440px) {
  :root {
    --items-content-per-row: 3;
    --items-model-per-row: 6;
  }
}


/* Layout: videos */
#videos-page {
}
@media (min-width: 375px) {
  #videos-page {
    --items-content-per-row: 1;
  }
}
@media (min-width: 768px) {
  #videos-page {
    --items-content-per-row: 2;
  }
}
@media (min-width: 1024px) {
  #videos-page {
    --items-content-per-row: 3;
  }
}
@media (min-width: 1440px) {
  #videos-page {
    --items-content-per-row: 3;
  }
}


/* Theme CSS Overrides */
/* [2026-05-06 20:51] use Lato */

.ps-body {
  --font-family: 'Lato', sans-serif;
}

.ps-body,
.ps-body * {
  font-family: var(--font-family);
}

/* [2026-05-06 20:53] For all Login ad Join Now buttons, capitalize and bold */

.ypp-btn-primary,
.ypp-btn-secondary,
.header .login-btn,
.header .join-btn,
.join-page .submit {
  text-transform: uppercase;
  font-weight: 700;
}

/* [2026-05-06 20:54] there is a search icon at the top right corner of the page with SEARCH text box, make the search or magnifying class icon smaller */

.header .search-icon,
.header .search-wrapper .search-icon,
.header .search-wrapper svg,
.header .search-wrapper i {
  width: 14px;
  height: 14px;
  font-size: 14px;
}

/* [2026-05-06 20:55] capitalize footer and header links */

.header .nav-link,
.header .menu-link,
.header a,
.footer .footer-link,
.footer a {
  text-transform: uppercase;
}

/* [2026-05-06 20:57] capitalize the text only on thef irst intance of <ul> tag with class footerItems */

ul.footerItems:first-of-type,
ul.footerItems:first-of-type * {
  text-transform: uppercase;
}

/* [2026-05-06 21:00] set the font size of class .footer-default .footerJoin, and .footer-default .footerLogin to 1.5rem instead of 1.8rem */

.footer-default .footerJoin,
.footer-default .footerLogin {
  font-size: 1.5rem;
}


.upcoming-info, .upcoming-info * {
  text-transform: uppercase;
}