/* HUBSPOT FORM STYLING */

/* Padding, margin, and width for entire form */
.hs-form {
	padding-left: 1rem;
	padding-right: 1rem;
}
/*
.form-columns-1, .form-columns-2 {
    margin: 0 0 5rem 0 !important;
}
*/
.form-columns-0 {
    margin: 0 0 1rem 0 !important;
}
.form-columns-1, .form-columns-0 {
	max-width: 100% !important;
}
.form-columns-2 {
	max-width: 95% !important;
}
@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	.form-columns-2 > div {
		margin-bottom: 5rem!important;
	}
}

/* Label Styling*/
.hs-form-field {
    color: #00378c;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5;
    left: 1.8rem;
    top: 0.2rem;
    transition: top .2s ease-in-out;
	padding-bottom: 7rem;
}
.hs-form-field > label {
    margin-bottom: 20px!important;
}

/* Rich Text - Header Styling */
.hs-main-font-element > h1 {
	color: #00378c;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5;
	padding-top: 1rem;
}
.hs-main-font-element > p {
	padding-bottom: 2rem;
}

/* Button Styling */
.hs-button {
    text-transform: uppercase;
    padding: 1rem 5rem;
    background-color: #00378c;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4rem;
    border: none;
	color: #fff;
	border-radius: 200px;
	font-family: HCo Whitney SSM,sans-serif;
    font-style: normal;
}
.hs-button:hover {
	background-color: #042e59;
}

/* Input styling */
.hs-input {
	border: none;
    border-bottom: 2px solid #00378c;
    border-radius: 0;
    box-sizing: border-box;
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    height: auto;
    padding: 0 0 0.2rem 1.8rem;
    width: 100% !important;
}
.hs-input:after {
    position: absolute;
    width: calc(100% + 3.4rem);
    height: calc(100% + 4.8rem);
    top: -3.4rem;
    left: -1.7rem;
    border: 2px solid #00abd4;
    box-shadow: 0 0 1.2rem 0 rgba(0,0,0,.24);
    opacity: 0;
    transition: opacity .2s ease-in-out;
    z-index: -1;
	box-sizing: border-box;
}

.hs-input:focus {
	outline: 2px solid #00abd4;
}

/* Description Field */
.hs-field-desc {
	text-transform: none;
	font-size: 1.5rem;
    margin-bottom: 3rem;
	color: #202124;
	font-weight: 400;
	line-height: 2.4rem;
}

/* Text Area Styling */
.hs-fieldtype-textarea > .input > .hs-fieldtype-textarea {
    padding: 10px;
	height: 100px;
	height: 20rem;
	padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
	border: 0!important;
}
.hs-fieldtype-textarea > .input {
    border: solid 2px #d4d4d4;
}

/* Dropdown Select Styling */
.hs-fieldtype-select > .input > select {
    font-size: 1.8rem;
	display: block;
    width: 100% !important;
    padding: 3.6rem 11.4rem 3.6rem 3.8rem !important;
    -moz-padding-start: calc(3.8rem - 3px) !important;
    font-size: calc(1.305rem + .66vw) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #fff !important;
    background-color: #00378c;
    background-repeat: no-repeat;
    background-position: right 3.8rem center;
    background-size: 16px 12px;
    border: 1px solid #00378c !important;
    border-radius: 500px !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='100 100 100 300'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E" );
}
/*.hs-fieldtype-select > .input > select:after {
	content: '\f0d7';
    font: normal normal normal 17px/1 FontAwesome;
    color: #000;
    right: 11px;
    top: 6px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    border-left: 1px solid #0ebeff;
    position: absolute;
    pointer-events: none;
}
*/

/* Checkbox and Radio Styling */
.hs-form-checkbox {
	margin-bottom: 7rem;
	position: relative;
	padding-bottom: 1rem;
}
.hs-form-checkbox-display {	
    margin-left: 0rem;
    margin-top: 0.6rem;
    text-transform: uppercase;
}
.hs-form-radio {
	margin-bottom: 7rem;
	position: relative;
	padding-bottom: 1rem;
}
.hs-form-radio-display {
    margin-left: 0rem;
    margin-top: 0.6rem;
    text-transform: uppercase;
}
.inputs-list {
    list-style:none;
	color: #212529;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	margin-left: 10px;
	margin-top: 6px;
}
input.hs-input[type="radio"]:checked,
input.hs-input[type="radio"]:not(:checked),
input.hs-input[type="checkbox"]:checked,
input.hs-input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
	list-style:none;
}
input.hs-input[type="radio"]:checked + span,
input.hs-input[type="radio"]:not(:checked) + span
{
    position: relative;
    padding-left: 6.5rem;
    cursor: pointer;
    line-height: 3rem;
    display: inline-block;
	padding-top: 0.5rem;
}

input.hs-input[type="checkbox"]:checked + span,
input.hs-input[type="checkbox"]:not(:checked) + span{
    position: relative;
    padding-left: 6.5rem;
    cursor: pointer;    
	line-height: 3rem;
	display: inline-block;
	padding-top: 0.5rem;
}
input.hs-input[type="checkbox"]:not(:checked) + span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    background:#eee;
}

input.hs-input[type="radio"]:checked + span:before,
input.hs-input[type="radio"]:not(:checked) + span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    background:#eee;
	border: 2px solid #00378c;
	border-radius: 50%;
}
input.hs-input[type="radio"]:not(:checked):hover + span:before{
	background:#cccccc;
}
input.hs-input[type="checkbox"]:checked + span:before{
	content: '';
    position: absolute;
    left: 15px;
    top: 7px;
    width: 1rem;
    height: 2rem;
    border: solid #68d2df;
	border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
input.hs-input[type="radio"]:not(:checked) + span:after {
    /*
	content: '';
    width: 20px;
    height: 20px;
    background: #eee !important;
    position: absolute;
    top: 14px;
    left: 14px;
    border-radius: 100%;	
	border: 2px solid #00378c;
	*/
	display: none;
}
input.hs-input[type="checkbox"]:not(:checked) + span:after {
    content: '';
     width: 4rem;
    height: 4rem;
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
	border: 2px solid #00378c;
}
input.hs-input[type="checkbox"]:not(:checked):hover + span:after{
	background:#cccccc;
}
input.hs-input[type="radio"]:checked + span:after {
    content: '';
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
	background: #68d2df;
}
input.hs-input[type="checkbox"]:checked + span:after {
    content: '';
    width: 4rem;
    height: 4rem;
    background: url("path/to/the/check-icon.png") no-repeat;
	background-size:contain;
    position: absolute;
    top: 0;
    left: 0;
	border: 2px solid #00378c;
}

input.hs-input[type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:after,[type="checkbox"]:not(:checked) + span:after, [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hs-form-booleancheckbox {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Legal Consent Section Styling*/
.legal-consent-container {
    padding-bottom: 7rem;
}
.legal-consent-container .field.hs-form-field {
    padding-bottom: 2rem;
}