/* colors */
.theme-bear-naked-site {
  --primary-color: #F46A20;
  --primary-hover: #cc5200;
  --secondary-color: #00B0B9;
  --secondary-hover: #f85a28;
  --tertiary-color: #9E0B45;
  --accent-color-1: #fff7ec;
  --accent-color-2: #f9e7f3;
  --accent-color-3: #eaf4e2;
  --accent-color-4: #f0f9fd;
  --black: #212529;
  --brown: #4e3629;
  --text-color-bear-naked-site: #707470;
  --link-color-bear-naked-site: var(--primary-color);
  --link-hover-color-bear-naked-site: var(--primary-hover);
}

/* body */
body.theme-bear-naked-site,
body.theme-bear-naked-site main,
body.theme-bear-naked-site.stand-alone {
  font-family: var(--bear-naked-site-body-font);
  color: var(--text-color-bear-naked-site);
}

body.theme-bear-naked-site.stand-alone a:hover {
  color: var(--link-hover-color-bear-naked-site);
}

body.theme-bear-naked-site main .section.accordion-container.has-background-image {
  background-size: 0;
}

body.theme-bear-naked-site main .section.primary-bg-section.has-background-image::after {
  background-color: transparent;
}

/* headings */
body.theme-bear-naked-site main h1,
body.theme-bear-naked-site main h2,
body.theme-bear-naked-site main h3,
body.theme-bear-naked-site main h4,
body.theme-bear-naked-site main h5,
body.theme-bear-naked-site main h6 {
  font-family: var(--bear-naked-site-heading-font);
  color: var(--brown); 
  font-weight: bold;
  line-height: 1;
}

body.theme-bear-naked-site.stand-alone main h1 em,
body.theme-bear-naked-site.stand-alone main h2 em,
body.theme-bear-naked-site.stand-alone main h3 em,
body.theme-bear-naked-site.stand-alone main h4 em,
body.theme-bear-naked-site.stand-alone main h5 em,
body.theme-bear-naked-site.stand-alone main h6 em {
  line-height: 1;
}

/* buttons */
.theme-bear-naked-site main a:any-link {
  color: var(--link-color-bear-naked-site);
}

.theme-bear-naked-site main a.button,
.theme-bear-naked-site main button {
  font-family: var(--bear-naked-site-font);
}

.theme-bear-naked-site main a.button.default,
.theme-bear-naked-site main button.default {
  color: var(--primary-color);
}

.theme-bear-naked-site main a.button.default:hover,
.theme-bear-naked-site main button.default:hover {
  color: var(--primary-hover);
}

.theme-bear-naked-site main a.button.primary,
.theme-bear-naked-site main button.primary,
.theme-bear-naked-site main a.button.secondary,
.theme-bear-naked-site main button.secondary {
  border: 0;
  border-radius: 0;
  box-shadow: 0.2em 0.2em 1em rgba(0 0 0 / 15%);
  transition: color 0.15s, background-color 0.15s;
}

.theme-bear-naked-site main a.button.primary,
.theme-bear-naked-site main button.primary {
  background-color: var(--primary-color);
  color: var(--white);
}

.theme-bear-naked-site main a.button.primary:hover,
.theme-bear-naked-site main button.primary:hover,
.theme-bear-naked-site main a.button.primary:focus,
.theme-bear-naked-site main button.primary:focus {
  background-color: var(--tertiary-color);
}

.theme-bear-naked-site main a.button.secondary,
.theme-bear-naked-site main button.secondary {
  background-color: var(--primary-color);
  color: var(--white);
}

.theme-bear-naked-site main a.button.secondary:hover,
.theme-bear-naked-site main button.secondary:hover,
.theme-bear-naked-site main a.button.secondary:focus,
.theme-bear-naked-site main button.secondary:focus {
  background-color: var(--primary-hover);
}

.theme-bear-naked-site main .primary-bg-section .button.secondary,
.theme-bear-naked-site main .primary-bg-section button.secondary {
  background-color: var(--white);
  color: var(--primary-color);
}

.theme-bear-naked-site main .primary-bg-section a.button.secondary:hover,
.theme-bear-naked-site main .primary-bg-section button.secondary:hover,
.theme-bear-naked-site main .primary-bg-section a.button.secondary:focus,
.theme-bear-naked-site main .primary-bg-section button.secondary:focus {
  background-color: var(--light-light-grey);
}

/* section */
.theme-bear-naked-site main .image-block-wrapper {
  margin: 20px auto;
}

.theme-bear-naked-site main .section.tertiary-bg-section::after {
  background: linear-gradient(0deg, #eff7fa 0%, #e6f6fd 100%);
}

.theme-bear-naked-site.stand-alone main .section.primary-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.secondary-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.tertiary-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.accent-1-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.accent-2-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.accent-3-bg-section::after,
.theme-bear-naked-site.stand-alone main .section.accent-4-bg-section::after {
  max-width: none;
}

.theme-bear-naked-site.stand-alone main .section.primary-bg-section > div:first-child {
  padding-top: 0.5rem;
}

.theme-bear-naked-site main .section.custom-layout {
  display: flex;
  justify-content: center;
  background-image: url('../../images/bg-products-section-left-mobile.png'), url('../../images/bg-products-section-right-mobile.png');
  background-repeat: no-repeat;
  background-position: top left, bottom right;
  background-size: auto 41%, auto 53%;
  background-color: var(--white);
  margin-top: -5px;
}

@media (width >= 1024px) {
  .theme-bear-naked-site.stand-alone .section:not(.full-width) > div {
    max-width: 1300px;
  }

  .theme-bear-naked-site main .section.custom-layout {
    background-image: url('../../images/bg-products-section-left.png'), url('../../images/bg-products-section-right.png');
    background-position: top left, bottom right;
    min-height: 657px;
    background-size: auto;
  }

  /* FAQ section bear placement */
  body.theme-bear-naked-site main .section.accordion-container.has-background-image {
    background-repeat: no-repeat;
    background-position: left 47px  bottom 77px;
    background-size: auto;
  }
}