/*
 Theme Name:   Divi (CRU)
 Theme URI:    https://cru-inc.com
 Description:  Child Theme for Divi
 Author:       CRU
 Author URI:   https://cru-inc.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


/** Hidden Inquiry - displays on product pages as a popup window for more information **/

.hiddenInquiryForm, .hiddenInquiryStatusMessage {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}


/* Style for the contact form and status messages */

.hiddenInquiryForm, .hiddenInquiryStatusMessage {
  z-index:9001;
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}


/* The form dimensions */

.hiddenInquiryForm {
  width: 40em;
  height: 33em;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
}


/* Position the form in the middle of the window (if JavaScript is enabled) */

.hiddenInquiryForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}


/* Dimensions and position of the status messages */

.hiddenInquiryStatusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hiddenInquiryStatusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}




/* The fields */



/* Place a border around focused fields, and hide the inner shadow */

.hiddenInquiryForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */

.hiddenInquiryInput:valid, .hiddenInquiryInput:valid {
  background: #dfd;
}


/* The Send and Cancel buttons //red next button = cb2c30 */



#hiddenInquirySendMessageButton, #hiddenInquiryCancelButton {
  float: right;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #cb2c30;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
}

#hiddenInquirySendMessageButton:hover,
#hiddenInquirySendMessageButton:active,
#hiddenInquiryCancelButton:hover,
#hiddenInquiryCancelButton:active {
  cursor: pointer;
  opacity: 1;
}

#hiddenInquirySendMessageButton:active, #hiddenInquiryCancelButton:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

#hiddenInquiryCancelButton {
  background: #9b9b9b;
}