/* 
 Theme Name:     Grace at Work
 Author:         Grace at Work
 Author URI:     https://graceatworkweb.com
 Template:       Divi
 Version:        1.0
 Description:    A child theme created for Grace at Work clients.
*/ 

/*----------Scroll bar ------------*/
::-webkit-scrollbar {
	width: 15px;
}
::-webkit-scrollbar-track {
	background-color: #E6E6E6;
	border-radius: 2px;
}
::-webkit-scrollbar-thumb {
	background-color: #D06119;
	border-radius: 2px;
}

/* ---------  GRAVITY FORMS  --------- */

/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #ffffff;
 border: none;
 border-radius: 0;
 color: #48484a !important;
 padding: 15px !important;
}

/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
 float: left;
 background: #f58967;
 border: 2px solid #f58967;
 font-size: 18px;
 font-family: 'montserrat';
 font-weight: 800;
 color: #ffffff;
 padding: 14px 25px;
 border-radius: 0px;
 letter-spacing: 2px;
 cursor: pointer;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover, .mailster-form .submit-button:hover {
 background: #7b354b;
 color: #ffffff;
 border: 2px solid #7b354b;
 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);

}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
}

.gform_wrapper .gform_footer {
    padding: 0px 0 10px !important;
}

.gform_confirmation_message_1 gform_confirmation_message {
    color: #fff !important;
}

/*** PLACEHOLDER ***/
::-webkit-input-placeholder {
    /* Chrome */
    color: #48484a !important;
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: #48484a !important;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #48484a !important;
}
:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #48484a !important;
}

/*** FIELD FOCUS STYLING ***/
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}
/*** MESSAGE BOX TRANSITION ***/
.gform_wrapper textarea.medium {
    margin-top: 6px;
    height: 10em;
    transition: height .3s ease-out;
}
/*** MESSAGE BOX FOCUS HEIGHT ***/
.gform_wrapper textarea.medium:focus {
    height: 18em;
}

@media only screen and (max-width: 641px) {
.gform_wrapper .ginput_container span:not(.ginput_price) {
    margin-bottom: 16px !important; }
}

@media only screen and (min-width: 641px) {
.gform_wrapper form {
    padding-left: 16px; }
}

/*** CHECKBOXES ***/

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
 font-weight: normal;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
 visibility: hidden;
 margin: 0;
 width: 0!important;
}

.gform_wrapper input[type=checkbox] + label {
 font-size: 16px;
}

input[type=checkbox] + label:hover {
 cursor: pointer;
}

input[type=checkbox] + label:before {
 font-family: "ETmodules" !important;
 font-size: 30px;
 position: relative;
 top: 0.3em;
 margin-right: 0.2em;
}

.gform_wrapper li.gf_list_inline ul.gfield_checkbox li {
 display: -moz-inline;
 display: inline;
}

input[type=checkbox] + label:before {
 content: '\56';
}

input[type=checkbox] + label:hover:before {
 content: '\5a';
 filter: alpha(opacity=40);
 opacity: 0.4;
}

input[type=checkbox]:checked + label:before {
 content: '\5a';
 color: #58aee4;
}

input[type=checkbox]:checked + label:hover:before {
 color: #58aee4;
 filter: alpha(opacity=100);
 opacity: 1;
}

/*** GRAVITY RADIO BUTTONS ***/

.gform_wrapper ul.gfield_radio li input[type=radio] {
 visibility: hidden;
 margin: 0;
 width: 0!important;
}

.gform_wrapper input[type=radio] + label {
 font-size: 16px;
}

input[type=radio] + label:hover {
 cursor: pointer;
}

input[type=radio] + label:before {
 font-family: "ETmodules" !important;
 font-size: 30px;
 position: relative;
 top: 0.3em;
 margin-right: 0.2em;
}

.gform_wrapper li.gf_list_inline ul.gfield_radio li {
 display: -moz-inline;
 display: inline;
}

input[type=radio] + label:before {
 content: '\5b';
}
input[type=radio] + label:hover:before {
 content: '5c';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=radio]:checked + label:before {
 content: '\5c';
 color: #A2D400;
}
input[type=radio]:checked + label:hover:before {
 color: #A2D400;
 filter: alpha(opacity=100);
 opacity: 1;
}

.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
 font-weight: normal;
}
/*** SUCCESS MESSAGE ***/
.gform_confirmation_wrapper {
 background: #fff;
 padding: 15px;
}

/*** FIX FIRST FIELD SPACE ISSUES ***/
#gform_wrapper_1 li.hidden_label input, #gform_wrapper_1 div.ginput_container_phone, #gform_wrapper_1 div.ginput_container_email {margin-top:0;}
#gform_wrapper_1 span.name_first input, #gform_wrapper_1 span.name_last input {margin-bottom:0;}

@media only screen and (min-width: 641px){
.gform_wrapper form {
    padding-left: 0px;
	}}

.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
	margin:0;
}