/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

     /* Form page styles */
      
/* hide empty form titles */
h1:empty, h2:empty, h3:empty {
    display:none;
}

    textarea {
    font-size: 16px;
    color: #000;
    border: 1px solid transparent;
    margin: 0px 5px 0px 0px;
    padding: 13px 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 0px;
    width: 100%;
    height: 136px;
    display: block;
    -webkit-border-radius: 0;
    margin: 10px 0px;
      font-family: 'FFMarkBook';
}
    
fieldset.form-columns-1 .input, fieldset.form-columns-2 .input {
    margin-right: 0!important;
}
    

input[type=text], input[type="email"] {
    background: rgba(0, 0, 0, 0.08);
    border: 0;
    -webkit-border-radius: 0;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 16px;
    height: 52px;
    margin: 10px 0;
    padding: 13px 20px;
    width: 100%;
    width: 100%!important;
    font-family: 'FFMarkHeavy';
}

input[type="text"].error {
    border: 1px solid #ff0000;
}
    

input[type="email"].error {
    border: 1px solid #ff0000;
}


input[type=submit] {
    border: 0px;
    padding: 14px 30px;
    background: #5EE3B9;
    color: #000000;
    font-size: 16px;
    line-height: 12px;
    display: inline-block;
    box-sizing: border-box;
    min-width: max-content;
    width: 100%;
    cursor: pointer;
    right: 30px;
    top: 0px;
    margin-top: 24px;
    -webkit-border-radius: 0;
     font-family: 'FFMarkHeavy';
   -webkit-appearance: none; 
    height: 48px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
}




input:focus {
    border: 1px solid #00ffff;
    outline: none;
}

label {
   font-family: 'FFMarkheavy';
  margin-top: 16px;
  font-size: 14px;
  line-height: 18px;
    }
    
    
    
#email-label {
  margin-top: 16px;
    }
    
    
    fieldset {
    max-width: 100%!important;
}
    
.hs-firstname, .hs-lastname {
  float: left;
  width: 49%!important;
    }
    
 .hs-firstname {
   margin-right: 2%;
    }
    
    .form-columns-2 .hs-form-field {
    float: left!important;
}
    

.hs_email>label {
    display: block!important;
    display: contents;
  visibility: visible;
  margin-top: 16px!important;
  line-height: 18px;
}
    
   
 fieldset.form-columns-1 .hs-input {
    width: 100%!important;
   margin-right: 0px!important;
}
    
    
.hs_contact_form_interests ul {
    column-count: 2;
    list-style-type: none;
    line-height: 26px;
    font-size: 12px;
    font-family: 'FFMarkBook'!important;
    width: 100%;
}
    


.hs_contact_form_interests li {
    max-width: 300px !important;
}

.hs-form__field__input--error {
    outline: #c87872 solid 1px !important;
    border: 1px solid #ff0000 !important;
}


.hs-error-msgs label {
    color: #ff0000;
    background-color: transparent !important;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
    position: relative;
}

::placeholder {
    color: rgba(0, 0, 0, 0.4);
    /* Firefox */
    font-family: 'FFMarkHeavy';
    
}


::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.4);
    font-family: 'FFMarkHeavy';
}



#ot-sdk-btn {
  background-color: white;
}

.actions,
.hs_submit,
.hs_email,
.hs-submit {
    display: block;
}

.hs-form-field {
  margin-top:18px;
    }


@media screen and (max-width: 499px) {
    input[type=submit] {
        display: block;
        margin-left: 0px;
        box-sizing: border-box;
        cursor: pointer;
        top: 10px;
        right: 0px;
      
    }

    input[type=email] {
        width: 100%;
    }

    .actions,
    .hs_submit,
    .hs_email,
    .hs-submit {
        margin-top: 8px;
        width: 100%;
        display: block;
    }


    .actions {
        width: 100%;
    }

    .hs-error-msgs label {
        position: relative;
    }

}


ul {
    padding: 0;
}

ul.inputs-list {
    margin-top: 20px;
    margin-bottom: 0.25em !important;
}

.hs-form-booleancheckbox {
    list-style-type: none;
    padding: 0 !important;
    clear: both;
}

.footer-email .hbspt-form .hs-form-booleancheckbox {
    color: #000;
}

.footer-email .hbspt-form .legal-consent-container {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.hs-form-booleancheckbox::before {
    display: none;
}

.hs-richtext>p {
    margin: 0 !important;
}


h1, h2, h3, h4, h5, h6, input[type=submit] {
  font-weight: unset;
}

.hs-richtext>p, .legal-consent-container .hs-richtext a {
    color: rgba(0,0,0,.6)!important;
    font-size: 14px;
    line-height: 21px;
}

.email-signup-block .caption-holder .caption-frame h1 {
    font-size: 48px;
    line-height: 1em;
}

.email-signup-block .caption-holder .caption-frame h2 {
    font-size: 18px;
    line-height: 1.2em;
}


.legal-consent-container {
font-size: 12px;
line-height: 18px;
margin-top: 24px;
margin: 24px 0px 0px;
}

.legal-consent-container input[type="checkbox"] {
    margin-top: 2px;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    display: block;
    margin-left: 10px !important;
    margin-bottom: 0 !important;
    font-size: 1.1em;
}

.legal-consent-container .hs-richtext {
    /* bottom text area used for privacy notes, etc. */
    text-align: left;
    color: #000;
}

.legal-consent-container .hs-richtext:nth-child(3) {
    /* specifically target the 3rd block, which contains privacy link text */
    margin-top: 1.5em;
}

.footer-email .legal-consent-container .hs-richtext:nth-child(3) {
    margin-top: 1em;
}

.legal-consent-container .hs-richtext a {
    color: #000;
    text-decoration: underline !important;
  font-family: 'FFMarkBold'!important;
}


input[type="submit"]:hover {
    opacity: 0.9;
    background-color: #4BB694;
}




.hs_error_rollup {
    display: none;
}

.hs-form-required {
    display: inline-block;
  color: #ff0000;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    text-align: left;
    margin-left: 0 !important;
      font-family: 'FFMarkBook'!important;
}

.legal-consent-container .hs-form-booleancheckbox-display span.hs-form-required {
    display: none;
}

.footer-email .submitted-message {
    color: #000;
}

.hs-error-msgs li {
    list-style-type: none;
    font-size: 12px;
    padding: 0 !important;

}

.hs-error-msgs label {
    color: #ff0000;
    background-color: #E2ECEE;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
}


li {
    margin: 0px 5px 12px 0px;
}

 select {
        border: 0 !important;  /*Removes border*/
        -webkit-appearance: none;  /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
     font-size: 16px;
    color: #000;
    border: 1px solid transparent;
   background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L0 2H8L4 6Z' fill='white'/%3E%3C/svg%3E") no-repeat calc(100% - 12px) center,  rgba(255, 255, 255, 0.1); 
     background: rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 0;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 16px;
    height: 52px;
    margin: 10px 0;
    padding: 13px 20px;
    width: 100%;
    width: 100%!important;
    font-family: 'FFMarkHeavy';
    }
    
    
    select:focus {
    border: 1px solid #00ffff;
    outline: none;
}

    select.is-placeholder {
         font-family: 'FFMarkHeavy';
    }

/* Checkboxes */

/* reset and span */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    display: none
}

[type="checkbox"]:not(:checked)+span,
[type="checkbox"]:checked+span {
    position: relative;
    padding-left: 2em;
    cursor: pointer;
    line-height: 1.5em;
    padding-top: 0.2em;
    font-family: 'FFMarkBook'!important;
}

/* defaults for pseudo-elements */

input[type="checkbox"]+span:before,
input[type="checkbox"]+span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 0px;
    box-sizing: border-box;
}

/* 1/7: unselected */

[type="checkbox"]:not(:checked)+span:before {
    border: 0px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 20%);


}

/* 2/7: unselected: hover */

[type="checkbox"]:not(:checked):hover+span:before {
    border: 1px solid #000fff;
    background-color: transparent;
}

/* 3/7: unselected: pressed */

[type="checkbox"]:not(:checked):active+span:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 5.847L6.38844 10.5L14.75 1.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/70%;
    background-color: #B2B2FF;

}



/* 4/7: selected */

[type="checkbox"]:checked+span:after {
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 5.847L6.38844 10.5L14.75 1.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/70%;
    background-color: rgba(255, 255, 255, 100%);
}

/* 5/7: selected: hover */

[type="checkbox"]:hover:checked+span:after {
    background-color: #000fff;
    box-shadow: 0 0 0 1px rgba(0, 182, 224, 20%);
}

/* 6/7: selected: pressed */

[type="checkbox"]:checked:active+span:after {

    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 5.847L6.38844 10.5L14.75 1.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/70%;
    background-color: #B2B2FF;
}

/* 7/7: indeterminate */

[type="checkbox"]:indeterminate+span:after {
    /* proof of concept */
    background-color: #ff0000 !important;

    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5zm2 6h10v2H7v-2z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/70%;

}

[type="checkbox"]:indeterminate:hover+span:after {
    background-color: #000fff;
    box-shadow: 0 0 0 1px rgba(0, 182, 224, 20%);
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5zm2 6h10v2H7v-2z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/70%;

}



/* Checkbox disabled states */

input[type="checkbox"]:disabled+span:before {
    box-shadow: none !important;
    border: 1px solid rgba(0, 182, 224, 20%) !important;
    background-color: transparent !important;
}

input[type="checkbox"]:disabled+span:after {
    box-shadow: none !important;
    background-color: rgba(0, 182, 224, 20%) !important;
}

[type="checkbox"]:indeterminate:disabled+span:after {
    /* proof of concept */
    background-color: rgba(0, 182, 224, 20%) !important;
}
/* Checkbox focus states */

[type="checkbox"]:checked:focus+span:before,
[type="checkbox"]:not(:checked):focus+span:before {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(203, 34, 237, .2)
}

      
      /* End form page styles */