/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.4.8.1591917334
Updated: 2020-06-11 23:15:34

*/

/** GRAVITY FORMS CSS **/

.gform_wrapper.gf_browser_chrome
.gform_body {
  width: 100% !important;
}

.quiz-header {
  font-size: 26px !important;
}
.quiz-sub-header {
  font-size: 20px !important;
  margin-top: 20px;
}

.congrats-header {
  font-size: 26px !important;
   line-height: 1.3em !important;
}

.results-header {
  font-size: 20px !important;
   line-height: 1.5em !important;
}

/*** MAIN GRAVITY WRAPPER ***/
.gform_wrapper {

}

.gform_page_fields {
  font-size: 24px;
}


.gfield {
  padding-bottom: 5px !important;
}

.gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0 !important;
}

#input_4_5 {
  color: #929191;
  background: #fff;
	border: none;
	font-size: 16px;
	font-weight: 600;
	padding:17px 15px !important;
  letter-spacing: 2px !important;
  border-radius: 4px !important;
  -webkit-appearance:none;
}

.gfield_checkbox {
  color: #2b2b2b;
}


/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper  .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  color: #2b2b2b;

}

.gform_wrapper textarea.medium {
    margin-top: 6px;
    height: 10em;
    transition: height .3s ease-out;
}

/*** FIELD STYLING ***/
.gform_wrapper ul.gform_fields li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 0;
}
input[type=text],
textarea {
    background: #fff;
    border: 1px solid #4d4d4d;
    border-radius: 4px !important;
     color: #000 !important;
    font-weight: 600 !important;
  	font-size: 12px !important;
    letter-spacing: 2px !important;
   padding: 8px 8px !important;
}
/*** FIELD FOCUS STYLING ***/
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
}

li.gfield {
  margin-top: 0px !important;
}
/*** MESSAGE BOX TRANSITION ***/

/*** MESSAGE BOX FOCUS HEIGHT ***/
.gform_wrapper textarea.medium:focus {
    height: 10em;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
  font-size: 14px;
}
.gform_wrapper input[type=submit] {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 10px 12px;
    border-radius: 0;
    background: #9e0101;
    color: #FFF !important;
    border: 2px solid #9e0101;
    transition: box-shadow .2s ease-in-out;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper input[type=submit]:hover {
    background: rgba(22,170,50,0);
  border: 2px solid #9e0101;
  color: #9e0101 !important;
}

/*** PLACEHOLDER ***/
::-webkit-input-placeholder {
    /* Chrome */
    color: hsla(0,0%,18%,0.85) !important;
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: hsla(0,0%,18%,0.85) !important;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: hsla(0,0%,18%,0.85) !important;
}
:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: hsla(0,0%,18%,0.85) !important;
}

.gform_next_button {
    cursor: pointer;
  width: 250px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 17px 15px;
      background-color: #9e0101;
    color: rgb(255,255,255);
  	border-radius:8px;
    transition: box-shadow .2s ease-in-out;
}

.gform_next_button:hover {
    background-color: #9e0101;
  opacity: .8;
    color: #fff;
  transition: .2s ease-in-out;
  letter-spacing: 3px;
}

.gform_previous_button {
  cursor: pointer;
  width: 250px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 17px 15px;
   background-color: #9e0101;
    color: rgb(255,255,255);
  	border-radius:8px;
    transition: box-shadow .2s ease-in-out;
}

.gform_previous_button:hover {
     background-color: #9e0101;
  opacity: .8;
    color: #fff;
  transition: .2s ease-in-out;
  letter-spacing: 3px;
}

.gform_wrapper .percentbar_blue {
      background-color: #9e0101 !important;
}

@media only screen and (max-width: 600px) {
 
  .quiz-header {
  font-size: 20px !important;
    line-height: 1.3em;
}
.quiz-sub-header {
  font-size: 16px !important;
  margin-top: 20px;
  line-height: 1.3em;
}
  
.congrats-header {
  font-size: 20px !important;
   line-height: 1.3em;
}

.results-header {
  font-size: 16px !important;
   line-height: 1.3em !important;
}

  .gform_wrapper  .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  color: #2b2b2b;
	font-size: 16px !important;
  line-height: 1.3em;
}

.gfield_radio {
  font-size: 16px !important;

}
  
  
  .gf_left_half {
  padding: 0px;
}

.gf_right_half {
  padding: 0px;
}

.gfield {
  padding: 0px;
}

.gform_next_button {
    cursor: pointer;

  margin-left: auto !important;
  margin-right: auto !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 5px 5px;
     background-color: #9e0101;
    color: rgb(255,255,255);
  	border-radius:8px;
    transition: box-shadow .2s ease-in-out;
}

.gform_previous_button {
  	cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 5px 5px;
    background-color: #9e0101;
    color: rgb(255,255,255);
  	border-radius:8px;
    transition: box-shadow .2s ease-in-out;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    width: 100% !important;
  font-size: 14px;
}
.gform_wrapper input[type=submit] {
    cursor: pointer;
	width: 100% !important;
    text-transform: uppercase;
	text-align: center !important;
    font-weight: 700;
    letter-spacing: 1px;
  	font-size: 14px;
    padding: 10px 12px;
    border-radius: 0;
    background: #9e0101;
    color: #FFF !important;
    border: 2px solid #9e0101;
    transition: box-shadow .2s ease-in-out;
}
	
/*** FIELD STYLING ***/
.gform_wrapper ul.gform_fields li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 0;
}
input[type=text],
textarea {
    background: #fff;
    border: 1px solid #4d4d4d;
    border-radius: 4px !important;
     color: #2b2b2b !important;
    font-weight: 600 !important;
  	font-size: 15px !important;
    letter-spacing: 2px !important;
    padding: 5px 5px !important;
}
/*** FIELD FOCUS STYLING ***/
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
}
}

/** END GRAVITY FORMS CSS **/