/*-------------------------------------------------------
Theme Name: Divi Child Theme
Description: A child theme template for Divi
Author: Divi Cake
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

#et-info{ float:right !important;}
#et-info-phone a {font-weight:700 !important; }
#et-info-phone::before{ display: none;}
#et-info-email::before{ display: none;}

/*--Plan and Pricing--*/

#plans_1{ width:38% !important;}
#plans_2{ width:22% !important;} 
#plans_3{ width:20% !important;} 
#plans_4{ width:20% !important;} 



#plans_2 h2::before { position: absolute; left: 0; content: url(https://sales3.org/pp-dev/deoxycommerce/wp-content/uploads/2020/03/arrow.png); top: -12px;}

#plans_pricing_2{ display: none;}
#footer_1{ width:15% !important;} 
#footer_2{ width:15% !important;}
#footer_3{ width:22% !important;} 
#footer_4{ width:48% !important;}

.phone_icon:before{ position:relative; content:url('https://sales3.org/pp-dev/deoxycommerce/wp-content/uploads/2020/03/mail-1.png'); top:3px; left:-3px;}
.phone_icon{ position:absolute; }
.mail_icon:before{ position:relative; content:url('https://sales3.org/pp-dev/deoxycommerce/wp-content/uploads/2020/03/phone-1.png'); top:3px; left:-3px;}
.mail_icon{ position:absolute; }

.footer_nav li a { padding-left: 15px; }
.footer_nav { display: inline-flex; float: right; padding-left:0px !important; }
#footer-info { font-size: 14px !important; text-align: center !important; float: none; }
#mobile_menu { background: rgba(33,33,33,0.67) !important; } 
.mobile_menu_bar::before{ color:#ff9801 !important;}
.et_mobile_menu{ border-top: 3px solid #ff9801;}

/* validation css */
.validation_error, .instruction.validation_message {display:none;}
.gfield_description.validation_message {padding:0 !important;color:#c1272a !important;}
.gform_wrapper li.gfield.gfield_error {background:none !important;border:none !important;}
.gfield_error input{border:1px solid #c1272a !important;}

/* common css */
body .gform_wrapper ul li.gfield,input{margin-top:0px !important}
.gform_wrapper .gform_footer{padding-top:0px !important;margin-top:0px !important}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"]{margin-bottom:0px !important}
input,textarea{padding:12px !important;}
.gform_wrapper textarea{height:200px !important}
.gform_wrapper li{margin-bottom:18px !important} 
.gform_footer input{color:#fff !important; border-radius: 0px;letter-spacing: 1px;font-size: 14px;font-weight: 700 !important;text-transform: uppercase !important;	background-color: #ff9801; cursor:pointer;border:1px solid #ff9801 !important; padding:12px 30px !important; letter-spacing:1px !important;}
body .gform_wrapper .top_label div.ginput_container{ margin-top:0px !important;}

.gform_wrapper li.gfield.gfield_error { padding-top: 0px !important; }

@media only screen and (max-width: 1600px){
	#Eshare_work{ margin-right:0px !important;}
}

@media only screen and (max-width: 1200px){
	#plans_1 h3 { font-size: 30px; }
	#plans_2 h2 { font-size: 120px; }
	#plans_2 p { font-size: 15px; }
}

@media only screen and (max-width: 1024px){
	#footer_1{ width:30% !important;} 
	#footer_2{ width:30% !important; padding-left:60px !important; }
	#footer_3{ width:40% !important;} 
	#footer_4{ width:100% !important; margin-top:30px; }
	.footer_nav{ float:left; padding-bottom:0px !important; }
	#plans_pricing_1{ display: none;}
	#plans_pricing_2{ display: flex;}
}

@media only screen and (max-width: 980px){
	#Eshare_work{ margin-right:auto !important;}
	.benefit{ margin-bottom:70px !important;}
	#footer_1{ width:30% !important;} 
	#footer_2{ width:30% !important; padding-left:40px !important;}
	#footer_3{ width:40% !important;} 
	#footer_4{ width:100% !important;}
}

@media only screen and (max-width: 480px){
	#footer_1{ width:100% !important; } 
	#footer_2{ width:100% !important; padding-left: 0px !important; margin-top:25px !important;}
	#footer_3{ width:100% !important; margin-top:20px !important;} 
	#footer_4{ width:100% !important; margin-top:20px !important;}
	.footer_nav{ display: inline-block;}
	.footer_nav li a { padding-left: 0px !important; }
}

