/* colors */
.theme-rice-krispies {
  --primary-color: #Cd0f45;
  --primary-hover: #9d0c35;
  --secondary-color: #0096D9;
  --secondary-hover: #074F89;
  --tertiary-color: #074F89;
  --accent-color-1: #f2f2f2;
  --light-grey: #e6e6e6;
}

/* body */
body.theme-rice-krispies.stand-alone {
  --nav-height-desktop: 88px;
  --nav-height-tablet: 88px;
  --nav-height: 72px;
}

body.theme-rice-krispies main,
body.theme-rice-krispies.stand-alone main {
  font-family: var(--rice-krispies-font);
}

/* headings */
body.theme-rice-krispies main h1,
body.theme-rice-krispies main h2,
body.theme-rice-krispies main h3,
body.theme-rice-krispies main h4,
body.theme-rice-krispies main h5,
body.theme-rice-krispies main h6 {
  font-family: var(--rice-krispies-font);
  color: var(--secondary-hover); 
  font-weight: 800;
  line-height: 1;
}

/* buttons */
.theme-rice-krispies.stand-alone a:any-link {
  color: var(--secondary-hover);
}

.theme-rice-krispies.stand-alone a:any-link:hover {
  color: var(--primary-color);
}

.theme-rice-krispies main a.button,
.theme-rice-krispies main button,
.theme-rice-krispies.stand-alone a.button:any-link,
.theme-rice-krispies.stand-alone .button {
  font-family: var(--rice-krispies-font);
}

.theme-rice-krispies main a.button.default,
.theme-rice-krispies main button.default {
  color: var(--secondary-hover);
}

.theme-rice-krispies main a.button.default:hover,
.theme-rice-krispies main button.default:hover {
  color: var(--primary-color);
}

.theme-rice-krispies main a.button.primary,
.theme-rice-krispies main button.primary {
  background-color: var(--primary-color);
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
}

.theme-rice-krispies main a.button.primary:hover,
.theme-rice-krispies main button.primary:hover,
.theme-rice-krispies main a.button.primary:focus,
.theme-rice-krispies main button.primary:focus {
  background-color: var(--primary-hover);
  color: var(--white);
}

.theme-rice-krispies main a.button.secondary,
.theme-rice-krispies main button.seconday {
  background-color: var(--secondary-color);
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  border: none;
}

.theme-rice-krispies main a.button.secondary:hover,
.theme-rice-krispies main button.secondary:hover,
.theme-rice-krispies main a.button.secondary:focus,
.theme-rice-krispies main button.secondary:focus {
  background-color: var(--secondary-hover);
  color: var(--white);
}

/* section */
.theme-rice-krispies.stand-alone main .section.primary-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.secondary-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.tertiary-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.accent-1-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.accent-2-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.accent-3-bg-section > div:has(.card-feature),
.theme-rice-krispies.stand-alone main .section.accent-4-bg-section > div:has(.card-feature) {
  padding-left: 0;
  padding-right: 0;
}

@media(width >= 768px) {
  .theme-rice-krispies.stand-alone main .section.primary-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.secondary-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.tertiary-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.accent-1-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.accent-2-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.accent-3-bg-section > div:has(.card-feature),
  .theme-rice-krispies.stand-alone main .section.accent-4-bg-section > div:has(.card-feature) {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
  }
}

@media (width >= 1024px) {
  .theme-rice-krispies.stand-alone .section > div {
    max-width: 1200px;
    margin: auto;
  }

  .theme-rice-krispies.stand-alone .section.full-width > div {
    max-width: none;
  }
}