/*
Theme Name: bigeasydrainage
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the bigeasydrainage team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

#gform_5 label {color: #fff!important}
#gform_5 .gform_drop_instructions {color: #fff!important}
 

.webLeadForm__outerDiv { width: 100%; /*background-color: #EFEFEF;*/ color: #000000; position: relative; padding-top: 20px; padding-bottom: 20px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.webLeadForm__form { margin: 0; width: 100%; }
.webLeadForm__fieldDiv { margin: 0 20px 15px 20px; }
.webLeadForm__messageSentDiv { display: none; justify-content: center; align-items: center; flex-direction: column; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; }
.webLeadForm__messageSent { font-weight: bold; font-size: 18px; }
.webLeadForm__successMessage { font-size: 13px; margin-top: 20px; }
.webLeadForm__label { padding-bottom: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.webLeadForm__inputDiv { display: flex; justify-content: center; align-items: center; }
.webLeadForm__input { width: 100%; border-radius: 6px; border: none; font-size: 18px; padding-left: 5px; padding-right: 5px; }
input.webLeadForm__input { height: 40px; }
textarea.webLeadForm__input { font-family: inherit; padding-top: 5px; padding-bottom: 5px; resize: none; }
.webLeadForm__stateZipDiv { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin: 0 20px 15px 20px; }
.webLeadForm__stateZipDiv .webLeadForm__fieldDiv:first-child { margin: 0 10px 0 0; width: 50%; }
.webLeadForm__stateZipDiv .webLeadForm__fieldDiv:last-child { margin: 0 0 0 10px; width: 50%; }
.webLeadForm__submitDiv { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; }
.webLeadForm__submit { background-color: #000000; color: #FFFFFF; margin-left: 20px; padding: 8px 20px; font-size: 13px; font-weight: 600; border-radius: 6px; border: none; cursor: pointer; text-transform: uppercase; }
.modal-body .form-title {color: #fff;}
.webLeadForm__label label {color: #fff;}
.quote-parent a.default-btn strong{ color:#000;}
.quote-parent a.default-btn:hover strong{ color:#fff;}
.webLeadForm__label.webLeadForm__requiredLabel {color: #fff;}
.webLeadForm__messageSentDiv {color: #fff;}
.quote-parent {position: fixed;right: -78px;top: 50%;transform: translateY(-50%);z-index: 99;transform: rotate( 270deg );}
.quote-parent a.default-btn {padding: 14px 25px;font-size: 20px;border-radius: 4px;text-transform: uppercase;}

.quote-parent a.default-btn strong{ color:#FFEB01;}
.default-page-section.xxd {
	background: #F2F4FC;
	margin-bottom: 20px;
}
@media(max-width:1499px){   
.quote-parent a.default-btn { padding: 8px 15px; font-size: 16px; min-width: auto; }
.quote-parent { right: -58px; }
}
@media(max-width:1199px){   
.quote-parent a.default-btn { padding: 8px 15px; font-size: 16px; line-height: 24px; }

}
@media(max-width:812px){   
.quote-parent a.default-btn { padding: 8px 20px; font-size: 14px; line-height: 20px; }
.quote-parent { right: -60px; }
.modal-body .form-title{ text-align:center;}
.banner-form { padding: 10px;}
}