/********************************************************************
*
*   Pardot Form Styles
*
********************************************************************/
html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
    background: #F2F5F5;
    color: #000;
    font-family:'Barlow', Arial, Helvetica, sans-serif;
    /*font: 1em Arial, Helvetica, sans-serif;*/
    margin: 0;
    padding: 0;
}
a {
    background-color: transparent;
    color: #7B45C7;
    text-decoration: underline;
}
a:hover {
    color: #59398c;
}
.insights a {
    color: #E40046;
}
.insights a:hover {
    color: #961534;
}
label, input, textarea, select {
    font-weight: normal;
    color: inherit;
}
.form {
    padding: 20px;
    font-size: 14px;
    font-size: .875rem;
    background-color: #F2F5F5;
}
.privacypolicy {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

/* Remove form padding when in Sidebar Form Field */
@media (max-width: 250px) {
    .form {
        padding: 0;
    }
    .privacypolicy {
        padding-left: 0px;
        padding-right: 0px;
        
    }
}
.form-field {
    margin: 0 0 12px;
}
.field-label {
    display: block;
    font-size: inherit;
    font-weight: normal;
    margin: 0 0 4px;
}
label.inline{
    margin-right:10px;
}
.text,
.select,
.standard {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
}
.error .text,
.error .select,
.error .standard {
    border-color: #b71234;
}
.pd-checkbox.error,
.pd-radio.error {
    padding: 10px;
    border: 1px solid #b71234;
}
/* Required flag "*" */
.form-field .required {
    color: #C50000;
}
select.select {
    font-size: inherit;
    height: 1.813rem;
    background-color: #fff;
    border: 1px solid #949396;
    border-radius: 2px;
   /*box-shadow: inset 0 3px 0 0 rgba(0,0,0, .03);*/
}
/* Limit textarea height */
textarea.standard {
    height: 50px;
}
.text,
.standard {
    background: #fff;
    border: 1px solid #949396;
    border-radius: 2px;
   /*box-shadow: inset 0 3px 0 0 rgba(0,0,0, .03);*/
    margin: 0;
    max-width: 100%;
    padding: 5px;
    line-height: 1;
}
.text:focus,
.standard:focus,
.select:focus {
    border-color: #7B45C7;
    box-shadow: inset 0 0 0 1px #7B45C7;
    outline: 0;
}
/* remove focus styles from input (for read only fields) */
.no-focus.text,
.no-focus.standard,
.no-focus.select {
    border-color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
    opacity: 0.7;
}

.submit {
    margin-bottom: 0;
    text-align: left;
}
/* Check and radio boxes */
form.form span.value {
    font-size: inherit;
}
form.form p.no-label {
    margin-left: 0 !important;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 6px 0 0;
}
.description {
    font-size: 12px;
    font-size: .75rem;
}
input[type=submit] {
    -webkit-appearance: button;
    background-color: #7B45C7;
    box-shadow: none;
    text-transform: uppercase;
    /*background: #8e3a80;*/
    border: 0;
    border-radius: 2px;
   /*box-shadow: inset 0 4px 0 0 rgba(255,255,255, .15);*/
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    padding: 16px 26px;
    min-width: 220px;
    margin-top: 10px;
}
input[type=submit].btn--purple {
    background: #7B45C7;
}
input[type=submit].btn--coral {
    background: #E40046;
}
input[type=submit]:hover,
input[type=submit]:focus {
    outline: 0;
    /*opacity: .7;*/
    background: #59398c;
}
input[type=submit].btn--coral:hover,
input[type=submit].btn--coral:focus {
    outline: 0;
    /*opacity: .7;*/
    background: #961534;
}
input[type=submit]:active {
    box-shadow: inset 0 2px 0 0 rgba(255,255,255, .05);
}
.hidden {
    display: none !important;
    visibility: hidden;
}
#pardot-form p.required > label:after, 
#pardot-form span.required > label:after { 
    content: ' *';
}
/********************************************************************
*
*   Two Column Forms
*   Layout template should have body class of "col2"
*
********************************************************************/

@media (min-width: 400px) {
    .col2 .form p {
        width: 48%;
    }
    .col2 .form p:nth-of-type(2n+1) { 
        float: left; 
    }
    .col2 .form p:nth-of-type(2n) { 
        float: right; 
        clear: right;
    }
}
/* keep select, textarea, and submit at regular width */
.col2 .form p.pd-select,
.col2 .form p.comments,
.col2 .form p.E_Communications_Opt_In,
.col2 .form p.submit {
    width: 100%;
    clear: both;
    float: none;
}