:root{
  --primary_color:#007BA2;
  --secondary_color:#BCE3D5;
  --body_color:#2B4052;
  --heading_text_color:#54B0BF;
  --body_text_color:#212322;
  --link_color:#2B4052;
  --link_hover_color:#54b0bf;
   }

/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */
 
/* 1h. Site footer */









.content-wrapper {
  max-width: 1240px;
}

.dnd-section {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 20px;
    scroll-behavior: smooth;
}

body {
  font-family: Mulish, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #212322;
}

/* Paragraphs */

p {
  font-family: Mulish, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  color: #2B4052;
}
a:hover{
  #54b0bf
}
a:hover,
a:focus {
  color: #03182a;
}

a:active {
  color: #53687a;
}

/* Headings */

h1 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #54b0bf;
  font-size: 50px;
}

h2 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #54b0bf;
  font-size: 38px;
}

h3 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #54b0bf;
  font-size: 30px;
}

h4 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #54b0bf;
  font-size: 24px;
}

h5 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #54b0bf;
  font-size: 20px;
}

h6 {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #54b0bf;
  font-size: 16px;
}

/* Blockquote */

blockquote {
  border-left-color: #BCE3D5;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(54, 70, 89, 1.0)

;
  border: 0px solid #007BA2;
  border-radius: 5px;
  color: #BCE3D5;
  padding: 15px 53px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color:#BCE3D5;
  border-color: #007BA2;
  color: #364659;
}

button:active,
.button:active {
  background-color:#BCE3D5;
  border-color: #007BA2;
  color: #364659;
}





form,
.submitted-message {
  font-family: Mulish, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(54, 70, 89, 1.0)

;
  color: #212322;
}

/* Form label */

form label {
  color: #54B0BF;
}

/* Form help text */

form legend {
  color: #F2F2F2;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  border-color: #D1D6DC;
  color: #D1D6DC;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #007BA2;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #212322;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #007BA2;
}

.fn-date-picker td .pika-button:hover {
  background-color: #007BA2 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #007BA2;
}

/* submit button*/
form input[type=submit],
form .hs-button,
.hs-button {
  background-color: 

  
  
    
  


  rgba(54, 70, 89, 1.0)

;
  border: 2px solid transparent; /* Prevents border shift */
  border-radius: 5px;
  color: #BCE3D5;
  padding: 15px 53px;
  outline: none;
  box-shadow: none;
}

/* Hover and focus */
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #BCE3D5;         /* New hover background */
  border-color: transparent;        /* No visible border */
  color: #2b4052;                   /* New hover text color */
  outline: none;
  box-shadow: none;
}

/* Active (clicked) */
form input[type=submit]:active,
form .hs-button:active,
.hs-button:active {
  background-color: #BCE3D5;
  border-color: transparent;
  color: #2b4052;
  outline: none;
  box-shadow: none;
}







table {
  background-color: 

  
  
    
  


  rgba(43, 64, 82, 1.0)

;
  border-color: #F2F2F2;
}

th,
td {
  border-color: #F2F2F2;
  color: #F2F2F2;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(43, 64, 82, 1.0)

;
  border-bottom-color: #F2F2F2;
  color: #54B0BF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(43, 64, 82, 1.0)

;
  color: #F2F2F2;
}

tbody + tbody {
  border-top-color: #F2F2F2;
}
 




.footer {
  background-color:

  
  
    
  


  rgba(43, 64, 82, 1.0)

;
 
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #F2F2F2;
}
.footer a:hover{
 color:var(--primary_color);
}




.blog-post__date {
  border-color: #212322;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #212322;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #494b4a;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #007BA2;
}

.blog-pagination__link {
  color: #212322;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #007BA2;
}

.blog-post__title {
  font-family: Rubik, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #54b0bf;
  font-size: 38px;
}


#comments-listing .comment-reply-to {
  color: #2B4052;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #03182a;
}

#comments-listing .comment-reply-to:active {
  color: #53687a;
}
/* ---------- Force plain-text appearance for blog excerpts ---------- */
/* Scope to your blog listing area so other site parts aren't affected */
.au__blog-layout .ft-blog__description,
.au__blog-layout .ft-blog__description * {
  /* inherit site typography and neutralize formatting */
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-decoration: none !important;

  /* remove margins/padding/borders from nested elements */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Headings inside excerpts should look like normal paragraph text */
.au__blog-layout .ft-blog__description h1,
.au__blog-layout .ft-blog__description h2,
.au__blog-layout .ft-blog__description h3,
.au__blog-layout .ft-blog__description h4,
.au__blog-layout .ft-blog__description h5,
.au__blog-layout .ft-blog__description h6 {
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block; /* keeps natural line breaks but styled like paragraph */
}

/* Make inline formatting like <strong>/<em> neutral */
.au__blog-layout .ft-blog__description strong,
.au__blog-layout .ft-blog__description b,
.au__blog-layout .ft-blog__description em,
.au__blog-layout .ft-blog__description i {
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Remove bullets and spacing from lists; make items flow inline like text */
.au__blog-layout .ft-blog__description ul,
.au__blog-layout .ft-blog__description ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.au__blog-layout .ft-blog__description li {
  display: inline !important;
  margin-right: 0.5em !important;
}
.au__blog-layout .ft-blog__description li::marker { content: none !important; }

/* Hide any images or figures inside the excerpt */
.au__blog-layout .ft-blog__description img,
.au__blog-layout .ft-blog__description picture,
.au__blog-layout .ft-blog__description figure,
.au__blog-layout .ft-blog__description svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Make anchors look like plain text and non-clickable (safety: prevents link styling) */
/* If you want links still clickable, remove pointer-events and cursor lines below */
.au__blog-layout .ft-blog__description a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit !important;
  pointer-events: none !important;
  cursor: default !important;
}

/* Defensive: strip inline styles on elements inside the excerpt (helps if editor injects inline fonts/sizes) */
.au__blog-layout .ft-blog__description [style] {
  all: unset !important;
  /* restore basic properties we need */
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure text wraps nicely */
.au__blog-layout .ft-blog__description {
  white-space: normal !important;
  word-break: break-word !important;
  hyphens: auto !important;
}






/* Reduce 404 system page image size */
.systems-page img {
  max-width: 400px;
  width: 400px;
  height: auto;
  display: block;
  margin: 0 auto; /* centers the image */
}






body .icon svg {
  fill: #007BA2;
}
body{
  background:#2B4052
}
body svg{
  fill:#BCE3D5
}
.separator{
  background:#007BA2
}
body .tns-nav button.tns-nav-active {
  background-color: #007BA2;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #007BA2;
}

body .team-member__description {
  background-color: #BCE3D5;
}