@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: #000000;
    --secondary-color: #FCE300;
    --accent-color: #0099FF;
    --accent-tint-color: #E2F3FF;
    --font-family: 'Open Sans', sans-serif;
    --text-color: var(--primary-color);
  
    /* Font sizes for headings */
    --h1-font-size: 66px;
    --h1-line-height: 65px;
    --h2-font-size: calc(var(--h1-font-size) * 0.8); /* 20% smaller */
    --h2-line-height: calc(var(--h1-line-height) * 0.8);
    --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.8);
    --h5-line-height: calc(var(--h4-line-height) * 0.8);
    --h6-font-size: calc(var(--h5-font-size) * 0.8);
    --h6-line-height: calc(var(--h5-line-height) * 0.8);
  
    /* Font for body text */
    --body-font-size: 20px;
    --body-line-height: 1.5;

    /* Button colors */
    --button-color-yellow: #FCE300;
    --button-color-purple: #0099FF;
    --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);
    color: var(--primary-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(--body-font-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;
  }
  .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 {
    padding: 0.75rem 3rem;
    border-radius: 30px;
    color: white !important;!i;!;
    font-weight: bold;
    display: inline-block;
  }
  .btn.primary,
  .btn.btn-primary {
    background-color: var(--primary-color);
  }
  .btn.secondary,
  .btn.btn-secondary {
    background-color: var(--secondary-color);
    color: black !important;
  }

  .standard-btn {border: 1px solid var(--secondary-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);
  }


  .cc-component-content *{ color: inherit; }