
/*
 Theme Name:   Pinged Child Theme
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       _Pinged
 Author URI:   http://pinged.gr
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* CSS Variables */
:root {
/* Color Primitives */
--neutrals-light: #ffffff;
--neutrals-dark: #222222;
/*--brand-brand-primary-shade: #ffffff;
--brand-brand-primary-tint: #ffffff;
--brand-brand-primary: #ffffff;
--brand-brand-secondary: #ffffff;
--brand-brand-secondary-shade: #ffffff;
--brand-brand-secondary-tint: #ffffff;
--brand-on-brand-primary: #ffffff;
--brand-on-brand-secondary: #ffffff;
--brand-brand-tertiary: #ffffff;
--brand-brand-tertiary-shade: #ffffff;
--brand-brand-tertiary-tint: #ffffff;
--brand-on-brand-tertiary: #ffffff;*/
--neutrals-100: #e6e6e6;
--neutrals-200: #cdcdcd;
--neutrals-300: #b5b5b5;
--neutrals-400: #9c9c9c;
--neutrals-500: #848484;
--neutrals-600: #6b6b6b;
--neutrals-700: #535353;
--neutrals-800: #3a3a3a;

/* Color Tokens */
--background-positive-default: #38742b;
--background-positive-hover: #7dca6c;
--background-warning-default: #e8b931;
--background-warning-hover: #e5a000;
--background-danger-default: #ec221f;
--background-danger-hover: #c00f0c;
--background-disabled-default: #d9d9d9;
--text-positive-default: #38742b;
--text-warning-default: #522504;
--text-danger-default: #900b09;
--text-disabled-default: #b3b3b3;
--icon-default-on-light: #013162;
--border-brand-on-light: #013162;
--border-brand-on-dark: #f9f9f9;
--border-positive-default: #14ae5c;
--border-warning-default: #e8b931;
--border-danger-default: #ec221f;
--border-disabled-default: #b3b3b3;
--background-neutral-light: #ffffff;
--background-neutral-dark: #222222;
--text-on-light: #222222;
--text-on-dark: #ffffff;
--icon-default-on-dark: #f9f9f9;
--text-accent: #333333;
--text-on-accent: #ffffff;
--background-brand-accent-one: #F4E55E;
--background-brand-accent-two: #013162;
--background-brand-accent-one-hover: #345a81;
--background-brand-accent-two-hover: #345a81;
--background-neutral-light-hover: #f9f9f9;
--background-neutral-dark-hover: #343434;
--text-brand-primary: #013162;
--text-brand-secondary: #007BAD;
--background-neutral-secondary: #e6e6e6;

/* general */
--stroke-border: 1px;
--blur-100: 4px;
--icon-small: 24px;
--icon-medium: 32px;
--icon-large: 40px;
--card-radius: 16px;
--banner-radius: 16px;
--radius-default: 0px;
--section-max-row-width: 1180px;
--icon-weight: 1px;

/* Typography Primitives */
--scale-10: 72;
--scale-09: 64;
--scale-08: 48;
--scale-07: 40;
--scale-06: 32;
--scale-05: 24;
--scale-04: 20;
--scale-03: 16;
--scale-02: 14;
--scale-01: 12;
--family-sans: "Roboto";
--family-serif: "Times New Roman";
--family-mono: "Roboto Mono";
--letter-spacing: 0;
--undefined: 0;
--fluid-max-width: 1280;
--fluid-min-width: 360;

/* Typography Tokens */
--title-page-font-family: var(--family-sans);
--title-page-font-weight: 800;
--subtitle-font-family: var(--family-sans);
--body-font-family: var(--family-sans);
--heading-font-family: var(--family-sans);
--heading-font-weight: 700;
--title-hero-font-family: var(--family-sans);
--title-hero-font-weight: 800;
--subheading-font-family: var(--family-sans);
--subheading-font-weight: 300;
--small-heading-font-family: var(--family-sans);
--small-heading-font-weight: 800;
--small-subheading-font-family: var(--family-sans);
--small-subheading-font-weight: 500;
--title-hero-line-height-max: 56;
--title-hero-min-size: 32;
--title-hero-letter-spacing: var(--letter-spacing);
--title-hero-line-height-min: 37;
--title-hero-max-size: 48;
--title-hero-font-weight-text: "ExtraBold";
--title-page-line-height-max: 38;
--title-page-min-size: 28;
--title-page-line-height-min: 33;
--title-page-font-weight-text: "ExtraBold";
--title-page-max-size: 32;
--subtitle-line-height-max: 28;
--subtitle-min-size: 16;
--subtitle-line-height-min: 19;
--subtitle-font-weight-text: "Light";
--subtitle-max-size: 24;
--subtitle-font-weight: 300;
--heading-line-height-max: 33;
--heading-min-size: 20;
--heading-line-height-min: 21;
--heading-font-weight-text: "Bold";
--heading-max-size: 28;
--subheading-line-height-max: 28;
--subheading-min-size: 18;
--subheading-line-height-min: 19;
--subheading-font-weight-text: "light";
--subheading-max-size: 24;
--small-heading-line-height-max: 23;
--small-heading-min-size: 16;
--small-heading-line-height-min: 19;
--small-heading-font-weight-text: "ExtraBold";
--small-heading-max-size: 20;
--small-subheading-line-height-max: 23;
--small-subheading-min-size: 16;
--small-subheading-line-height-min: 19;
--small-subheading-font-weight-text: "Regular";
--small-subheading-max-size: 20;
--body-line-height-base: 24;
--body-line-height-small: 18;
--body-font-weight-strong: 700;
--body-font-weight-regular: 400;
--body-font-weight-semibold: 600;
--body-fluid-min-size: 14;
--body-size-base: 16;
--body-size-small: 14;
--body-fluid-max-size: 16;
--title-hero-letter-spacing: var(--letter-spacing);
--title-page-letter-spacing: var(--letter-spacing);
--subtitle-letter-spacing: var(--letter-spacing);
--heading-letter-spacing: var(--letter-spacing);
--subheading-letter-spacing: var(--letter-spacing);
--small-heading-letter-spacing: var(--letter-spacing);
--small-subheading-letter-spacing: var(--letter-spacing);
--body-letter-spacing: var(--letter-spacing);

/* Spacing tokens*/
--space-0: 0px;
--space-0-5: 4px;
--space-1: 8px;
--space-2: 16px;
--space-3: 24px;
--space-1-5: 12px;
--space-4: 32px;
--space-5: 40px;
--space-6: 48px;
--space-7: 56px;
--space-8: 64px;
--space-12: 96px;
--spacing-stack: var(--space-2);
--spacing-component: var(--space-3);
--spacing-row: var(--space-0);
--spacing-column: var(--space-0);
--spacing-section: var(--space-8);

/* Component tokens*/
--button-primary-background-color: var(--background-brand-accent-one);
--button-primary-text-color: var(--text-on-light);
--button-primary-border-stroke: var(--stroke-border);
--button-primary-border-radius: var(--button-radius-radius);
--button-primary-padding-top: var(--button-padding-padding-top);
--button-primary-padding-bottom: var(--button-padding-padding-bottom);
--button-primary-padding-left: var(--button-padding-padding-left);
--button-padding-padding-right: 28px;
--button-padding-padding-left: 28px;
--button-padding-padding-bottom: 16px;
--button-padding-padding-top: 16px;
--button-primary-padding-right: var(--button-padding-padding-right);
--button-primary-background-color-hover: var(--background-brand-accent-one-hover);
--button-primary-background-color-disabled: var(--background-disabled-default);
--button-primary-text-color-hover: var(--text-on-accent);
--button-primary-text-color-disabled: var(--text-disabled-default);
--button-radius-radius: 99px;
--button-primary-border-color: var(--background-brand-accent-one);
--button-primary-border-color-hover: var(--background-brand-accent-one-hover);
--button-primary-border-color-disabled: var(--border-disabled-default);
--button-neutral-background-color: var(--neutrals-100);
--button-neutral-background-color-hover: var(--neutrals-light);
--button-neutral-background-color-disabled: var(--background-disabled-default);
--button-neutral-text-color: var(--text-accent);
--button-neutral-text-color-hover: var(--text-accent);
--button-neutral-text-color-disabled: var(--text-disabled-default);
--button-neutral-border-color: var(--neutrals-100);
--button-neutral-border-color-hover: var(--border-brand-on-dark);
--button-neutral-border-color-disabled: var(--border-disabled-default);
--button-neutral-border-stroke: var(--stroke-border);
--button-neutral-border-radius: var(--button-radius-radius);
--button-neutral-padding-top: var(--button-padding-padding-top);
--button-neutral-padding-bottom: var(--button-padding-padding-bottom);
--button-neutral-padding-left: var(--button-padding-padding-left);
--button-neutral-padding-right: var(--button-padding-padding-right);
--button-secondary-background-color: var(--background-brand-accent-two);
--button-secondary-background-color-hover: var(--background-brand-accent-two-hover);
--button-secondary-background-color-disabled: var(--background-disabled-default);
--button-secondary-text-color: var(--text-on-accent);
--button-secondary-text-color-hover: var(--text-on-accent);
--button-secondary-text-color-disabled: var(--text-disabled-default);
--button-secondary-border-color: var(--background-brand-accent-two);
--button-secondary-border-color-hover: var(--background-brand-accent-two-hover);
--button-secondary-border-color-disabled: var(--border-disabled-default);
--button-secondary-border-stroke: var(--stroke-border);
--button-secondary-border-radius: var(--button-radius-radius);
--button-secondary-padding-top: var(--button-padding-padding-top);
--button-secondary-padding-bottom: var(--button-padding-padding-bottom);
--button-secondary-padding-left: var(--button-padding-padding-left);
--button-secondary-padding-right: var(--button-padding-padding-right);
--button-primary-icon-color: var(--icon-default-on-dark);
--button-primary-icon-color-hover: var(--icon-default-on-dark);
--button-primary-icon-color-disabled: var(--border-disabled-default);
--button-secondary-icon-color: var(--icon-default-on-dark);
--button-secondary-icon-color-disabled: var(--border-disabled-default);
--button-secondary-icon-color-hover: var(--icon-default-on-light);
--button-neutral-icon-color: var(--border-brand-on-light);
--button-neutral-icon-color-disabled: var(--border-disabled-default);
--button-neutral-icon-color-hover: var(--background-brand-accent-one-hover);
--card-padding-top: var(--space-3,24px);
--card-padding-bottom: var(--space-3,24px);
--card-padding-left: var(--space-3,24px);
--card-padding-right: var(--space-3,24px);
--card-image-ratio-horizontal: 80%;
--card-image-ratio-vertical: 125%;

} /* closing root */

/* Component Styles */
.side-by-side {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 16px;
}

.et_pb_column.flex-column {
	display: flex;
    flex-flow: column nowrap;
}

.vertical-align-center{
	align-items: center;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between{
	justify-content: space-between;
}

.text-decoration-underline {
	text-decoration: underline;
}

.text-transform-uppercase {
	text-transform: uppercase;
}

:root {
    --title-hero-size: clamp(calc(var(--title-hero-min-size) * 1px),
      calc(var(--title-hero-min-size) * 1px + (var(--title-hero-max-size) - var(--title-hero-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--title-hero-max-size) * 1px));
    --title-page-size: clamp(calc(var(--title-page-min-size) * 1px),
      calc(var(--title-page-min-size) * 1px + (var(--title-page-max-size) - var(--title-page-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--title-page-max-size) * 1px));
    --subtitle-size: clamp(calc(var(--subtitle-min-size) * 1px),
      calc(var(--subtitle-min-size) * 1px + (var(--subtitle-max-size) - var(--subtitle-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--subtitle-max-size) * 1px));
    --heading-size: clamp(calc(var(--heading-min-size) * 1px),
      calc(var(--heading-min-size) * 1px + (var(--heading-max-size) - var(--heading-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--heading-max-size) * 1px));  
    --subheading-size: clamp(calc(var(--subheading-min-size) * 1px),
      calc(var(--subheading-min-size) * 1px + (var(--subheading-max-size) - var(--subheading-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--subheading-max-size) * 1px));
    --small-heading-size: clamp(calc(var(--small-heading-min-size) * 1px),
      calc(var(--small-heading-min-size) * 1px + (var(--small-heading-max-size) - var(--small-heading-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--small-heading-max-size) * 1px));
    --small-subheading-size: clamp(calc(var(--small-subheading-min-size) * 1px),
      calc(var(--small-subheading-min-size) * 1px + (var(--small-subheading-max-size) - var(--small-subheading-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--small-subheading-max-size) * 1px));
    --body-base-resp-size: clamp(calc(var(--body-fluid-min-size) * 1px),
      calc(var(--body-fluid-min-size) * 1px + (var(--body-fluid-max-size) - var(--body-fluid-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--body-fluid-max-size) * 1px));
    
      /* Fluid Line Heights */
    --title-hero-line-height: clamp(calc(var(--title-hero-line-height-min) * 1px),
      calc(var(--title-hero-line-height-min) * 1px + (var(--title-hero-line-height-max) - var(--title-hero-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--title-hero-line-height-max) * 1px));
    --title-page-line-height: clamp(calc(var(--title-page-line-height-min) * 1px),
      calc(var(--title-page-line-height-min) * 1px + (var(--title-page-line-height-max) - var(--title-page-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--title-page-line-height-max) * 1px));
    --subtitle-line-height: clamp(calc(var(--subtitle-line-height-min) * 1px),
      calc(var(--subtitle-line-height-min) * 1px + (var(--subtitle-line-height-max) - var(--subtitle-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--subtitle-line-height-max) * 1px));
    --heading-line-height: clamp(calc(var(--heading-line-height-min) * 1px),
      calc(var(--heading-line-height-min) * 1px + (var(--heading-line-height-max) - var(--heading-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--heading-line-height-max) * 1px));
    --subheading-line-height: clamp(calc(var(--subheading-line-height-min) * 1px),
      calc(var(--subheading-line-height-min) * 1px + (var(--subheading-line-height-max) - var(--subheading-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--subheading-line-height-max) * 1px));
    --small-heading-line-height: clamp(calc(var(--small-heading-line-height-min) * 1px),
      calc(var(--small-heading-line-height-min) * 1px + (var(--small-heading-line-height-max) - var(--small-heading-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--small-heading-line-height-max) * 1px));
    --small-subheading-line-height: clamp(calc(var(--small-subheading-line-height-min) * 1px),
      calc(var(--small-subheading-line-height-min) * 1px + (var(--small-subheading-line-height-max) - var(--small-subheading-line-height-min)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--small-subheading-line-height-max) * 1px));
    --body-line-height-resp: clamp(calc(var(--body-line-height-small) * 1px),
      calc(var(--body-line-height-small) * 1px + (var(--body-line-height-base) - var(--body-line-height-small)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),
      calc(var(--body-line-height-base) * 1px));
}

/* =============================================================================
     CSS CLASSES FOR EACH TYPOGRAPHY STYLE
============================================================================= */

/* Title Hero */
.title-hero,
.title-hero h1,
.title-hero h2,
.title-hero h3,
.title-hero h4,
.title-hero h5,
.title-hero h6,
.title-hero p {
  font-family: var(--title-hero-font-family);
  font-size: var(--title-hero-size);
  font-weight: var(--title-hero-font-weight);
  line-height: var(--title-hero-line-height);
  letter-spacing: var(--title-hero-letter-spacing);
}

/* Title Page */
.title-page,
.title-page h1,
.title-page h2,
.title-page h3,
.title-page h4,
.title-page h5,
.title-page h6,
.title-page p {
  font-family: var(--title-page-font-family);
  font-size: var(--title-page-size);
  font-weight: var(--title-page-font-weight);
  line-height: var(--title-page-line-height);
  letter-spacing: var(--title-page-letter-spacing);
}

/* Subtitle */
.subtitle,
.subtitle h1,
.subtitle h2,
.subtitle h3,
.subtitle h4,
.subtitle h5,
.subtitle h6,
.subtitle p {
  font-family: var(--subtitle-font-family);
  font-size: var(--subtitle-size);
  font-weight: var(--subtitle-font-weight);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
}

/* Heading */
.heading,
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6,
.heading p,
.heading span {
  font-family: var(--heading-font-family);
  font-size: var(--heading-size);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}

/* Subheading */
.subheading,
.subheading h1,
.subheading h2,
.subheading h3,
.subheading h4,
.subheading h5,
.subheading h6,
.subheading p {
  font-family: var(--subheading-font-family);
  font-size: var(--subheading-size);
  font-weight: var(--subheading-font-weight);
  line-height: var(--subheading-line-height);
  letter-spacing: var(--subheading-letter-spacing);
}

/* Small Heading */
.small-heading,
.small-heading h1,
.small-heading h2,
.small-heading h3,
.small-heading h4,
.small-heading h5,
.small-heading h6,
.small-heading p {
  font-family: var(--small-heading-font-family);
  font-size: var(--small-heading-size);
  font-weight: var(--small-heading-font-weight);
  line-height: var(--small-heading-line-height);
  letter-spacing: var(--small-heading-letter-spacing);
}

/* Small subheading */
.small-subheading,
.small-subheading h1,
.small-subheading h2,
.small-subheading h3,
.small-subheading h4,
.small-subheading h5,
.small-subheading h6,
.small-subheading p {
  font-family: var(--small-subheading-font-family);
  font-size: var(--small-subheading-size);
  font-weight: var(--small-subheading-font-weight);
  line-height: var(--small-subheading-line-height);
  letter-spacing: var(--small-subheading-letter-spacing);
}

/* Body Medium (Regular Weight) */
.body-base,
.body-base p,
.body-base h2,
.body-base h3,
.body-base h4,
.body-base div,
.body-base span,
.body-base a,
.body-base ul li,
.body-base ol li,
.body-base-strong,
.body-base-strong p,
.body-base-strong a,
.body-base-strong h2,
.body-base-strong h3,
.body-base-strong h4,
.body-base-strong span {
  font-family: var(--body-font-family);
  font-size: calc(var(--body-size-base) * 1px);
  font-weight: var(--body-font-weight-regular);
  line-height: calc(var(--body-line-height-base)*1px);
  letter-spacing: var(--body-letter-spacing);
}
.body-base-resp,
.body-base-resp p,
.body-base-resp a,
.body-base-resp h2,
.body-base-resp h3,
.body-base-resp h4,
.body-base-resp div,
.body-base-resp span,
.body-base-resp ul li,
.body-base-resp ol li {
	font-family: var(--body-font-family);
  font-size: var(--body-base-resp-size);
  font-weight: var(--body-font-weight-regular);
  line-height: var(--body-line-height-resp);
  letter-spacing: var(--body-letter-spacing);	
}
/* Body Medium Strong */
.body-base-strong,
.body-base-strong p,
.body-base-strong a,
.body-base-strong h2,
.body-base-strong h3,
.body-base-strong h4,
.body-base-strong span {
  font-weight: var(--body-font-weight-strong);
}

/* Body Small (Regular Weight) */
.body-small,
.body-small p,
.body-small a,
.body-small h2,
.body-small h3,
.body-small h4,
.body-small div,
.body-small span,
.body-small-strong,
.body-small-strong p,
.body-small-strong h2,
.body-small-strong h3,
.body-small-strong h4,
.body-small-strong span {
  font-family: var(--body-font-family);
  font-size: calc(var(--body-size-small) * 1px);
  font-weight: var(--body-font-weight-regular);
  line-height: calc(var(--body-line-height-small)*1px);
  letter-spacing: var(--body-letter-spacing);
}

/* Body Small Strong */
.body-small-strong,
.body-small-strong p,
.body-small-strong a,
.body-small-strong h2,
.body-small-strong h3,
.body-small-strong h4,
.body-small-strong span {
  font-weight: var(--body-font-weight-strong);
}

/* Single line base */
.single-line-body-base,
.single-line-body-base h2,
.single-line-body-base h3,
.single-line-body-base h4,
.single-line-body-base h5,
.single-line-body-base h6,
.single-line-body-base p,
.single-line-body-base a,
.single-line-body-base-strong,
.single-line-body-base-strong h2,
.single-line-body-base-strong h3,
.single-line-body-base-strong h4,
.single-line-body-base-strong h5,
.single-line-body-base-strong h6,
.single-line-body-base-strong a,
.single-line-body-base-strong p{
  font-family: var(--body-font-family);
  font-size: calc(var(--body-size-base) * 1px);
  font-weight: var(--body-font-weight-regular);
  line-height: calc(var(--body-size-base) * 1px)!important;
  letter-spacing: var(--body-letter-spacing);
}

/* Single line base Strong */
.single-line-body-base-strong,
.single-line-body-base-strong h2,
.single-line-body-base-strong h3,
.single-line-body-base-strong h4,
.single-line-body-base-strong h5,
.single-line-body-base-strong h6,
.single-line-body-base-strong p,
.single-line-body-base-strong a {
  font-weight: var(--body-font-weight-semibold);
}

.single-line-body-small-strong,
.single-line-body-small-strong h2,
.single-line-body-small-strong h3,
.single-line-body-small-strong h4,
.single-line-body-small-strong h5,
.single-line-body-small-strong h6,
.single-line-body-small-strong p,
.single-line-body-small-strong a {
  font-family: var(--body-font-family);
  font-size: calc(var(--body-size-small) * 1px);
  font-weight: var(--body-font-weight-strong);
  line-height: calc(var(--body-size-small) * 1px)!important;
  letter-spacing: var(--body-letter-spacing);
}

/* ======================== TYPOGRAPHY ====================================== */
body {
  font-family: var(--body-font-family);
}

/* ======================== SPACING ====================================== */
@media (max-width: 980px) {
  :root {
    --spacing-section: var(--space-6); /* tablet */
  }
}

@media (max-width: 768px) {
  :root {
    --spacing-section: var(--space-5); /* mobile */
  }
}

/* → spacing: sections */
.et_pb_section {
  padding-top: var(--spacing-section) !important;
  padding-bottom: var(--spacing-section) !important;
}

/* → spacing: rows */
.et_pb_row {
  padding-top: var(--spacing-row) !important;
  padding-bottom: var(--spacing-row) !important;
  padding-left: var(--spacing-row) !important;
  padding-right: var(--spacing-row) !important;
}

/* → spacing: columns */
.et_pb_column {
  padding-left: var(--spacing-column) !important;
  padding-right: var(--spacing-column) !important;
}

.et_pb_section.et_pb_fullwidth_section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.et_pb_column .et_pb_module {
   margin-bottom: 0px!important;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px!important;
}

/* =============================================================================
   SPACING UTILITIES
   p-top, p-bottom, p-both + scale step number
   Apply to any Divi element: section, row, column, module
============================================================================= */

.p-top-0  { padding-top: var(--space-0)  !important; }
.p-top-0-5 { padding-top: var(--space-0-5)  !important; }
.p-top-1  { padding-top: var(--space-1)  !important; }
.p-top-1-5 { padding-top: var(--space-1-5)  !important; }
.p-top-2  { padding-top: var(--space-2)  !important; }
.p-top-3  { padding-top: var(--space-3)  !important; }
.p-top-4  { padding-top: var(--space-4)  !important; }
.p-top-5  { padding-top: var(--space-5)  !important; }
.p-top-6  { padding-top: var(--space-6)  !important; }
.p-top-7  { padding-top: var(--space-7)  !important; }
.p-top-8  { padding-top: var(--space-8)  !important; }
.p-top-12 { padding-top: var(--space-12) !important; }

.p-bottom-0  { padding-bottom: var(--space-0)  !important; }
.p-bottom-0-5  { padding-bottom: var(--space-0-5)  !important; }
.p-bottom-1  { padding-bottom: var(--space-1)  !important; }
.p-bottom-1-5  { padding-bottom: var(--space-1-5)  !important; }
.p-bottom-2  { padding-bottom: var(--space-2)  !important; }
.p-bottom-3  { padding-bottom: var(--space-3)  !important; }
.p-bottom-4  { padding-bottom: var(--space-4)  !important; }
.p-bottom-5  { padding-bottom: var(--space-5)  !important; }
.p-bottom-6  { padding-bottom: var(--space-6)  !important; }
.p-bottom-7  { padding-bottom: var(--space-7)  !important; }
.p-bottom-8  { padding-bottom: var(--space-8)  !important; }
.p-bottom-12 { padding-bottom: var(--space-12) !important; }

.p-both-0  { padding-top: var(--space-0)  !important; padding-bottom: var(--space-0)  !important; }
.p-both-0-5  { padding-top: var(--space-0-5)  !important; padding-bottom: var(--space-0-5)  !important; }
.p-both-1  { padding-top: var(--space-1)  !important; padding-bottom: var(--space-1)  !important; }
.p-both-1-5  { padding-top: var(--space-1-5)  !important; padding-bottom: var(--space-1-5)  !important; }
.p-both-2  { padding-top: var(--space-2)  !important; padding-bottom: var(--space-2)  !important; }
.p-both-3  { padding-top: var(--space-3)  !important; padding-bottom: var(--space-3)  !important; }
.p-both-4  { padding-top: var(--space-4)  !important; padding-bottom: var(--space-4)  !important; }
.p-both-5  { padding-top: var(--space-5)  !important; padding-bottom: var(--space-5)  !important; }
.p-both-6  { padding-top: var(--space-6)  !important; padding-bottom: var(--space-6)  !important; }
.p-both-7  { padding-top: var(--space-7)  !important; padding-bottom: var(--space-7)  !important; }
.p-both-8  { padding-top: var(--space-8)  !important; padding-bottom: var(--space-8)  !important; }
.p-both-12 { padding-top: var(--space-12) !important; padding-bottom: var(--space-12) !important; }

/* =============================================================================
BUTTONS
============================================================================= */
 
/* Remove Divi's default button arrow pseudo-elements */
.et_pb_button:hover:after,
.et_pb_button:hover:before {
  content: "";
}



