/*
Theme Name: Dhara Machinery
Theme URI: https://underscores.me/
Author: The YehLo
Author URI: https://theyehlo.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dhara-machinery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Dhara Machinery is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* Root variables define here */
:root {
	--font-family-primary: "Refoke";
	--font-family-secondary: 'Refoke';
	--font-family-heading: 'Refoke';
	--color-primary: #000000;
	--color-secondary: #ffffff;
	--theme-bg-1: #F3F3F3;
	--color-accent: #CF0022;
	/* --text-light: #f8f9fa; */
	--text-white: #ffffff;
	--theme-text-1: #D4D4D4;
	--color-body-text: #575757;
	--btn-hover-bg: #b3001e;
	/* --text-dark: #212529; */
	/* --bg-color-primary: #0d6efd; */
	/* --bg-color-secondary: #6c757d; */
	/* --border: 1px solid; */
	/* --border-color-light: #f8f9fa; */
	/* --border-color-dark: #212529; */
	/* --border-radius: 10px 10px 10px 10px; */
	/* --box-shadow: 1px 1px 10px 1px rgba(159, 159, 159, .3); */
	/* --hover-box-shadow: 1px 10px 20px 1px rgba(159, 159, 159, .5); */
}

/* Root variables define here */

/* 00. Library override(ex. bootstrap etc) start*/
body {
	padding: 0;
	margin: 0;
}

.form-control:active,
.form-control:focus-visible,
.form-control:focus,
.form-control {
	box-shadow: none !important;
	outline: none !important;
}

/* 00. Library override(ex. bootstrap etc)   end*/
/* 01. Text and Typography start */

/* 01. Text and Typography end */
/* 02. Common element(ul,ol,li,body,div etc.) start*/

/* 02. Common element(ul,ol,li,body,div etc.) end*/
/*03. Common class(padding, margin etc.) start*/
.theme-btn-1 {
	position: relative;
}

.coming-soon-form .elementor-button:hover .elementor-button-icon svg,
.coming-soon-form .elementor-button .elementor-button-icon svg,
.theme-btn-1 .wpcf7-submit:hover .contact-form-btn-icon svg,
.theme-btn-1 .wpcf7-submit .contact-form-btn-icon svg,
.theme-btn-1 .wpcf7-submit:hover,
.theme-btn-1 .wpcf7-submit,
.theme-btn-1 a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon svg,
.theme-btn-1 a.elementor-button .elementor-button-content-wrapper .elementor-button-icon svg,
.theme-btn-1 a.elementor-button:hover,
.theme-btn-1 a.elementor-button {
	transition: all 0.3s ease-in-out;
}

.theme-btn-1 .wpcf7-submit,
.theme-btn-1 a.elementor-button {
	padding: 8px 8px 8px 10px;
}

.theme-btn-1 .wpcf7-submit {
	line-height: 1.5;
}

.theme-btn-1 .wpcf7-spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.coming-soon-form .elementor-button:hover,
.theme-btn-1 .wpcf7-submit:hover,
.theme-btn-1 a.elementor-button:hover {
	background-color: var(--btn-hover-bg) !important;
}

.theme-btn-1 .wpcf7-submit,
.theme-btn-1 a.elementor-button .elementor-button-content-wrapper {
	display: flex;
	align-items: center;
}

.coming-soon-form .elementor-button .elementor-button-icon,
.theme-btn-1 .wpcf7-submit .contact-form-btn-icon,
.theme-btn-1 a.elementor-button .elementor-button-content-wrapper .elementor-button-icon {
	background-color: var(--text-white);
	color: var(--color-primary);
	border-radius: 6px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 4px;
}

.theme-btn-1 .wpcf7-submit .contact-form-btn-icon {
	margin-left: 10px;
}

.coming-soon-form .elementor-button .elementor-button-icon svg,
.theme-btn-1 .wpcf7-submit .contact-form-btn-icon svg {
	width: 16px;
	height: auto;
}

.coming-soon-form .elementor-button .elementor-button-icon svg,
.theme-btn-1 .wpcf7-submit .contact-form-btn-icon svg,
.theme-btn-1 a.elementor-button .elementor-button-content-wrapper .elementor-button-icon svg {
	transform: rotate(-45deg);
}

.theme-btn-1 .wpcf7-submit .contact-form-btn-icon svg path,
.theme-btn-1 a.elementor-button .elementor-button-content-wrapper .elementor-button-icon svg path {
	fill: var(--color-primary);
}
.coming-soon-form form .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg path{
	fill: var(--color-primary) !important;
}

.coming-soon-form .elementor-button:hover .elementor-button-icon svg path,
.coming-soon-form .elementor-button:hover .elementor-button-icon svg,
.theme-btn-1 .wpcf7-submit:hover .contact-form-btn-icon svg,
.theme-btn-1 a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon svg {
	transform: rotate(0deg);
}
.coming-soon-form form input{
	height: 100%;
}
/*03. Common class(padding, margin etc.) end*/
/*04. Header styles start*/
.mobile-sidemenu .dialog-widget-content {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 100%;
}

.mobile-sidemenu .elementor-nav-menu--dropdown {
	left: 0 !important;
}

/*04. Header styles end*/
/*05. Footer styles start*/

/*05. Footer styles end*/
/*06. Common content start*/

/*06. Common content end*/

/*07. Pages and Posts satrt*/
/*Homepage start*/
.wpcf7-form .wpcf7-response-output,
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	font-size: 12px;
}

.contact-us-form .theme-btn-1 {
	display: inline-block;
}

.contact-us-form label {
	width: 100%;
	margin-bottom: 20px;

}

.wpcf7-form[data-status="submitting"] .theme-btn-1 .wpcf7-submit {
	pointer-events: not-allowed;
	opacity: 0.2;
}

.contact-us-form.home-contact-us label textarea::placeholder,
.contact-us-form.home-contact-us label input::placeholder {
	color: var(--theme-text-1);
}

.contact-us-form.home-contact-us label textarea,
.contact-us-form.home-contact-us label input:not([type="submit"]) {
	background-color: var(--theme-bg-1);
	border-radius: 12px;
	border-color: transparent;
	padding: 10px 12px;
}

.contact-us-form.home-contact-us label textarea:focus::placeholder,
.contact-us-form.home-contact-us label textarea:focus-visible,
.contact-us-form.home-contact-us label textarea:focus,
.contact-us-form.home-contact-us label input:focus-visible,
.contact-us-form.home-contact-us label input:focus::placeholder,
.contact-us-form.home-contact-us label input:focus {
	color: #242424;
	background-color: #E2E2E2;
	border-color: transparent;
}

.home-accordions .e-n-accordion-item {
	background-color: var(--theme-bg-1);
	padding: 10px;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
}

.home-accordions .e-n-accordion-item[open] {
	background-color: var(--color-accent);
	transition: all 0.3s ease-in-out
}

.home-accordions .e-n-accordion-item[open] .e-n-accordion-item-title-header {
	color: #FDFDFD;
}

.home-accordions .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg path {
	fill: #FDFDFD;
}


/*Homepage end	*/
/*07. Pages and Posts end*/

/* 08. Extra styles start*/
/* 08. Extra styles end*/

/*09. Media Query start*/
@media screen and (min-width: 992px) {}

@media screen and (min-width: 768px) {}

@media screen and (max-width: 1199px) {}

/*Tablet*/
@media screen and (max-width: 991px) {}

/*Small Device*/
@media screen and (max-width: 767px) {}

/*Mobile Device*/
@media screen and (max-width: 640px) {}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {}

@media screen and (max-width: 420px) {}

/*09. Media Query end*/