/* DEV - HIDE HEADER/FOOTER */
.site-header, .site-footer {
  display: none;
}

:root {

/****************************************************************************
*****************************************************************************
👉 CORE - General
****************************************************************************
****************************************************************************/



/* Root scale */
--rootScale: 8px;

/* Section max width */
--sectionMaxWidth: 1600px;

/* Widget bottom margin */
--widgetBottomMargin: calc(var(--rootScale) * 3.5);

/* Paragraph Text block margin bottom */
--paragraphBottomMargin: 8px;

/* Font families */
--headingFontFamily: "Helvetica Neue", sans-serif;
--paragraphFontFamily: "Helvetica Neue", sans-serif;
--ctaFontFamily: "Helvetica Neue", sans-serif;

/* Color Scheme */
--black: #000000;
--white: #ffffff;

/* Color Scheme - Brand */
--bgGrey: #F8F8F8;
--black2: #002F30;
--red: #FF3347;
--bgGreen: #EFF3E5;
--bgDarkGreen: #002F30;
--greenCta: #5EE584;
--green2: #7AB100;
--babyBlue: #B2D8E0;
--beige: #F6F1E2;
--greenCta2: #0BC069;
--deepBlue: #043F55;





/* Box Shadow */
--boxShadow: rgba(0, 0, 0, 0.09) 0px 0px 4px 0px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px;



/****************************************************************************
*****************************************************************************
👉 TEXT - Heading
****************************************************************************
****************************************************************************/



/* Font Color */
--headingColor: var(--black2);

/* Line Height */
--headingLineHeight: 1.4em;

/* Font Weight */
--headingFontWeight: 500;

/* H1 - Font size */
--headingFontSize-H1_D: calc(var(--rootScale) * 6);
--headingFontSize-H1_T: calc(var(--rootScale) * 4.5);
--headingFontSize-H1_M: calc(var(--rootScale) * 4);

/* H2 - Font size */
--headingFontSize-H2_D: calc(var(--rootScale) * 4.25);
--headingFontSize-H2_T: calc(var(--rootScale) * 3.25);
--headingFontSize-H2_M: calc(var(--rootScale) * 3.125);

/* H3 - Font size */
--headingFontSize-H3_D: calc(var(--rootScale) * 3);
--headingFontSize-H3_T: calc(var(--rootScale) * 3);
--headingFontSize-H3_M: calc(var(--rootScale) * 2.5);

/* H4 - Font size */
--headingFontSize-H4_D: calc(var(--rootScale) * 2.25);
--headingFontSize-H4_T: calc(var(--rootScale) * 2.25);
--headingFontSize-H4_M: calc(var(--rootScale) * 2.25);

/* H5 - Font size */
--headingFontSize-H5_D: calc(var(--rootScale) * 2);
--headingFontSize-H5_T: calc(var(--rootScale) * 2);
--headingFontSize-H5_M: calc(var(--rootScale) * 2);

/* H6 - Font size */
--headingFontSize-H6_D: calc(var(--rootScale) * 1.75);
--headingFontSize-H6_T: calc(var(--rootScale) * 1.75);
--headingFontSize-H6_M: calc(var(--rootScale) * 1.75);



/****************************************************************************
*****************************************************************************
👉 TEXT - Paragraph
****************************************************************************
****************************************************************************/



/* Font Color */
--paragraphColor: var(--black2);

/* Line Height */
--paragraphLineHeight: 1.8em;

/* Font Weight */
--paragraphFontWeight: 400;

/* P - Font size */
--paragraphFontSize: calc(var(--rootScale) * 2);

/* P Large - Font size */
--paragraphLargeFontSize: calc(var(--rootScale) * 2.5);

/* P Medium - Font size */
--paragraphMediumFontSize: calc(var(--rootScale) * 2.25);

/* P Small - Font size */
--paragraphSmallFontSize: calc(var(--rootScale) * 1.75);

/* P Xsmall - Font size */
--paragraphXsmallFontSize: calc(var(--rootScale) * 1.625);

/* P Xxsmall - Font size */
--paragraphXxsmallFontSize: calc(var(--rootScale) * 1.5);



/****************************************************************************
*****************************************************************************
👉 SPACING - Section
****************************************************************************
****************************************************************************/



/* General - Horizontal Padding */
--sectionHorizontalPadding_D: calc(var(--rootScale) * 9);
--sectionHorizontalPadding_T: calc(var(--rootScale) * 4);
--sectionHorizontalPadding_M: calc(var(--rootScale) * 1);

/* Standard - Vertical Padding */
--sectionVerticalPadding_D: calc(var(--rootScale) * 12);
--sectionVerticalPadding_T: calc(var(--rootScale) * 9);
--sectionVerticalPadding_M: calc(var(--rootScale) * 6);

/* Medium - Vertical Padding */
--sectionMediumVerticalPadding_D: calc(var(--rootScale) * 7);
--sectionMediumVerticalPadding_T: calc(var(--rootScale) * 5);
--sectionMediumVerticalPadding_M: calc(var(--rootScale) * 3);

/* Small - Vertical Padding */
--sectionSmallVerticalPadding_D: calc(var(--rootScale) * 2);
--sectionSmallVerticalPadding_T: calc(var(--rootScale) * 2);
--sectionSmallVerticalPadding_M: calc(var(--rootScale) * 2);

/* Xsmall - Vertical Padding */
--sectionXsmallVerticalPadding_D: var(--rootScale);
--sectionXsmallVerticalPadding_T: var(--rootScale);
--sectionXsmallVerticalPadding_M: var(--rootScale);

/* Zero - Vertical Padding */
--sectionZeroVerticalPadding: 0px;



/****************************************************************************
*****************************************************************************
👉 SPACING - Column
****************************************************************************
****************************************************************************/



/* General - Padding */
--columnPadding: 8px;

/* General - Bottom Margin (Mobile) */
--columnBottomMargin_M: calc(var(--rootScale) * 6);

/* Column - Column responsive mobile (adjust center + max-width) */
--columnResponsive_M: 460px;


}