body, header, main, footer {
  background-color: white;
  color: var(--main-text-color);
}

body h1, body h2, body h3, body h4, body h5 {
  font-family: 'Optima Cyr'; 
  font-weight: 700; text-transform: uppercase;
  width: 100%; text-align: center;
  margin-bottom: 44px;
  margin-top: 24px;

} 

body h1, body h2, body h3 { font-size: 48px; color: var(--main-text-color); line-height: 130%; }

body p, body.span {
  font-family: 'Roboto Flex';
  font-size: 18px;
  line-height: 130%;
  color: var(--main-text-color);
}

body a, body a:visited {
  font-family: 'Roboto Flex';
  text-decoration: none;
  font-size: 14px;
  transition: all 0.35s ease-in-out;
  color: white;
}

body a:focus, body a:hover, body a:focus-visible,
body a:active {
  color: var(--header-link-active-color);
  text-decoration: none;
}

body .entry-header { background-color: transparent; }

article { width: 100%; max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}

article.post-158 { width: 100%; max-width: 100%; }

article .entry-header { display: none; visibility: hidden; opacity: 0.0; }

.call-order-form-button,
.like-button {
  font-family: 'Roboto Flex';
  font-size: 18px; font-weight: 600;
  line-height: 1.0;
  padding-top: 15px; padding-bottom: 16px;
  min-width: 240px;
  border-radius: 8px 8px 8px 8px;
  background-color: var(--button-back-color-default);
  color: var(--button-text-color-default);
  text-align: center;
  text-decoration: none;

  cursor: pointer;
}

.call-order-form-button:focus, .call-order-form-button:hover,
.like-button:focus, .like-button:hover {
  transition: all 0.55s ease-in-out;
  background-color: var(--button-back-color-light);
  color: var(--button-text-color-light);
}


@media (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0px; width: 0px;
  }

  
  .article p, body p  {
    font-family: 'Roboto Flex';
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    padding: 10px 10px;
    box-sizing: border-box;
    text-align: justify;
  }

  body h1, body h2, body h3  {
    font-family: 'Optima Cyr';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 100%;
    font-size: 28px;
    box-sizing: border-box;
    padding: 0px 16px;
    margin-top: 32px; margin-bottom: 12px;
  }

  body h4, body h5, body h6 {
    font-family: 'Optima Cyr';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 100%;
    font-size: 28px;
    padding: 0px 16px;
    margin-top: 32px; margin-bottom: 12px;
  }

  article strong, body strong {
    color: var(--main-text-color);
  }

}

@media (min-width: 768px) {
  .desktop-hidden {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0px; width: 0px;
  }
}