@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('../../../about/assets/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, aside { border-top:1px solid #33180a; }
article p { margin:10px 0; }
.text-content { padding-top:5px; padding-bottom:5px; background-color:#dbfffb; }

.action { padding:0 !important; border-top:1px solid #33180a; }
.disclaimer { position:relative; padding:15px 10px 15px 56px;
  font-style:italic; color:#366d6d; background-color:rgba(255,255,255,0.50); }
.disclaimer::before { content:'!'; position:absolute; top:15px; left:10px; width:36px; height:36px;
  font-size:30px; line-height:35px; font-weight:700; text-align:center; color:#fff;
  background-color:#9cc; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;
  -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip:padding-box; }

.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; padding:2px 12px; margin:8px 0; background:#99522e; box-shadow:0 0 2px #000;
  border-width:0 0 1px; border-style:solid; border-color:#000; border-radius:4px; transition:all ease .3s; }
.method-button:hover span, .method-button:focus span { background:#b3653e; }

section ul { padding:0 10px 0 25px; }


/* Registration form */
.form { background-color:#dbfffc; }
#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; 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 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 textarea { min-height:100px; overflow-y:auto; resize:vertical; }
.container-fields input:focus, .container-fields textarea:focus { background-color:#fff; }

.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 .six-digit { width:55px; }
.aligned-group .field-mid { text-align:center; }

.focused { background-color:#fff; }

.field-required, .field-error { position:relative; padding:10px; font-size:12px; line-height:14px; font-weight:500; color:#fff; background-color:#5B2626; }
.field-required span, .field-error span { display:inline-block; }
.field-required::before, .field-error::before { content:''; position:absolute; top:-5px; left:30px; z-index:2; pointer-events:none; width:10px; height:10px;
	-webkit-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg);
	background-color:#5B2626; }

.container-terms { padding:10px; border-bottom:1px dotted #366d6d; }
.container-terms span { display:inline-block; }

.form button { width:100%; padding:10px; font-size:16px; font-weight:700; color:#fff; letter-spacing:1px; text-transform:uppercase;
	background-color:#366d6d; cursor:pointer; }
.form button span { display:block; color:#fff; font-size:12px; }
.form button:focus, .form button:hover { background-color:#3F8080; }
.form 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-top:10px; font-size:12px; line-height:15px; text-align:center; }

#submission-message { text-align:center; }
#submission-message h2 { padding:15px 10px 0; margin:0; font-size:18px; font-weight:500; line-height:1.2em; }
#submission-message p { padding:10px 10px 0; margin:0; }
#submission-message span { display:inline-block; }

#enrollment-form iframe { width:100%; height:110px; margin:0; background-color:#dbfffb; }

.field-required, .field-error, #enrollment-form 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('../../../about/assets/graphics/2x/350hdr_about.jpg'); background-size:350px 250px; }
}


@media only screen and (min-width:350px) {
  .landing .header-image { background-image:url('../../../about/assets/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('../../../about/assets/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('../../../about/assets/graphics/768hdr_about.jpg'); }

  .field-address { width:50%; }
  .field-city { width:25%; }
  .field-state { width:10%; } .field-zip { width:15%; }

/*  .container-fields { float:left; width:50%; }
  .left-fields { border-right:2px solid #366d6d; }
  .right-fields { padding-bottom:70px; border-left:2px solid #366d6d; border-bottom:1px dotted #366d6d; }*/

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

/* Maximal Width */
@media only screen and (min-width:1024px) {
  .landing .header-image { background-image:url('../../../about/assets/graphics/1024hdr_about.jpg'); }
  .disclaimer { padding:15px 10px 15px 62px; }
  .disclaimer::before { left:16px; }

  section ul { padding:0 10px 0 31px; }

  .container-fields input, .container-fields textarea, .container-terms { padding:10px 16px; }
  .container-fields .primary-label { padding:10px 16px 5px; }
  .req:after { right:16px; }
  .secondary-label { padding:3px 16px 10px; }
  .aligned-group { padding:10px 16px; }
  .aligned-group input { padding:0; }
  .field-required, .field-error { padding:10px 16px; }
  .field-required span, .field-error span { display:inline-block; }

  @media
    only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-resolution:192dpi) {
    .landing .header-image { background-image:url('../../../about/assets/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; }
}