/* Styling for our Seamlessdocs form submission-redirect page, */
/* specifically regarding the page header (masthead) styling. */

/* From form_view.min.css (none) */

html {height:100%}
body {
    background-color:transparent;
    padding-bottom:50px;
    text-align:center;
    font-family:Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
#web {display:none; text-align:center}
div#web.show {display:block}
.l-document-content-area.public_mode{background:#fff}
.form_wrap_outer{margin-bottom:60px}
.form_wrap_inner{width:auto!important}
.form_wrap_outer{display:inline-block!important;width:auto!important}
.form_wrap_inner,.form_wrap_outer{background-size:100%!important}

/* From form_view_responsive.min.css */
@media screen {
    body {padding-left:0!important; padding-right:0!important}
    figure,header,hgroup {display:block}
    .document-header{padding-bottom:.9375em;margin-bottom:2em;padding-bottom:2em;margin-top:.5em}
    .l-document-masthead b{font-weight:700}
	.l-document-masthead{color:#666;padding-left:5%;padding-right:5%;padding-bottom:65px;overflow:hidden;border-right:1px solid #e8e8e8}
	.l-document-masthead h1,.l-document-masthead h2,.l-document-masthead span{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
	.document-header--company-address p{font-size:1.2em; font-style:normal}
	.document-header--logo{position:relative;z-index:1;float:left;display:none;background:0 0;padding:.4em;margin-top:1em}
	.document-header--company-essentials{color:#333;margin-top:1.5em;margin-bottom:1em}
	.document-header--company-essentials h1{font-size:24px!important;line-height:1.25em;word-wrap:normal;font-weight:400;margin:0}
	.document-header--company-essentials h2{font-size:1.125em;line-height:1.3333333em}
	.document-header--company-address{font-size:1em;line-height:1.5em}
	.document-header--company-address p{margin-bottom:12px;color:#454545;line-height:20px;font-weight:400;font-size:13px;-webkit-font-smoothing:antialiased}

    .l-document-content-area {overflow:hidden;color:#666}
	.l-document-content-area b {font-weight:700}
	.l-document-content-area p {line-height:normal!important}
	.l-document-content-area font {font-weight:400}

	.document-content-area--inner-content{overflow:auto}
	.document-content-area--inner-content .document-content-area__inner{background:#fff}
	.document-content-area--inner-content .document-content-area__inner h1,.document-content-area--inner-content .document-content-area__inner h2{font-size:1.75em;line-height:1.1428571em;margin:0 0 .5714286em 0}
	.document-content-area--inner-content .document-content-area__inner h2{font-size:1.375em;line-height:1.4545455em;margin:1.0909091em 0 .7272727em 0}
	.document-content-area--inner-content .document-content-area__inner p{font-size:1em;line-height:1.5em;margin:0 0 1em 0}

}
@media screen and (max-width:981px) {
/*    body {float:left} PJW */
    .document-header{margin-bottom:0;padding-bottom:1em}
    .masthead_info_wrapper{min-width:510px; width: 100%;}
}
@media screen and (min-width:481px) {
    .document-header--logo{max-width:140px!important}
    .document-header--infobox{float:left;width:30%;}
    .document-header--logo{display:inline-block;width:20%;left:1%}
    .document-header--company-essentials h1{font-size:24px;line-height:1.1428571em;margin:.5em 0 .2857143em 0;margin-top:0;word-wrap:normal}
    .document-header--company-essentials h2{font-size:1.25em;line-height:1.2em}
    .document-header--infobox{width:auto;margin-left:0}
}
@media screen and (min-width:781px) {
    body {background:#fff}
    .l-document-masthead{background:0 0}
    .document-header--company-essentials{margin-top:1em;margin-bottom:1em}
    .document-header--company-essentials h1{font-size:1.9em;line-height:1.25em;word-wrap:normal;margin:1em 0 .5em 0}
    .document-header--company-essentials h2{font-size:1.125em;line-height:1.3333333em}
    .document-header--company-address{font-size:1em;line-height:1.5em}
}
@media screen and (min-width:980px) {
    body,html {overflow-x:hidden;height:100%}
    #web {padding:30px}
    .document-header{border:0;padding:0;margin:0}
    .l-document-masthead{padding-top:1.5em;padding-left:12px;padding-right:12px;width:18%;position:fixed;z-index:2;max-height:100%}
    .document-header--infobox{float:none;margin:0;padding:0;width:auto}
    .document-header--logo{margin-bottom:1.5em;width:90%;max-width:90%;margin-left:3%;padding:.8em;float:none;left:auto}
    .document-header--logo::after{text-indent:-999em;position:absolute;z-index:2;bottom:12px;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #eee}
    .document-header--company-address,.document-header--company-essentials {margin-left:6%;margin-right:6%}
    .document-header--company-address{font-size:.75em;line-height:1.3333333em}
    .document-header--company-essentials{padding-bottom:0}
    .document-header--company-essentials h1{font-size:1.125em;line-height:1.3333333em;word-wrap:normal;margin:0 0 .4444444em 0}
    .document-header--company-essentials h2{font-size:.75em;line-height:1.3333333em}

    .l-document-content-area{text-align:left;padding-left:18%;min-height:100%;padding-right:0}
}
@media screen and (min-width:980px) and (max-width:1015px){
    .document-header--company-essentials h1{font-size:1.35em;font-size:1.6vw;word-wrap:normal}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:8px!important;font-size:.7vw!important}
}
@media screen and (min-width:1015px) and (max-width:1065px){
    .document-header--company-essentials h1{font-size:1.4em;word-wrap:normal;font-size:1.6vw}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:8px!important;font-size:.7vw!important}
}
@media screen and (min-width:1065px) and (max-width:1125px) {
    .document-header--company-essentials h1{font-size:1.5em;font-size:1.6vw;word-wrap:normal}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:9px!important;font-size:.7vw!important}
}
@media screen and (min-width:1125px) and (max-width:1225px) {
    .document-header--company-essentials h1{font-size:1.6em;font-size:1.6vw;word-wrap:normal}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:10px!important;font-size:.7vw!important}
}
@media screen and (min-width:1225px) and (max-width:1275px) {
    .document-header--company-essentials h1{font-size:1.7em;font-size:1.6vw;word-wrap:normal}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:10px!important;font-size:.7vw!important}
}
@media screen and (min-width:1275px) and (max-width:1460px) {
    .document-header--company-essentials h1{font-size:1.8em;font-size:1.6vw;word-wrap:normal}
    .document-header--company-address span,.document-header--company-essentials h2{font-size:11px!important;font-size:.7vw!important}
}
@media screen and (min-width:1460px) {
    #web{padding:0}
    .l-document-masthead{padding-left:12px;padding-right:12px;width:20%}
    .document-header--logo{padding:1em}
    .document-header--logo::after{bottom:12px;left:50%;margin-left:-25px;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #eee}
    .document-header--company-essentials h1{font-size:20px!important;line-height:32px!important;margin:0 0 .4em 0;word-wrap:normal}
    .document-header--company-essentials h2{font-size:1em;line-height:1.5em}
    .document-header--company-address{font-size:1em;line-height:1.5em}
    
    .l-document-content-area{padding-left:20%;padding-top:110px;background:#f2f2f2}

}
@media screen and (min-width:1410px){
    #web{padding:0}
    #web .form_wrap_inner {padding:25px;background-color:#fff;margin-bottom:60px}
    body{background:#f2f2f2}
    .document-header--logo{padding:1.7em}
    .document-header--logo::after{bottom:12px;left:50%;margin-left:-35px;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:35px solid #eee}
    .l-document-masthead{width:24%;max-width:280px}
    .document-header--company-essentials h1{line-height:1.2307692em;margin:0 0 .3076923em 0;word-wrap:normal}
    .document-header--company-essentials h2{line-height:1.3333333em}
    .document-header--company-address{font-size:1.125em!important;line-height:1.3333333em}

    .l-document-content-area{padding-top:30px}
	.l-document-content-area{border-left:none}
	.l-document-content-area{padding-left:24%}

}
h1{border:none!important}

@media screen and (max-width:979px){
	.document-content-area--inner-content{margin-bottom:135px}
}
@media screen and (min-width:980px){
	.form_wrap{display:inline-block}
}

.document-header{text-align:left;}
.masthead_info_wrapper{overflow-y:auto;margin:0;top:0;overflow-x:hidden}
.masthead_info_wrapper{text-align: left;}
@media screen and (max-width:980px){
	.l-document-masthead:not(.mobile)>.masthead_info_wrapper{padding-top:50px}
}
.document-header--company-essentials h2{padding:0!important}
.document-header--company-essentials{margin-bottom:0!important}
.document-header--company-address span,.document-header--company-essentials h2{font-size:13px!important}
.document-header--logo{max-width:170px}

@media screen and (max-width:1299px){
	.document-header--logo{max-width:140px}
	.l-document-masthead,.page{padding-bottom:0}
    .head{padding:10px 32px;min-height:0}
}
body {padding-bottom:0!important}

@media screen and (max-width:979px){
	#web .form_wrap_outer{margin:0 auto;width:700px;display:block!important}
	.l-document-content-area { height:85vh!important; }	/* PJW - 2022-07-29 */
}

.document-content-area--inner-content .document-content-area__aside{right:1%;top:110px}
.document-content-area--inner-content .document-content-area__aside.web{right:10%}
.l-document-content-area.public_mode .document-content-area--inner-content .document-content-area__aside{top:30px}
.document-header--logo{padding:1.7em;margin:0;padding-bottom:0;padding-left:0;margin-left:6%}
.l-document-masthead{bottom:0;top:0;background:#fff}
.document-header--infobox{bottom:0;height:0;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
.document-header--infobox{display:none}
.document-header--infobox.active{height:auto;display:block;opacity:1}
.l-document-masthead{min-height:180px}
.l-document-masthead.mobile{min-height:0}
/*
@media screen and (max-width:980px) {
    .l-document-masthead {display:none}
}
*/
@media screen and (min-width:980px) {
    body p {font-size:15px;margin-top:5px}
}

/* From liveview_base.min.css */
#web, body {
    /* font-family:-apple-system,BlinkMacSystemFont,San Francisco,Inter UI,sans-serif!important; */
    padding:0!important;font-size:15px!important;color:#212b35!important;text-align:center}
#web{overflow:visible}
span {font-family:inherit}
h1,h2,h3,h4,h5,h6{font-weight:700!important;letter-spacing:0;margin:0;margin-top:0!important;padding:0!important;border:0!important;color:#212b35}
.l-document-content-area.public_mode.web{padding:50px 330px 30px 50px!important;background-color:#f4f6f8!important}
.l-document-content-area.public_mode .document-content-area--inner-content .document-content-area__aside{top:0!important;margin-top:0!important}

.header .title {margin-top:0}
.header {font-size:14px;color:#fff;font-weight:600!important}
.l-document-masthead {
    width:280px;max-width:280px;
    padding:50px 30px 50px 30px;border:none;
    background-color:#fff;border-right:none;box-shadow:0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15);z-index:0;position:fixed;top:0;right:0
}
.document-header--logo{padding:0;margin:0 0 20px;float:left;height:auto!important;width:auto!important;max-width:100%!important}
.document-header--logo .logo_wrapper{height:auto!important;max-width:170px!important;background-position:0 50%;padding-bottom:0!important}
.document-header--logo img{max-height:90px!important}
.document-header--infobox.active{float:left!important;width:100%}
.document-header--company-address,.document-header--company-essentials{margin:0}
.document-header--company-essentials h1{overflow-wrap:break-word;margin-bottom:8px;font-size:18px!important;line-height:25px!important}
/* Over-ridden below
.document-header--company-address p,.document-header--company-address span{overflow-wrap:break-word;font-size:10px!important;line-height:13px!important}
*/
.document-header--company-address p{padding-top:0!important;margin-top:0!important;font-weight:500;border-top:none;margin-bottom:6px}

#web .form_wrap_inner,#web .form_wrap_outer{width:100%!important;max-width:900px!important;text-align:center;padding:0;background-color:transparent;margin-bottom:0}
#web .form_wrap_inner,#web .form_wrap_outer{max-width:720px!important}

@media (max-width:1300px){
	.l-document-masthead{width:200px;padding-left:25px!important;padding-right:25px!important}

    .l-document-content-area.public_mode.web{padding-right:250px!important}
    #web .form_wrap_inner,#web .form_wrap_outer{max-width:100%!important}

}
@media (max-width:1100px){
	.document-header{margin:0!important}
    /* PJW: .l-document-masthead changed min-width:100% to 90% so logo would not be pushed to far right. */
	.l-document-masthead{min-height:auto!important;position:static;min-width:90%;height:auto!important;z-index:0!important;text-align:center;padding:25px 50px 25px 50px!important}
	.document-header--company-essentials h1{font-size:20px!important;margin-bottom:8px}
	.document-header--company-address p{margin-bottom:6px}
	.document-header--logo{margin-bottom:0!important;float:right;text-align:right;left:0!important}
	.document-header--logo img{max-height:90px!important}
	.document-header--infobox.active{float:left!important;width:80%}
	.masthead_info_wrapper{margin:0!important;padding:0!important}

    .l-document-content-area.public_mode{margin-top:0}
    .l-document-content-area{top:0}
    .l-document-content-area.public_mode.web{padding:50px!important}
}
@media (max-width:610px){
	.l-document-masthead{min-height:auto!important;position:static;min-width:100%;height:auto!important;z-index:0!important;text-align:center;padding:15px 25px 15px 25px!important}
	.document-header--logo{display:none}
	.document-header--company-address p,.document-header--company-address span{font-size:10px!important;line-height:14px!important}
	.document-header--company-essentials h1{font-size:16px!important}

    .l-document-content-area.public_mode.web{padding:35px 25px 35px 25px!important}
}
.document-header--company-address p,.document-header--company-address span{font-size:13px!important;line-height:16px!important}
.l-document-masthead{z-index:100}
#web {text-align:center;overflow:visible!important}

.l-document-content-area.public_mode .document-content-area--inner-content .document-content-area__aside{width:280px!important;max-width:280px!important;min-width:280px!important;right:0!important;padding:30px!important;bottom:180px!important;top:auto!important;height:auto!important;min-height:auto!important}

.action_button{height:55px;border-radius:3px!important;font-family:inherit;font-size:15px!important;font-weight:700!important;padding-left:0!important;padding-right:0!important;text-decoration:none!important;width:100%!important}
.action_button{font-size:16px!important}

