/* ============================================================================
   Global Design System tokens & base elements
   Values are provided via CSS variables from the Customizer
   ========================================================================== */

   * { box-sizing: border-box; }

   /* Base Typography */
   body, .site-body {
     font-family: var(--body-font-family, "dm-sans", sans-serif);
     font-size: var(--body-font-size, 16px);
     font-weight: var(--body-font-weight, 400);
     line-height: var(--body-line-height, 1.6);
     color: var(--text-color, #333333);
     margin: 0;
     padding: 0;
   }
   
   /* Heading Base Styles */
   h1, h2, h3, h4, h5, h6,
   .site-heading {
     font-weight: var(--heading-font-weight, 600);
     line-height: var(--heading-line-height, 1.2);
     margin: 0 0 var(--heading-margin, 24px);
     color: var(--primary-color, #184267);
   }
   
   /* Granular Heading Font Families */
   h1, .site-heading--h1 {
     font-family: var(--h1-h2-font-family, "dm-sans", sans-serif);
     font-size: var(--h1-size, 48px);
   }
   
   h2, .site-heading--h2 {
     font-family: var(--h1-h2-font-family, "dm-sans", sans-serif);
     font-size: var(--h2-size, 36px);
   }
   
   h3, .site-heading--h3 {
     font-family: var(--h3-h4-font-family, "dm-sans", sans-serif);
     font-size: var(--h3-size, 28px);
   }
   
   h4, .site-heading--h4 {
     font-family: var(--h3-h4-font-family, "dm-sans", sans-serif);
     font-size: var(--h4-size, 22px);
   }
   
   h5, .site-heading--h5 {
     font-family: var(--h5-h6-font-family, "dm-sans", sans-serif);
     font-size: var(--h5-size, 18px);
   }
   
   h6, .site-heading--h6 {
     font-family: var(--h5-h6-font-family, "dm-sans", sans-serif);
     font-size: var(--h6-size, 16px);
   }
   
   /* Paragraph and Text Styles */
   p, .site-paragraph {
     font-family: var(--body-font-family, "dm-sans", sans-serif);
     font-size: var(--body-font-size, 16px);
     font-weight: var(--body-font-weight, 400);
     line-height: var(--body-line-height, 1.6);
     margin: 0 0 var(--paragraph-margin, 16px);
     padding: var(--content-padding-y, 0) var(--content-padding-x, 0);
   }
   
   /* Text Elements */
   a {
     color: var(--accent-color, #00AEEF);
     text-decoration: none;
     transition: color 0.3s ease;
   }
   
   a:hover {
     color: var(--primary-color, #184267);
   }
   
   strong, b {
     font-weight: var(--heading-font-weight, 600);
   }
   
   em, i {
     font-style: italic;
   }
   
   /* Lists */
   ul, ol {
     font-family: var(--body-font-family, "dm-sans", sans-serif);
     font-size: var(--body-font-size, 16px);
     font-weight: var(--body-font-weight, 400);
     line-height: var(--body-line-height, 1.6);
     margin: 0 0 var(--paragraph-margin, 16px);
     padding-left: calc(var(--content-padding-x, 20px) * 1.5);
   }
   
   li {
     margin-bottom: calc(var(--paragraph-margin, 16px) * 0.5);
   }
   
   /* Blockquotes */
   blockquote {
     font-family: var(--h3-h4-font-family, "dm-sans", sans-serif);
     font-size: calc(var(--body-font-size, 16px) * 1.125);
     font-style: italic;
     margin: var(--heading-margin, 24px) 0;
     padding: var(--content-padding-y, 16px) var(--content-padding-x, 20px);
     border-left: 4px solid var(--accent-color, #00AEEF);
     background-color: var(--custom-color-5, #E8F5FA);
   }
   
   .container {
     width: 100%;
     /*max-width: var(--container-max-width, 1200px);*/
     max-width:calc(100% - 130px)!important;
     margin: 0 auto;
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
   
   .content-container {
     width: 100%;
     max-width: var(--content-max_width, 920px);
     margin: 0 auto;
   }
   
   .site-section {
     padding-top: var(--section-py, 64px);
     padding-bottom: var(--section-py, 64px);
   }
   
   /* Spacing utilities (few essentials) */
   .mt-0 { margin-top: 0 !important; }
   .mb-0 { margin-bottom: 0 !important; }
   .pt-0 { padding-top: 0 !important; }
   .pb-0 { padding-bottom: 0 !important; }
   .mt-1 { margin-top: calc(var(--space-base,16px) * 0.25) !important; }
   .mb-1 { margin-bottom: calc(var(--space-base,16px) * 0.25) !important; }
   .mt-2 { margin-top: calc(var(--space-base,16px) * 0.5) !important; }
   .mb-2 { margin-bottom: calc(var(--space-base,16px) * 0.5) !important; }
   .mt-3 { margin-top: var(--space-base,16px) !important; }
   .mb-3 { margin-bottom: var(--space-base,16px) !important; }
   .mt-4 { margin-top: calc(var(--space-base,16px) * 1.5) !important; }
   .mb-4 { margin-bottom: calc(var(--space-base,16px) * 1.5) !important; }

   @media only screen and (max-width: 1425px) {
     .container{max-width: calc(100% - 50px) !important;}
   }
   @media only screen and (max-width: 992px) {
     .site-section {
       padding-top: 100px !important;
       padding-bottom: 100px !important;
     }
     .site-footer .container{max-width: calc(100% - 40px) !important;}
   }
   
   @media only screen and (max-width: 992px) {
     h1, .site-heading--h1 {
       font-size: 48px!important;
     }
     
     h2, .site-heading--h2 {
       font-size: 30px!important;
       line-height: 1.17rem!important;
     }
     
     h3, .site-heading--h3 {
       font-family: var(--h3-h4-font-family, "dm-sans", sans-serif);
       font-size: var(--h3-size, 28px);
     }
     
     h4, .site-heading--h4 {
       font-size: 16px!important;
     }
     
     h5, .site-heading--h5 {
       font-family: var(--h5-h6-font-family, "dm-sans", sans-serif);
       font-size: var(--h5-size, 18px);
     }
     
     h6, .site-heading--h6 {
       font-family: var(--h5-h6-font-family, "dm-sans", sans-serif);
       font-size: var(--h6-size, 16px);
     }
     
     /* Paragraph and Text Styles */
     p, .site-paragraph {
       font-size: 18px!important;
       line-height: 1.37rem;
     }
   }
   
   #sending, #sent{display:none;}