/* 
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Crazy Web Studio.
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* ==========================================================================
   Heading Accent — last word of Elementor H1/H2 headings (see functions.php)
   ========================================================================== */

.heading-accent {
	color: #E51589;
}

/* ==========================================================================
   Elementor Lightbox — Remove Mobile Tap-Highlight/Focus Border on Close Btn
   ========================================================================== */

.dialog-close-button.dialog-lightbox-close-button {
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

.dialog-close-button.dialog-lightbox-close-button:focus,
.dialog-close-button.dialog-lightbox-close-button:active {
	outline: none;
	box-shadow: none;
}

/* ==========================================================================
   Gravity Forms — Custom Styles
   ========================================================================== */

.gform_title {
	display: none;
}

.gform_wrapper {
	border: 0px solid #363634;
	border-radius: 8px;
	padding: 15px 30px 30px 30px;
	background-color: #363634;
}

.gform_wrapper textarea {
	resize: none;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
	border-radius: 4px;
}

.gform_wrapper .gform-phone__country-selector {
	border-radius: 4px;
}

.gform_wrapper input:focus,
.gform_wrapper input:focus-visible,
.gform_wrapper textarea:focus,
.gform_wrapper textarea:focus-visible,
.gform_wrapper select:focus,
.gform_wrapper select:focus-visible,
.gform_wrapper button:focus,
.gform_wrapper button:focus-visible,
.gform_wrapper button[aria-expanded="true"],
.gform_wrapper .gform-phone__search:focus,
.gform_wrapper .gform-phone__search:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.gform_wrapper .gfield_label {
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
}

.gform_wrapper .gfield_required {
	color: #E51589;
}

.gform_wrapper {
	--gform-theme--field-row-gap: 30px;
}

.gform_wrapper .gform_fields {
	row-gap: 30px;
}

/* Submit button — approximates the Elementor "link" button (small, shrink-on-hover, arrow icon) */
.gform_wrapper .gform_footer input.gform_button,
.gform_wrapper .gform_footer button.gform_button {
	display: inline-flex !important;
	align-items: center !important;
	background-color: #E51589 !important;
	border: none !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	padding: 15px 52px 15px 30px !important;
	cursor: pointer !important;
	transition: transform 0.3s ease !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 25px center !important;
	background-size: 16px !important;
}

.gform_wrapper .gform_footer input.gform_button:hover,
.gform_wrapper .gform_footer button.gform_button:hover {
	transform: scale(0.9) !important;
}

@media (max-width: 767px) {
	.gform_wrapper {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 25px;
	}
}

.gform_wrapper .gform_confirmation_message {
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}