.sas-signup {background-color:#e9e9e9; position: relative;}
.sas-signup.form-active::after { content: ""; display: block; position: absolute; height: 160px; left:0; right:0; background: #fff url(../images/footer-angled-grey.svg) no-repeat 50% 0; background-size: 1480px; bottom:0;}

#cf-context {
	will-change: opacity;
	height: 100vh;
	min-height: -webkit-fill-available;
	max-width: 760px;
	margin: auto;
	z-index:2;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #cf-context {
        height: 1024px;
    }
}

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    #cf-context {
        height: 768px;
    }
}

/* iPhone 5
You can also target devices with aspect ratio. */
@media screen and (device-aspect-ratio: 40/71) {
    #cf-context {
        height: 500px;
    }
}


.sas-signup.form-active form.cf-form,
.page-template-signup form { height:0; overflow: hidden; }

.page-template-signup form ,
.page-template-signup div.conversational-form,
.page-template-signup-pfc-business div.conversational-form,
.page-template-signup-pfc-community div.conversational-form,
.page-template-signup-pfc-individual div.conversational-form,
.page-template-signup-pfc-individual_v2 div.conversational-form
{ max-width: 760px; margin: 0 auto; background-color:transparent; font-family: Roboto !important;}

.page-template-signup .conversational-form .conversational-form-inner,
.page-template-signup-pfc-business .conversational-form .conversational-form-inner,
.page-template-signup-pfc-community .conversational-form .conversational-form-inner,
.page-template-signup-pfc-individual .conversational-form .conversational-form-inner,
.page-template-signup-pfc-individual_v2 .conversational-form .conversational-form-inner
 { padding:0;}

.conversational-form:before { display: none !important; }

.form-feedback { padding: 150px 0;}

cf-chat-response { max-width: 80% !important; padding-left: 72px !important;}
cf-chat-response.user { padding-right:0 !important; }
cf-chat-response.robot { margin-top: 97px !important; }
cf-chat-response.robot.peak-thumb thumb { background-color:transparent !important; background-image: url(../images/sas-icon.svg) !important; background-size: 47px !important; background-repeat: no-repeat; top: 18px; }
cf-chat-response.user.peak-thumb thumb {
	z-index: 5 !important; right:10px !important;
	width: 20px !important;
	height: auto !important;
	background: transparent url(../images/close.svg) no-repeat 50% 50% !important;
	background-size: 12px !important;
	top: 0 !important;
	bottom: 12px !important;
}

cf-chat-response text > p {
	color:#a00099 !important;
	background-color:#fff !important;
	border-radius: 7px !important;
	padding: 27px 39px !important;
	font-size: 24px !important;
	line-height: 1.4 !important;
}

cf-chat-response.user text > p{
	background-color:#216873 !important; border-radius: 7px !important; padding: 20px 60px 20px 30px !important; border:none !important; color:#fff !important;
	margin-right: 0 !important;
}

cf-chat-response text>p:not(:only-child):not(:first-child) { margin-top: 20px !important; }

.cf-button {background-color:#216873 !important; border-radius: 7px !important; padding: 10px 15px !important; border:none !important; color:#fff !important; font-size: 24px !important;}

cf-radio-button.cf-button cf-radio { border-color:#fff !important; margin-right: 12px !important;}

cf-input { background: transparent !important; margin-bottom:0 !important; }
cf-input .inputWrapper {
	background-color:transparent !important; padding: 90px 100px 31px 75px!important;
/*	position: fixed !important; bottom:0 !important; right:0 !important; left:0 !important; margin-bottom: 0 !important; */
}


cf-input-button.cf-input-button {
    background-color: #005F7F !important;
    border-radius: 60px !important;
    height: 60px !important;
    max-height: 60px !important;
    bottom: auto !important;
    top: 101px !important;
	right: 15px !important;
}

cf-input input { background-color:#efefef !important; border-radius: 7px important!; color:#000; font-family: inherit !important;}

.conversational-form a { text-decoration: underline !important;}

.form-feedback cf-chat-response {
	position: relative;
    visibility: visible;
	display: flex;
	flex-shrink:0;
	flex-grow:1;
	max-width: 80% !important; padding-left: 72px !important;
    background: url(../images/sas-icon.svg) no-repeat 0px 19px;
}

.form-feedback cf-chat-response text > p.link-holder {
	padding:0 !important;
	background:transparent !important;
}
body.page-template-signup-pfc-business,
body.page-template-signup-pfc-community,
body.page-template-signup-pfc-individual,
body.page-template-signup-pfc-individual_v2,
body.page-template-signup, 
body.page-template-signature-complete { height: 100vh; background-color:#e9e9e9;}

body.page-template-signup-pfc-business footer, 
body.page-template-signup-pfc-community footer, 
body.page-template-signup-pfc-individual footer, 
body.page-template-signup-pfc-individual_v2 footer, 
.page-template-signup footer, 
.page-template-signature-complete footer { margin-top: 0; display: none;}

body.page-template-signup-pfc-business footer section .inner, 
body.page-template-signup-pfc-community footer section .inner, 
body.page-template-signup-pfc-individual_v2 footer section .inner, 
body.page-template-signup-pfc-individual footer section .inner, 
.page-template-signup footer section .inner, 
.page-template-signature-complete footer section .inner { padding:0;}

body.page-template-signup-pfc-business header, 
body.page-template-signup-pfc-community header, 
body.page-template-signup-pfc-individual_v2 header, 
body.page-template-signup-pfc-individual header, 
.page-template-signup header,
.page-template-signature-complete header { height: 0; overflow: hidden;}

body.page-template-signup-pfc-business #main, 
body.page-template-signup-pfc-community #main, 
body.page-template-signup-pfc-individual #main, 
body.page-template-signup-pfc-individual_v2 #main, 
.page-template-signup #main, 
.page-template-signature-complete #main { padding-top:0;}

body.page-template-signup-pfc-business a#signup-logo, 
body.page-template-signup-pfc-community a#signup-logo, 
body.page-template-signup-pfc-individual a#signup-logo, 
body.page-template-signup-pfc-individual_v2 a#signup-logo, 
.page-template-signup a#signup-logo, 
.page-template-signature-complete a#signup-logo {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: fixed; left:10px;
	height: 139px;
  width: 200px;
	background-image: url(../images/schools-logo.png);
	z-index: 11;
	text-indent: -9999px;
	overflow: hidden;

}
.page-template-signup-pfc-business .sas-signup .row .centreText, 
.page-template-signup-pfc-community .sas-signup .row .centreText, 
.page-template-signup-pfc-individual .sas-signup .row .centreText, 
.page-template-signup-pfc-individual_v2 .sas-signup .row .centreText, 
.page-template-signup .sas-signup .row .centreText, 
.page-template-signature-complete .sas-signup .row .centreText{ max-width: 760px; margin:0 auto;}

.page-template-signup-pfc-business .controls, 
.page-template-signup-pfc-community .controls, 
.page-template-signup-pfc-individual .controls, 
.page-template-signup-pfc-individual_v2 .controls, 
.page-template-signup .controls, 
.page-template-signature-complete .controls { text-align: right; position: fixed; right:10px; top: 10x; z-index:10;}

.page-template-signup-pfc-business .controls a.close, 
.page-template-signup-pfc-community .controls a.close, 
.page-template-signup-pfc-individual .controls a.close, 
.page-template-signup-pfc-individual_v2 .controls a.close, 
.page-template-signup .controls a.close, 
.page-template-signature-complete .controls a.close {
	height:50px;width:50px; display: block; text-align: left;
	background: transparent url(../images/close-blue.svg) no-repeat 50% 50%; background-size: 25px;
text-indent: -9999px; overflow: hidden;}


cf-input input, cf-input textarea { font-size: 24px !important; border-radius: 7px !important; background-color:#efefef !important; border: none !important; box-shadow: none !important; padding: 27px 39px !important; height: auto !important;}
cf-input-control-elements { margin-left: 73px; }

cf-radio-button.cf-button cf-radio { margin-top: 6px !important;}

@media all and (max-width:600px) {
	cf-chat { padding: 0 10px;}
	cf-chat-response { max-width: 95% !important; padding-left: 56px !important;}
	cf-chat-response.robot.peak-thumb thumb { top: 10px; }
	cf-chat-response text > p, .cf-button {
		padding: 16px 18px !important;
		font-size: 18px !important;
	}
	cf-input .inputWrapper { padding: 30px 91px 30px 22px !important; }
	cf-input input, cf-input textarea { font-size: 16px !important; }
	cf-input-control-elements { padding: 10px; }
	.sas-signup.form-active::after { height: 123px; }

	.page-template-signup a#signup-logo, 
	.page-template-signup-pfc-business a#signup-logo, 
	.page-template-signup-pfc-community a#signup-logo, 
	.page-template-signup-pfc-individual a#signup-logo, 
	.page-template-signup-pfc-individual_v2 a#signup-logo, 
	.page-template-signature-complete a#signup-logo { display: none; }
	.page-template-signup header > .inner, 
	.page-template-signup-pfc-business header > .inner, 
	.page-template-signup-pfc-community header > .inner, 
	.page-template-signup-pfc-individual header > .inner, 
	.page-template-signup-pfc-individual_v2 header > .inner, 
	.page-template-signature-complete header > .inner { height: 78px;}

	cf-input input, cf-input textarea { padding: 20px 14px !important}
	cf-input-button.cf-input-button { top: 29px !important;}

	cf-input-control-elements { margin-left:0;}

	.cf-button > div { margin: 8px 16px !important; }
	cf-radio-button.cf-button cf-radio {    margin-top: 3px !important; }

}


.signup-response {
	padding: 5% 0;
}
.signup-response p {
	color:#a00099 !important;
	background-color:#fff !important;
	border-radius: 7px !important;
	padding: 27px 39px !important;
	font-size: 24px !important;
	line-height: 1.4 !important;
	margin: -1.5em 0 2.5em 0 !important

}

.signup-response p.link-holder {
	padding:0 !important;
	background:transparent !important;
	margin:0 !important;
}


/*
.page-template-signup-pfc-business .sas-signup.form-active::after,*/
.page-template-signup-pfc-community .sas-signup.form-active::after
 { position: initial; }