/*-------------------------------------------------------
Theme Name: Divi Child Theme
Description: A child theme template for Divi
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
body{font-weight: 400!important;}
.menu-style .et_pb_menu .et-menu>li {padding: 0px 20px !important;}
/*Top menu button*/
.top-btn{transition: all 0.3s ease-in-out;}
.top-btn a{border-radius: 10px;border:none!important;background:#3A50A1;padding:15px 20px !important;opacity: 1!important;transition: all 0.3s ease-in-out;font-weight: 500!important;}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .top-btn a:last-child{color: #fff!important;}
.et_pb_menu_0_tb_header .et_mobile_menu .top-btn a:last-child{color: #fff!important;}
.et_pb_menu .et_pb_menu__menu>nav>ul>li{align-items:center!important;}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header .top-btn a:hover:last-child {color: #fff !important;}
.top-btn a:hover{background:#fff;opacity: 1!important;}
.top-btn:hover{transform: translateY(-7px);transition: ease-in-out 0.2s;}
.btn-style .et_pb_button{transition: all 0.3s ease-in-out;}
.btn-style .et_pb_button:hover{transform: translateY(-7px);}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select, .gform_wrapper.gravity-theme textarea {max-width: 100%;border: 1px solid #CCC;border-radius: 5px;padding: 12px 10px !important;}
.gform_wrapper.gravity-theme .gform_footer input{margin-bottom: 0px !important;font-size: 16px !important;background-color: #3a50a1;border: 2px solid #3a50a1;color: #fff;font-weight: bold;text-transform: uppercase;padding: 12px 35px !important;border-radius: 10px;cursor: pointer;}
.gform_wrapper.gravity-theme .gform_footer input:hover {background-color: #fff;color: #000;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {	background: transparent !important;	border: none !important;	font-size: 12px !important;	margin-top: 0px !important;	padding: 0px !important;	font-weight: 400;}

/*bullets point*/
.check-list ul{list-style:none;padding:0px !important;margin:0px !important;}
.check-list ul li{display:block;position: relative;padding-left: 25px;margin-bottom:10px;vertical-align:top;}
.check-list ul li::before{content:"\f105";font-family:FontAwesome;color:#000;position:absolute;left:0px;top:0px;font-size:22px;}
/*sidebar*/
.sidebar .wp-block-search__button{width:auto !important;color:#fff!important;background:#3A50A1!important;font-weight:bold;border:1px solid #3A50A1;}
.sidebar .wp-block-search__button:hover{color:#fff!important;background:#000!important;}
.et_pb_widget .wp-block-search__input, .widget_search #s{border:1px solid #000;}
/*Tool & Die css*/
.tool-die-bg {position: relative;overflow: hidden;}
.tool-die-bg::before,.tool-die-bg::after {position: absolute;content: '';opacity: 0;transform: translateY(30px);transition: all 0.8s ease-out;z-index: 1;}
/* Triggered on scroll */
.tool-die-bg.animate::before {opacity: 1;transform: translateY(0);transition-delay: 0.3s;}
.tool-die-bg.animate::after {opacity: 1;transform: translateY(0);transition-delay: 0.6s;}
/* Services css */
.flex-arrow-btn .et_pb_button_module_wrapper {position: relative;}
/* Add arrow using CSS before */
.flex-arrow-btn .et_pb_button_module_wrapper:before {content: '\f178';font-family: FontAwesome;position: absolute;color: #3A50A1;right: 25px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;z-index: 1;cursor: pointer;}

/* Zoom hover effect for background */
.bg-zoom-hover {overflow: hidden;position: relative;z-index: 1;}
.bg-zoom-hover::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;background-image: inherit;transform: scale(1);transition: transform 0.6s ease;z-index: 0;}
/* Zoom on hover */
.bg-zoom-hover:hover::before {transform: scale(1.1);}


.services-page .widget_nav_menu ul li a{display:block;background-color: #fff;padding: 15px;}
.services-page .widget_nav_menu ul li.current_page_item a,.services-page .widget_nav_menu ul li a:hover {background-color: #3f53a3;color:#fff !important;}



@media only screen and (max-width: 1200px){
.tool-die-bg:before{background-size: 350px !important;}
.tool-die-bg:after{background-size: 330px !important;}		
}
@media only screen and (max-width: 1150px){
.tool-die-bg:before{background-size: 330px !important;}
.tool-die-bg:after{background-size: 310px !important;}		
}
@media only screen and (max-width: 1100px){
.menu-style .et_pb_menu .et-menu>li {padding: 0px 15px !important;}
.tool-die-bg:before{background-size: 310px !important;}
.tool-die-bg:after{background-size: 300px !important;}	
}
@media only screen and (max-width: 1080px){
.tool-die-bg:before{background-size: 300px !important;}
.tool-die-bg:after{background-size: 280px !important;}		
}
@media only screen and (max-width: 1024px){
.tool-die-bg:before{background-size: 280px !important;}
.tool-die-bg:after{background-size: 265px !important;}	
}
@media only screen and (max-width: 980px){
.tool-die-bg:before{background-size: 270px !important;}
.tool-die-bg:after{background-size: 240px !important;}	
	
}
@media only screen and (max-width: 768px){
.tool-die-bg:before{background-size: 210px !important;}
.tool-die-bg:after{background-size: 210px !important;}	
}
@media only screen and (max-width: 480px){
.tool-die-bg:before{background-size: 140px !important;}
.tool-die-bg:after{background-size: 135px !important;}	
.top-btn {width: 50% !important;}
.top-btn a {background: #3A50A1;text-align: center;}	
.et_pb_menu_1_tb_header .et_mobile_menu .top-btn a:last-child {color: #fff !important;}	
}
@media only screen and (max-width: 425px){
.tool-die-bg:before{width: 100px !important;height: 100px !important;background-size: 100px !important;}
.tool-die-bg:after{width: 100px !important;height: 100px !important;background-size: 95px !important;}	
.top-btn { width: 55% !important;}	
}
@media only screen and (max-width: 375px){
.top-btn { width: 55% !important;}
}
@media only screen and (max-width: 320px){
.tool-die-bg:before{background-size: 85px !important;}
.tool-die-bg:after{background-size: 90px !important;}
.top-btn { width: 65% !important;}		
}