:root {
  --deixav5-gap-xs: 5px;
  --deixav5-gap-sm: 10px;
  --deixav5-gap-md: 15px;
  --deixav5-gap-lg: 20px;
  --deixav5-gap-xl: 30px;
  --deixav5-gap-xxl: 40px;
  --header-padding: 15px;
  --archive-padding-top: 25px;
  --archive-padding-bottom: 25px;
  --site-title-size: 26px;
  --block-title-size: 16px;
  --post-title-size: 18px;
  --content-font-size: 16px;
  --menu-size: 14px;
  --submenu-size: 13px;
  --single-title-size: 30px;
  --single-content-size: 17px;
  --deixav5-global-preset-theme-color: #02de9c;
  --main-bk-color: #ffffff;
  --header-bk-color: #000000;
  --block-title-bk-color: #202024;
  --content-bk-color: #ffffff;
  --menu-color: #ffffff;
  --menu-color-active: #02de9c;
  --border-line-color: #E2E2E2;
  --sidebar-bk-color: #f5f5f5;
  --footer-bk-color: #000000;
  --footer-color: #ffffff;
  --deixav5-archive-image-ratio: 0.26;
  --deixav5-post-grid-image-ratio: 0.63;
  --deixav5-single-image-ratio: 0.6;
  --deixav5-logo-width: 359px;
  --deixav5-logo-width-tablet: 246px;
  --deixav5-logo-width-mobile: 300px;
  --deixav5-logo-max-height: 80px;
}

body .site-branding img,
body .custom-logo-link img,
body .site-branding .custom-logo {
  width: var(--deixav5-logo-width) !important;
  max-height: var(--deixav5-logo-max-height) !important;
  height: auto !important;
}
@media (max-width: 940px) {
  body .site-branding img,
  body .custom-logo-link img {
    width: var(--deixav5-logo-width-tablet) !important;
  }
}
@media (max-width: 600px) {
  body .site-branding img,
  body .custom-logo-link img {
    width: var(--deixav5-logo-width-mobile) !important;
  }
}