/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

hs-cmsf-branding#hs-cmsf-branding {
    visibility: none !important;
}

body {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Space Mono", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

  
p {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
}

form {
    font-family: "Karla", sans-serif !important;
    background-color: #fff;
    padding:0;
}

form input, form textarea {
  border-radius:0.375rem;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}

form input:active, form input:focus {
  border-radius:0.375rem;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
} 

form label {
  color: #191937;
  font-size:14px;
  font-weight:600;
}

form input[type='submit'], form .hs-button  {
  background: #F3FF36;
  color: #000;
  border:none;
  font-family: "Space Mono", sans-serif;
  font-weight:800;
  font-size:14px;
  border-radius: 0.375rem;
  display: flex;
  width: auto;
}

form input[type='submit']:hover, form input[type='submit']:focus, .hs-button:hover, .hs-button:focus {
  background:#4fb9cf;
   color: #000;
  border:none;
   font-family: "Space Mono", sans-serif;
  font-weight:800;
  font-size:14px;
  border-radius: 0.375rem;
  display: flex;
  width: auto;
  transition
}

.dnd-section > .row-fluid, .content-wrapper, .header__wrapper {
  max-width:1200px;
}

form .legal-consent-container, form .legal-consent-container .hs-richtext, form .legal-consent-container .hs-richtext p {
  font-size:14px;
  color: rgba(25, 25, 55, 0.59);
}

footer {
  background:#E7F6F9 !important;
  font-weight:400;
}

footer .hs-menu-wrapper ul {
    display: flex;
    justify-content: start;

}

footer .hs-menu-wrapper ul li {
    margin-right:30px;
}

footer .hs-menu-wrapper  a {
   font-family: "Roboto", sans-serif !important;
  font-weight:200 !important;
  color:#0055aa !important;
}

@media (min-width: 767px) {
footer .hs-menu-wrapper ul li:nth-child(4){
    margin-left: auto;
}
}

.footer .hs-menu-wrapper a:hover {
  text-decoration:underline;
  color:#05a !important;
}

.hs-menu-wrapper li {
  margin-right:12px;
}

.submitted-message {
    background-color: #b4dce8;
    border-radius: 0px;
}


footer .footer-row-1-padding {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#hs_cos_wrapper_header-module-1 .button {
    border-radius: 0.375rem;
}