/* CSS for Feedback contact form, and terms of use sections
   of AllAboutLisa.com 
   Copyright 2017
   Development by EmagineEngine.com
*/
/* layout of footer */

#footer {
   margin: 20px 0 0px 0;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 /*  align-items: stretch; */
   justify-content: space-between;
}

/* style of footer */

#footer {
   color: #E6E6E6;
}

/* container box for feedback and contact form */
#feedbackSection {
   display: flex;
   justify-content: center;
}
#containerClear {
   max-width: 1000px;
   width: 100%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}


/* Layout of Feedback and Contact form */

/*
#containerClear .gutter, #feedbackColumn, #contactLisaColumn {
   border: 2px solid red;
}
*/

#contactLisaColumn, #feedbackColumn {
   width: 450px;
}

/*
.problemfield {
   border-top: 2px;
   border-color: red;
}
*/

#contactInfo {
   margin-bottom: 10px;
}

.formInput {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
}

label {
   padding-top: 5px;
   margin: 10px 0px;
   padding-right: 1em;
   min-width: 108px;
}

#contactLisaColumn input, textarea {
   width: 80%;
   padding: 10px;
   margin: 4px 0px;
   border: 0px; 
}

#formCheckbox {
   display: flex;
   flex-direction: row-reverse;
   float: left;
}
#formCheckbox input#quotable {
   width: 1.5em;
   margin-right: 1em;
   padding-left: 0;
}


textarea {
   height: auto;
   min-height: 100px;
}

#buttonbox {
   width: 350px;
   padding-right: 20px;
   margin-top: 10px;
}

/* form errors */

#contactLisaColumn .err {
   border-left: 1em solid red;
}

/* Style of Feedback */


#feedbackColumn {
   text-align: right;
   color: #E6E6E6;
   font-size: 1.1em;
}

h3#commentTitle {
   font-size: 1em;
   font-weight: normal;
   color: #E6E6E6;
}

.theComment {
   font-weight: bold;
   font-style: normal;
}


.theComment::before {
   content: "\0022";
}

.theComment::after {
   content: "\0022";
}

.oneComment {
   padding: 1em 0 1.5em 0;
}

.theSource {
   font-size: 1em;
}

/* Style of Contact Form */

#contactDivider {
   display: none;
}

#contactLisaColumn {
   text-align: left;
   color: #B45985;
}

h3#contactTitle {
   color: #B45985;
   font-size: 1em;
   font-weight: normal;
}

#contactInfo {
   font-size: 1.1em;
}
#contactHint {
   font-size: 1em;
}

.emailHint {
   color: #B45985;
   display: none; /* not used right now */
}
.emailWarning {
   color: #E6E6E6; 
   font-weight: normal;
   display: block;
}

#buttonbox input[type=submit] {
   background-color: #B45985;
   color: white;
   font-size: 1.3em;
   padding: 10px;
   border: none;
   border-radius: 12px;
   width: 155px;
   cursor: pointer;
   margin: 0;
}


#email2 {
   display: none;
}

::placeholder {
   color: #B45985;
   opacity: 1; /* Firefox */
 }

 #formCheckbox {
   accent-color:  #B45985;
 }

 /* Contact Form Interactions */

 #buttonbox input[type=submit]:hover {
   opacity: 75%;
}


/* Layout of Terms of Use section */

#termsBox {
padding: 30px;
margin: 2em 0;
}



/* Style of Terms of Use section */

h3#termsTitle {
   color: #B45985;
   font-size: 1.1em;
   font-weight: normal;
   text-align: center;
}

#termsBox {
   border: 2px solid #262626;
   color: #E6E6E6;
   font-size: 16px;
}

/* termslist */

dl#termsList dt {
   color: #B45985;
   padding: 15px 0 15px 0;
   font-weight: bold;
}

dl#termsList dd {
   line-height: 1.5;
}

dl#termsList dd ul {
   padding-left: 20px;
}


dl#termsList dd ul li {
   list-style-type: square;
   color: #B45985;
}

dl#termsList dd ul li span {
   color: #E6E6E6;
}