@charset 'utf-8';

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700,800');

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

:root {

    --container-width: 1366px;
    --container-gap: 1rem;
    --container-padding-left: 1rem;
    --container-padding-right: 1rem;
    --container-margin-left: auto;
    --container-margin-right: auto;

    --primary-color: #44BBBB;
    --secondary-color: #EE9944;
    --light-color: #EDF7F7;
    --font-family: 'Arial', sans-serif;
    --font-family-featured: 'Museo Sans', sans-serif;
    --heading-color: #4A4848;
    --text-color: #231F20;
  
    /* Font sizes for headings */
    --h1-font-size: 49px;
    --h1-line-height: 48px;
    --h2-font-size: calc(var(--h1-font-size) * 0.7); /* 20% smaller */
    --h2-line-height: calc(var(--h1-line-height) * 0.7);
    --h3-font-size: calc(var(--h2-font-size) * 0.8);
    --h3-line-height: calc(var(--h2-line-height) * 0.8);
    --h4-font-size: calc(var(--h3-font-size) * 0.8);
    --h4-line-height: calc(var(--h3-line-height) * 0.8);
    --h5-font-size: calc(var(--h4-font-size) * 0.9);
    --h5-line-height: calc(var(--h4-line-height) * 0.9);
    --h6-font-size: calc(var(--h5-font-size) * 0.9);
    --h6-line-height: calc(var(--h5-line-height) * 0.9);
  
    /* Font for body text */
    --body-font-size: 18px;
    --body-line-height: 1.5;
    --dynamic-size: clamp(13px, 2vw + 1px, var(--body-font-size));

    /* Button colors */
    --button-color-yellow: var(--primary-color);
    --button-color-purple: var(--secondary-color);
    --button-color-white: #ffffff;

  }
  
  body {
    font-family: var(--font-family);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-featured);
    color: var(--heading-color);
    letter-spacing: 0px;
    font-weight: bold;
    margin-bottom: 1.5rem;
  }
  
  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
  }
  
  h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
  }
  
  h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
  }
  
  h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
  }
  
  h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
  }
  
  h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
  }

  p,ul,ol,li,a,span,blockquote,.btn {
    font-family: var(--font-family);
    font-size: var(--dynamic-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
  }
  p {
    margin: 0.5rem 0 1.5rem 0;
  }

  .highlight-text {
    font-size: var(--h5-font-size);
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.3;
  }
  .text_style_1 {
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .text_style_2 {
    font-size: 40px;
    color: var(--primary-color);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .text_style_3 {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .standard-btn,
  .btn,
  .button {
    padding: 0.75rem 3rem;
    border-radius: 30px;
    color: #000000 !important;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 16px;
  }
  .btn > img,
  .button > img{ width: 20px; height: 20px; }
  .btn.primary,
  .btn.btn-primary {
    background-color: var(--primary-color);
  }
  .btn.secondary,
  .btn.btn-secondary {
    background-color: var(--secondary-color);
  }
  .btn.white {
    background-color: white;
  }

  .standard-btn {border: 1px solid var(--primary-color);}
  .standard-btn[data-color="lblue"] { background-color: var(--button-color-yellow); color: white; }
  .standard-btn[data-color="yellow"] { background-color: var(--button-color-yellow); color: white; }
  .standard-btn[data-color="purple"] { background-color: var(--button-color-purple); color: white; }
  .standard-btn[data-color="white"] { background-color: var(--button-color-white); color: var(--primary-color); border-color: #eee; }
  .standard-btn[data-size="small"]{ padding: 0.5rem 1rem; font-size: 15px; }

  .btn:hover { color: white; opacity: 0.8; }

  .formio-form label {
      color: var(--text-color);
      font-weight: 600;
  }
  .formio-form .form-control {
      box-shadow: none; 
      border: 1px solid var(--text-color);
  }


  :root body.is-muted {
    --primary-color: #a4a4a4;
    --secondary-color: #888888;
    --light-color: #d8d7d7;
    --font-family: 'Arial', sans-serif;
    --font-family-featured: 'Museo Sans', sans-serif;
    --heading-color: #312f2f;
    --text-color: #353535;
    --news-bg: #a4a4a4;
}