:root {
    /*Font*/
    --headingTextTransform: none;
    --headingFontWeight: normal;
    --bodyFontSize: 16px;

    /*General Colors*/
    --headingColor: var(--paletteColor1);
    --subHeaderColor: var(--paletteColor2);
    --hyperlinkColor: var(--paletteColor1);
    --hyperlinkHoverColor: var(--paletteColor3);
    --bodyFontColor: #666;
    --editingBodyFontColor: #666;
    --editingHeadingColor: var(--paletteColor1);
    --editingBackground: var(--siteMainBackground);

    /*Buttons*/
    --btnTextColor: #fff;
    --btnTextHoverColor: #fff;
    --btnBackgroundColor: var(--paletteColor2);
    --btnBackgroundHoverColor: var(--paletteColor3);
    --btnBorderColor: transparent;
    --btnBorderHoverColor: transparent;
    --btnBorderWidth: 0px;
    --btnBorderRadius: var(--borderRadius);

    /*Header*/
    --headerBackgroundColor: var(--paletteColor1);
    --topBarBackgroundColor: var(--paletteColor2);
    --topBarFontColor: #fff;
    --topBarFontHoverColor: #E1E1E1;
    --headerBtnTextColor: var(--btnTextColor);
    --headerBtnTextHoverColor: var(--btnTextHoverColor);
    --headerBtnBackgroundColor: var(--paletteColor3);
    --headerBtnBackgroundHoverColor: var(--paletteColor1);
    --headerBtnBorderColor: var(--headerBtnBackgroundColor);
    --headerBtnBorderHoverColor: var(--headerBtnBackgroundHoverColor);
    --headerBtnBorderWidth: var(--btnBorderWidth);
    --headerBtnBorderRadius: var(--btnBorderRadius);
    --specialNavBtnFontColor: #fff;
    --specialNavBtnFontHoverColor: var(--paletteColor1);
    --specialNavBtnBackgroundColor: transparent;
    --specialNavBtnBackgroundHoverColor: var(--paletteColor2);
    --specialNavBtnBorderColor: #fff;
    --specialNavBtnBorderHoverColor: var(--paletteColor2);
    --specialNavBtnBorderWidth: 2px;
    --specialNavBtnBorderRadius: var(--btnBorderRadius);
    --navArrows: #fff;
    --navHoverArrows: #fff;
    --headerWidth: 1200px;

    /*Logo*/
    --logoWidth: 300px;
    --logoWidthScroll: 300px;

    /*Navigation*/
    --parentNavItemColor: #000;
    --parentNavItemHoverColor: var(--parentNavItemColor);
    --parentNavItemBackgroundColor: transparent;
    --parentNavItemBackgroundHoverColor: transparent;
    --parentNavItemUnderlineColor:var(--paletteColor2);
    --selectedParentNavFontColor: var(--parentNavItemHoverColor);
    --selectedParentNavBackgroundColor: var(--parentNavItemBackgroundHoverColor);
    --selectedNavItemUnderlineColor: var(--parentNavItemUnderlineColor);
    --subNavFontColor: #fff;
    --subNavFontHoverColor: var(--subNavFontColor);
    --subNavBackgroundColor: rgba(34, 34, 34, 0.95);
    --mobileSubNavBackgroundColor: transparent;
    --subNavBackgroundHoverColor: var(--paletteColor1);
    --expandCircleColor: #303634;

    /*Mobile Header*/
    --mobileTopBarBackgroundColor: var(--headerBackgroundColor);
    --expandCircleColor: var(--paletteColor1, rgba(47,54,52,1));
    --mobileHamburgerMenuColor: #000;
    --mobileNavigationFontColor: #fff;
    --mobileNavigationFontHoverColor: #fff;
    --mobileNavigationBackgroundColor: var(--paletteColor1);
    --mobileNavigationBackgroundHoverColor: var(--paletteColor3);

    /*Box Icons*/
    --boxIconCircleBorder: var(--paletteColor2);
    --boxIconCircleBorderWidth: 2px;
    --boxIconCircleBackground: transparent;
    --boxIconColor: var(--paletteColor1);
    --boxIconHoverColor: #fff;
    --boxIconCircleHoverBorder: var(--paletteColor1);
    --boxIconCircleHoverBackground: var(--paletteColor1);

    /*Box*/
    --boxBorderWidth: 1px;
    --boxMinHeight: 300px;
    --boxBorderColor: var(--paletteColor1);
    --boxBorderHoverColor: var(--paletteColor1);
    --boxBackgroundColor: #fff;
    --boxBackgroundHoverColor: var(--paletteColor1);
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
    --boxHeadlineUnderlineHeight: 3px;
    --boxHeadlineUnderlineColor: var(--paletteColor2);
    --boxHeadlineUnderlineHoverColor: var(--boxTextHoverColor);
    --boxShadow: var(--boxShadowEffect);
    --boxBorderRadius: var(--borderRadius);

    /*Footer*/
    --footerBackgroundColor: var(--paletteColor3);
    --footerHeaderColor: var(--paletteColor2);
    --footerBodyColor: #fff;
    --footerHyperlinkColor: #fff;
    --footerHyperlinkHoverColor: var(--paletteColor2);
    --footerBodyFontSize: 14px;
    --footerBackgroundImg: url(https://static.fmgsuite.com/media/images/68745e17-1765-47fe-890f-1a0121ddbd4a.jpg?5ff07f03-469d-4951-ab10-b91c548318a1);
    --footerFirstBackgroundColor: hsla(var(--primaryHSL), 0.9);
    --footerSecondBackgroundColor: hsla(var(--secondaryHSL), 0.9);

    /*Tab CSS*/
    --tabNavTextColor: #fff;
    --tabNavBackground: var(--paletteColor1);
    --tabNavHoverBackground: var(--paletteColor2);
    --tabNavBorderLeft: #fff;
    --tabBoxBackground: var(--paletteColor1);
    --tabBoxTextColor: #fff;
    --tabBoxBorderLeft: #2F2F2F;

    /*FMG Content*/
    --fmgContentFlagFontColor: var(--paletteColor1);
    --fmgContentFlagFontHoverColor: #fff;
    --fmgContentFlagBackgroundColor: var(--paletteColor2);
    --fmgContentFlagBackgroundHoverColor: var(--paletteColor3);
    --additionalContentBackgroundColor: #F6F6F6;
    --additionalContentTextColor: #666;
    --additionalContentHeadlineColor: var(--paletteColor1);

    /*Hero*/
    --heroTextColor: #fff;

    /*Accordion*/
    --accordionBackground: transparent;
    --accordionHeaderBackgroundColor: var(--paletteColor1);
    --accordionHeaderTextColor: #fff;
    --accordionHeaderBackgroundHoverColor: var(--paletteColor2);
    --accordionContentBackgroundColor: #fff;
    --accordionContentTextColor: var(--bodyFontColor);
    --accordionHeaderTextHoverColor: var(--accordionHeaderTextColor);

    /*Rotators*/
    --rotatorNavColor: var(--paletteColor1);
    --rotatorNavHoverColor: var(--hyperlinkHoverColor);
    --rotatorTextColor: #fff;
    --rotatorHeadlineFontSize: 2.2em;
    --rotatorHeadlineMobileFontSize: 1.5em;
    --rotatorcustmHeight: 95vh;
    --rotatorcustmMobileHeight: 125vw;
    --rotatorBoxBackground: transparent;
    --rotatorBackground: var(--paletteColor1);

    /*Team Widget*/
    --teamMemberWidgetBackgroundColor: #fff;
    --teamMemberWidgetTextColor: inherit;
    --teamMemberWidgetBackgroundHoverColor: var(--paletteColor3);
    --teamMemberWidgetTextHoverColor: #fff;
    --teamSocialIconBackgroundColor: transparent;
    --teamSocialIconBackgroundHoverColor: transparent;
    --teamSocialIconColor: var(--paletteColor3);
    --teamSocialIconHoverColor: #fff;
    --teamSocialBoderWidth: 1px;
    --teamSocialBoderColor: var(--paletteColor3);
    --teamSocialBoderHoverColor: #fff;

    /*Subpage Banners*/
    --subpageBannerImg: url("https://s3.amazonaws.com/static.contentres.com/media/images/4b3e13d4-2380-48f3-9abe-3a6827bc6588.jpg");
    --subpageBannerTextColor: #fff;
    --subpageBannerTextPosition: left;
    --subpageBannerFontSize: 3rem;

    /*Site Background*/
    --bodyContainerBackground: #fff;
    --bodyBackground: #fff;
    --linearGradientVertical: linear-gradient(180deg, hsla(var(--primaryHSL), 0.4) 0%, var(--paletteColor2) 100%);
    --linearGradientHorizontal: linear-gradient(to right, hsla(var(--primaryHSL), 0.8) 43%, transparent);
    --siteMainBackground: #fff;
    --siteSideBackground: #fff;
    --contentMaxWidth: 100%;

    /*Misc*/
    --maxSectionWidth : 1500px;
    --borderRadius: 0px;
    --sectionMaxHeight: 60vh;
    --mobileSectionMaxHeight: 35vh;
    --ribbonColor: var(--paletteColor1);
    --vistaBoxTop: #000;
    --boxShadowEffect: 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.16), 0 8px 8px rgba(0, 0, 0, 0.20);
    --superSectionBackgroundEffect: linear-gradient(0deg,  rgba(255, 255, 255, 0.5), #fff);
    --lineColor: var(--paletteColor2);
    --lineWidth: 4px;
    --overlayColor: hsla(var(--primaryHSL), 0.75);
    --backToTop: var(--paletteColor1);
    --chulaHeaderPadding: 50px;
    --placeholderColor: #979797;
}