:root:root {
  --terracota: #bd4916;
  --electric-sable: #ffa02e;

  /* --primary-color: #ea5a22; */
  --primary-color: var(--terracota);
  --primary-color-light: var(--electric-sable);
  --primary-color-dark: #a03d12;
  --primary-color-fg: #ffffff;
  /* --secondary-color: #009999; */
  --secondary-color: var(--electric-sable);
  --secondary-color-dark: #df8c27;
  --secondary-color-fg: #ffffff;
  --dark-overlay: #00000023;
  --light-overlay: #ffffff23;
  --dnf: rgb(217, 0, 0);
  --hc: rgb(252, 139, 0);
  --black: #1c1c1c;
  --white: #fff8f3;
  --grey: #dfdfdf;

  --bp-color: var(--primary-color);

  --menu-logo-width: max(130px, min(175px, 33vw));
  --menu-logo-ml: min(20px, 2vw);
  --menu-logo-background-color: var(--secondary-color);
  --menu-fg-color: var(--black);
  --mobile-menu-burger-color: white;
  --mobile-menu-background: white;
  /* --mobile-menu-height: 250px; */
  --mobile-menu-height: 90px;
  --mobile-menu-gradient-height: 300px;

  --banner-height: 560px;

  --font-title: "playfair-display";
  --font-subtitle: "playfair-display";
  --font-body: "exo-2";

  --layout-base-width: 1366px;
  --layout-min-edge: 17px;
  --layout-base-margin: 140px;
  --layout-base-half-margin: calc(var(--layout-base-margin) / 2);
  --layout-base-left-margin: var(--layout-base-margin);
  --layout-base-right-margin: var(--layout-base-margin);
}

.fusion-flex-container {
  --layout-default-left-edge: calc(
    50% - (var(--layout-base-width) / 2) + var(--layout-base-left-margin)
  );
  --layout-default-right-edge: calc(
    50% - (var(--layout-base-width) / 2) + var(--layout-base-right-margin)
  );

  --container-left-padding: clamp(
    var(--layout-min-edge),
    var(--layout-default-left-edge),
    100%
  );

  --container-right-padding: clamp(
    var(--layout-min-edge),
    var(--layout-default-right-edge),
    100%
  );

  --framed-color-offset: 28px;
  --framed-bgimage-offset: 80px;

  --container_padding_100_left: var(--container-left-padding);
  --container_padding_100_right: var(--container-right-padding);
  --container_padding_default_left: var(--container-left-padding);
  --container_padding_default_right: var(--container-right-padding);
}
/* no-margin */
.no-margin {
  --layout-base-left-margin: 0px;
  --layout-base-right-margin: 0px;
}
.no-margin-left {
  --layout-base-left-margin: 0px;
}
.no-margin-right {
  --layout-base-right-margin: 0px;
}
/* half-margin */
.half-margin {
  --layout-base-left-margin: var(--layout-base-half-margin);
  --layout-base-right-margin: var(--layout-base-half-margin);
}
.half-margin-left {
  --layout-base-left-margin: var(--layout-base-half-margin);
}
.half-margin-right {
  --layout-base-right-margin: var(--layout-base-half-margin);
}

@media screen and (max-width: 799px) {
  .fusion-flex-container {
    --container-left-padding: var(--layout-min-edge);
    --container-right-padding: var(--layout-min-edge);
  }
}