@charset "utf-8";
/* CSS Document */

.header-image { position:relative; z-index:2; height:250px; background-repeat:no-repeat; background-position:top center;
  -moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black; }
.landing .header-image { background-image:url('../graphics/350hdr_about.jpg'); }

@media only screen {
  .header-content { position:absolute; bottom:0; color:#fff; text-shadow:0 0 2px black; }
}
.header-content p { padding:5px 10px 10px; font-size:16px; line-height:18px; font-weight:500;}
.header-content span { display:inline-block; }

article { border-top:1px solid #33180a; }
article p { margin:10px 0; }
.text-content { padding-top:5px; background-color:rgba(255,255,255,0.50); }
.text-content ul { padding:0 0 0 15px; margin:10px 0 0; list-style:disc; }

section h4 { padding:0 10px; margin: 0.8em 0 0 0; }

#exec-bios h3 span { display:block; }
#exec-bios img { float:right; margin:0 0 15px 15px; width:120px; height:150px; border:1px solid #366d6d; }
#exec-bios .subsect p { margin-top:10px; }
#exec-bios .subsect p:first-of-type { margin-top: 0; }

ul.files { padding:10px 10px 10px 29px; background: rgba(219,255,252,1.00); }
ul.files > li::before { top:3px; left:-18px; font-size:inherit; color:#0a447b; }
ul.files > li.pdf::before { content:"\f1c1"; }
ul.files > li.doc::before, ul.files > li.docx::before { content:"\f1c2"; }

.method-button { display:block; padding:20px 0;
  font-size:20px; line-height:24px; font-weight:700; color:#fff; text-align:center;
  text-decoration:none; background-color:#0a447b; }
.method-button span { display:inline-block; }
.method-button:hover, .method-button:hover::before { background:#053052; }

/* Contact form */
#app, #application, #submission-message { border-top:1px dotted #366d6d; }

#application h3 { padding-top:16px; font-size:16px; font-weight:700; color:#dbfffc; text-transform:uppercase;
	background-color:#366d6d; }
.container-group { position:relative; display:block; width:100%; margin:0; border-bottom:1px dotted #366d6d; }
.req:after { content:'*'; position:absolute; top:13px; right:10px; font-size:18px; line-height:18px; font-weight:700; }
.container-fields .primary-label { display:block; min-height:35px; padding:10px 10px 5px; font-weight:500;
  /*border-bottom:1px solid #fff;*/ }
.secondary-label { display:block; height:27px; padding:3px 10px 10px; font-size:12px; line-height:14px;
  /*border-top:1px solid #fff;*/ }
.field-group { float:left; display:block; vertical-align:middle; }
.field-address { width:100%; }
.field-city, .field-name { width:50%; }
.field-state { width:20%; } .field-zip { width:30%; }

.container-fields input, .container-fields select, .container-fields textarea {
  display:block; width:100%; height:39px; padding:10px; margin:0; letter-spacing:1px;
  -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#ecfffd;
  -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0; }
.container-fields input { height:39px; }
.container-fields textarea { min-height:100px; overflow-y:auto; resize:vertical; }

.styled-select { position:relative; vertical-align:middle; height:39px; overflow:hidden; background:#ecfffd; }
.styled-select .fa-chevron-down { position:absolute; top:12px; right:9px; z-index:1; font-size:14px; color:#9cc; }
.styled-select select { position:relative; z-index:2; width:100%; padding:10px 6px;
	background-color:transparent; background-image:none; border:none; box-shadow:none; cursor:pointer; }
option:not(:checked) { background:#fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .styled-select select { padding-left:10px; }
  .add-number select { padding-left:38px; }
  .container-fields textarea { padding:10px 7px; }
}
.add-number select { padding-left:38px; }
.float-number { position:absolute; top:10px; left:10px; z-index:1; }

.aligned-group { height:44px; padding:10px; background-color:#ecfffd; cursor:text; }
.aligned-group input { display:inline-block; vertical-align:middle; height:auto; padding:0; margin:0; background-color:transparent; }
.aligned-group div { display:inline-block; vertical-align:middle; }
.aligned-group .two-digit { width:24px; }
.aligned-group .three-digit { width:29px; }
.aligned-group .four-digit { width:38px; }
.aligned-group .field-mid { text-align:center; }

.focused { background-color:#fff; }

.notation { clear:both; width:100%; padding:10px; font-size:12px; font-weight:500; text-transform:uppercase; text-align:center; }

#app button { width:100%; padding:10px; font-size:16px; font-weight:700; color:#9cc; text-transform:uppercase;
	background-color:#366d6d; }
#app button.active { color:#fff; cursor:pointer; }

#application button { width:100%; padding:10px; font-size:16px; font-weight:700; color:#fff; letter-spacing:1px; text-transform:uppercase;
	background-color:#0a447b; cursor:pointer; }
#application button span { display:block; color:#fff; font-size:12px; }
#application button:focus, #application button:hover { background-color:#053052; }
#application button:active { -moz-box-shadow:inset 0 0 5px #295353; -webkit-box-shadow:inset 0 0 5px #295353; box-shadow:inset 0 0 5px #295353; }
.grecaptcha-badge { display:none; }
.grecaptcha-text { padding:10px; margin:0 !important; font-size:12px; line-height:15px; text-align:center; }

#submission-message { padding-bottom:25px; text-align:center; background-color:transparent !important; }

/* commented out by CW, 2017-09-01
#submission-message, #form iframe { display:none; }
*/

/* added a specific ID to the submission iframe, so that the rule above won't hide the recaptcha iframe */
#submission-message, #submission-iframe { display:none; }

/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media
  only screen and (-webkit-min-device-pixel-ratio:2),
  only screen and (min-resolution:192dpi) {
  .landing .header-image { background-image:url('../graphics/2x/350hdr_about.jpg'); background-size:350px 250px; }
}


@media only screen and (min-width:350px) {
  .landing .header-image { background-image:url('../graphics/600hdr_about.jpg'); }

  @media
    only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-resolution:192dpi) {
    .landing .header-image { background-image:url('../graphics/2x/600hdr_about.jpg'); background-size:600px 250px; }
  }
}

@media only screen and (min-width:390px) {
  #exec-bios h3 span { display:inline-block; }
  #exec-bios h3 span::before { content:'— '; }
}

@media only screen and (min-width:600px) {
  .landing .header-image { background-image:url('../graphics/768hdr_about.jpg'); }
  #app .container-fields { float:left; width:50%; }
  #app .right-fields { border-left:1px solid #366d6d; }
  #app .container-fields textarea { min-height:282px; max-height:282px; resize:none; }

  @media
    only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-resolution:192dpi) {
    .landing .header-image { background-image:url('../graphics/2x/768hdr_about.jpg'); background-size:768px 250px; }
  }
}

/* Maximal Width */
@media only screen and (min-width:1024px) {
  .landing .header-image { background-image:url('../graphics/1024hdr_about.jpg'); }
  .min-extend { min-height:310px; }
  section h4 { padding:0 16px; }
  ul.files { padding-left:34px; }

  .container-fields input, .container-fields select, .container-fields textarea {
  padding:10px 16px; }
  .container-fields .primary-label { padding:10px 16px 5px; }
  .req:after { right:16px; }
  .secondary-label { padding:3px 16px 10px; }
  .styled-select .fa-chevron-down { right:15px; }
  .styled-select select { padding:10px 12px; }

  @media
    only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-resolution:192dpi) {
    .landing .header-image { background-image:url('../graphics/2x/1024hdr_about.jpg'); background-size:1024px 250px; }
  }
}
@media only screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:0) {
  .styled-select select { padding-left:16px; }
  .container-fields textarea { padding:10px 13px; }
}

@media only screen and (max-width:400px) {
  article table td { display:block; }
}

@media only print {
  .main-container { border:0; background-color:white; }
  .header-image { height:auto; background-color:transparent !important; 
  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
  .landing .header-image { background:transparent; }
  .header-content { position:static; color:#000 !important; text-shadow:none; }
  article { background-color:white; border-top:0; }
  .fa-arrow-circle-up, .fa-arrow-circle-down, .fa-chevron-up, .fa-chevron-down { display:none; }
  section .sect { border-top:0; border-bottom:0; }
  section, section .nosegment, section h3, section .sect > .subsect { background-color:white !important; }
}