/**
Styling for RegScale Pardot Forms
 */

@import url('https://fonts.googleapis.com/css?family=Roboto');

.test{
    color: yellow;
}

#gatekeeper-form,
#appliance-form{
	padding-right: 15px;
	padding-bottom: 15px;
}

body form[action^="https://go.regscale.com/"]#pardot-form p.form-field input.text,
body form[action^="https://go.regscale.com/"]#pardot-form p.form-field select{
	background-color: white;
	font-family: 'Roboto';
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.form-field select{
	margin: 0;
}

body form[action^="https://go.regscale.com/"]#pardot-form p.submit input[type=submit] {
	box-shadow: none;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form {
	font-family: 'Roboto' !important;
	margin: 0;
	padding: 0 10px;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.form-field:not(:has(input[type="hidden"])) input.text,
body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.form-field:not(:has(input[type="hidden"])) select {
	width: auto;
	font-family: 'Roboto';
}



body form[action^="https://go.regscale.com/"][action*="l77"]#pardot-form p.form-field:not(:has(input[type="hidden"])) input.text,
body form[action^="https://go.regscale.com/"][action*="l77"]#pardot-form p.form-field:not(:has(input[type="hidden"])) select,
body form[action^="https://go.regscale.com/"][action*="2993i"]#pardot-form p.form-field:not(:has(input[type="hidden"])) input.text,
body form[action^="https://go.regscale.com/"][action*="2993i"]#pardot-form p.form-field:not(:has(input[type="hidden"])) select{
	width: -webkit-fill-available;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.form-field:not(:has(input[type="hidden"])) {
	display: flex;
	flex-direction: column;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.form-field label.field-label{
	font-family: 'Roboto';
	color: #fafafa;
	font-size: 13px;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.submit{
	display: flex;
	justify-content: center;
}

body form[action^="https://go.regscale.com/"]#pardot-form p.submit input[type="submit"]{
	font-family: "Roboto", sans-serif;
	background: #07b2d9;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    padding: 13px 50px;
    position: absolute;
	text-transform: uppercase;
	line-height: 24px;
	border-radius: 30px 30px 30px 30px;
    padding: 8px 60px 8px 60px;
	background: linear-gradient(90deg, #f3931f 0%, #ef5a23 35%, #9e0e5d 100%);
	cursor: pointer;
}

body form[action^="https://go.regscale.com/"]#pardot-form p.submit input[type="submit"]:hover{
	color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(90deg, #F3931F 0%, #9E0E5D 100%);
    border-color: #F3931F;
}

body form[action^="https://go.regscale.com/"]:not([action*="283h"]):not([action*="296d"]):not([action*="l77"]):not([action*="2993i"])#pardot-form p.submit input[type="submit"]:hover {
	background-color: #023059;
	cursor: pointer;
}

#pardot-form p label {
    color: #fafafa;
}