/*This file is invoked from function sd350_node_load in the sd350 Drupal module.*/

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");


body {
  color: #000;
  background: #fff;
  /*font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
  font: normal 12pt/1.5 Arial, Helvetica, sans-serif;
} 

p {
  margin: 0;
}

div.fieldset-wrapper {
  font-size: 16px;
  padding: 8px;
  margin: 0; 
  
}

div.webform-component--status {
  font-size: 16px;
  padding: 8px; 
  /*font-weight: bold;*/
}

div.if-not-correct {
  font-size: 14px;
}

div.webform-component--message--privacy {
  font-size: 12px;
  font-style: italic;
}

figure {
  float: left;
  -webkit-margin-before: 15px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin-left: 0;
  margin-right: 0px;
  display: inline-grid;
  float: left;
  max-width: 400px;
  padding-right: 20px;
}

/*top photo*/
figure img { 
  width: 100%;
}

figure > figcaption {
  font-size: 12px;
  text-align: center;
  font-style: italic;
}

#footer { /*sd350 logo*/
  width: 92% !important;
  max-width: 400px;
  height: unset !important;
}

.hidden {display: none;}

#header {display: none;}

.breadcrumb {display: none;}

div.meta.submitted {display: none;}

div#footer-wrapper {display: none;}
/*
h2, h3 {
  line-height: 1em;
}
*/

#page {
  height: 0%;
  min-width: 480px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}


legend {display: none !important;}

div#sidebar-first {display: none;}

#page-wrapper {
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}


#header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer {
  width: unset;
}

div.form-item.webform-component.webform-component-civicrm_contact.static.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-contact-existing {
  display: none;
}

#footer1XXX {
  max-width: 480px;
  min-width: 0;
  width: 100%;
  height: auto;
}


/*2nd content div, parent of form*/
div.content div#node-81.node.node-webform.clearfix div.content {  
  margin-right: 390px;
  min-width: 300px;
  padding-left: 10px;
  position: relative;
}

/*text block*/
/*
html.js body.html.not-front.not-logged-in.no-sidebars.page-node.page-node-.page-node-81.node-type-webform div#page div#content.clearfix div.region.region-content div#block-system-main.block.block-system div.content div#node-81.node.node-webform.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden {
  //min-width: 300px;
  //position: relative;
}
*/

form {
  border: 3px solid #73AD21;
  display: block;
  position: absolute;
  right: -380px;
  top: 190px;
  width: 350px;
  margin-right: 0px;
  margin-top: 10px;
}

/*Items within submission form*/
.form-item {
  padding: 4px 0;
  margin: 0 0 5px;
}

input[disabled=""] {
  background: lightgrey;
}

/*Submit button*/
input.webform-submit.button-primary.form-submit {
  margin-left: 10px;
  color: #000000;
}

fieldset.webform-component-fieldset.webform-component--civicrm-1-contact-1-fieldset-fieldset.form-wrapper,
fieldset.webform-component--message {
  border: none;
  margin: 0;
  padding: 0;
}

.webform-component--message--personalize-your-message {
  font-size: 16px;
  padding: 0px;
  font-weight: bold;
  /*color: hotpink;*/
}


/*Progress bar*/
div.field.field-name-pgbar-default.field-type-pgbar.field-label-above {
  display: block;
  position: absolute;
  right: -380px;
  top: -15px;
  width: 330px;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border: 3px solid #0000FF;
  background-color: #F0F0FF;
}

/*Progress bar background color*/
.pgbar-bg {
    background-color: #ffE0E0;
}

div.field.field-name-pgbar-default.field-type-pgbar.field-label-above div.field-label {
  display: none;
}

/*
label,
label.option[for=edit-submitted-civicrm-1-contact-1-fieldset-fieldset-civicrm-1-contact-1-cg1-custom-147-1] {
  font: normal 12pt/1.5 Arial, Helvetica, sans-serif;
  font-weight: bold;
}
*/

/*
input.webform-submit.button-primary.form-submit {
    display: float;
    position: relative;
    top: -70px;
}
*/

.form-item, .form-actions {
    margin-top: 0;
    margin-bottom: 0;
}  
 
label[for=edit-submitted-public-data-notice] {
    position: relative;
    top: 80px;
    left: 20px;
    padding-right: 20px;
    display: block;
    display: none;
}

div.webform-component--civicrm-1-contact-1-fieldset-fieldset--email-subject,
div.webform-component--civicrm-1-contact-1-fieldset-fieldset--email-message {
  display: none;
}    

textarea#edit-submitted-message-email-subject,
textarea#edit-submitted-message-email-message {
  font-size: 12pt;
}

div.form-item.webform-component.webform-component-textarea.webform-component--message--email-subject > label, 
div.form-item.webform-component.webform-component-textarea.webform-component--message--email-message > label {
  font-size: 12.5pt;
} 

ul p {
    margin: 0.5em 0;
}


ul.square {
  list-style-type: square;
}

ul.circle{
  list-style-type: circle;
}

.webform-component--message--when-youre-done {
  font-weight: bold;
  padding-top: 18px;
}

div.background-info {
  padding: 8px;
  background: navajowhite;
  border: black;
  border-width: 2px;
  border-style: solid;
} 

/*
input {
  //width: 50%;
}
*/

/*
Xdiv.field.field-name-body.field-type-text-with-summary.field-label-hidden div.field-items div.field-item.even p span img {
  max-width: 480px;
  margin-right: 10px;
  width: 92% !important;
  height: auto !important;
}

X.webform-component-markup.webform-component--logo-bottom p b img {
  max-width: 300px;
  margin-right: 10px;
  width: 92%;
  height: auto;
}
*/