/*
 * Color section padding 
 * Set color section padding to "no padding"
 * Add custom Classes to the developer tab in color sections
 * For Hero Headers: csem-hero-container-padding
 * For Solid/Smaller/Inner Page Headers: csem-inner-header
 * Body content color Section: csem-body-container-padding
 */

/* Hero Header */
.csem-hero-container-padding {
  padding: clamp(30px, 15%, 130px) 0px;
}

/* Inner Header */
.csem-inner-header {
  padding-top: clamp(10px, 15%, 25px) !important;
  padding-bottom: clamp(10px, 15%, 20px) !important;
	background-color: #85c226 !important;
}
.csem-inner-header h1 {
  font-size: clamp(30px, 3vw, 50px);
  text-transform: uppercase !important;
  font-family: "electrolize", Helvetica, Arial, sans-serif;
  color: #ffffff !important;
  font-weight: 400;
}

/* Boddy Content */
.csem-body-container-padding {
  padding-top: var(--pd-lg) !important;
  padding-bottom: var(--pd-lg) !important;
}