/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* STYLE PLACEHOLDER TEXT */
.gform_legacy_markup_wrapper input::placeholder,
.gform_legacy_markup_wrapper textarea::placeholder {
    color: #824839 !important; /* Brown color */
    font-family: 'din condensed' !important; /* URW DIN font */
    opacity: 1; /* Ensure visibility */
}

/* PLACEHOLDER TEXT FOR DIFFERENT BROWSERS */
.gform_legacy_markup_wrapper input:-ms-input-placeholder,
.gform_legacy_markup_wrapper textarea:-ms-input-placeholder {
    color: #824839 !important;
    font-family: 'din condensed' !important;
}

.gform_legacy_markup_wrapper input::-ms-input-placeholder,
.gform_legacy_markup_wrapper textarea::-ms-input-placeholder {
    color: #824839 !important;
    font-family: 'din condensed' !important;
}

/* FORM BUTTON */
.gform_legacy_markup_wrapper .gform_footer input.button, 
.gform_legacy_markup_wrapper .gform_footer input[type=submit], 
.gform_legacy_markup_wrapper .gform_page_footer input.button, 
.gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
    width: 100%;
    background: #824839;
    font-weight: 500;
    padding: 15px 20px !important;
    height: auto;
    margin-bottom: 0px; 
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

/* REMOVE VALIDATION ERROR MESSAGE */
.gform_legacy_markup_wrapper div.validation_error {
    display: none;
}

/* REMOVE BACKGROUND & BORDER FOR ERROR FIELDS */
.gform_legacy_markup_wrapper li.gfield.gfield_error,
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    box-sizing: content-box !important;
}

/* HIDE FORM TITLE */
.gform_legacy_markup_wrapper h3.gform_title {
    letter-spacing: normal !important;
    margin: 10px 0 6px 0;
    display: none;
}

/* GENERAL BUTTON STYLING */
.btn, 
.btn.btn-default, 
input[type="submit"], 
button[type="submit"], 
.vc_general.vc_btn3.vc_btn3-color-primary-bg, 
.vc_btn.vc_btn-primary-bg, 
.vc_general.vc_btn3.vc_btn3-color-juicy-pink, 
.btn-modal.btn-primary {
    font-size: 25px;
    padding: 15px 25px;
    background: #048ab7;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #ffffff;
}

/* REMOVE BORDER RADIUS FROM "ENQUIRE US" BUTTON */
.btn.enquire-us, 
.enquire-us input[type="submit"], 
.enquire-us button[type="submit"] {
    border-radius: 0px !important; /* Removes rounded corners */
    font-size: 30px;
    padding: 30px 40px !important;
    background: #048ab7;
}

/*removes underline in button*/
.comments-area a, .page-content a {
    text-decoration: none;
}



/* bank enquire form */
input#input_3_4, input#input_3_2, input#input_3_3 {
    background-color: #F3E7D2;
    border: 1px solid #824839;
    padding: 26px 20px !important;
    font-weight: bold;
    font-family: 'din condensed';
    font-size: 18px !important;
}

.gform-theme--foundation #field_submit, .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    width: 100% !important;
    justify-content: center;
	background-color: #824839
}

input#gform_submit_button_3 {
    background-color: #824839;
	font-family:'urwdinw05-xlightregular';
	font-size:20px !important;
}

.gform-footer.gform_footer.top_label {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Reduce gap between Name, Email, and other input fields */
div#gform_fields_3 .gfield {
    margin-bottom: 5px !important; /* Adjust space between boxes */
    padding-bottom: 0 !important;
}

/* Ensure fields align properly */
.gform_wrapper .gform-body .gform_fields {
    gap: 7px !important; /* Reduce spacing in modern Gravity Forms */
}

/* Style placeholder text color to brown */
input::placeholder,
textarea::placeholder {
    color: #824839 !important; /* Brown color */
    font-family: 'din condensed' !important; /* Match form font */
    opacity: 1; /* Ensure visibility */
}

h2.gform_title {
    display: none;
}

/* Remove hover border from submit button */
input#gform_submit_button_3:hover {
    border: none !important;
    outline: none !important;
}
div#gform_3_validation_container {
    display: none;
}
div#validation_message_3_4, div#validation_message_3_2, div#validation_message_3_3 {
    font-family: din condensed;
    font-size: 18px;
}
/*  home page */
@media screen and (min-width: 1025px) {
.elementor-widget-image-carousel .swiper {
    position: static;
    max-height: 900px;
}


.elementor-element.elementor-element-0ed566a.e-con-full.e-flex.e-con.e-child{
background-color: rgb(168, 169, 173, 0.8);
    padding: 40px 0;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #048ab7;
    margin-top: -240px;
    position: relative;
    z-index: 99;
}
}

.elementor-element.elementor-element-0ed566a.e-con-full.e-flex.e-con.e-child{
background-color: rgb(168, 169, 173, 0.8);
    border-top: 5px solid #fff;
    border-bottom: 5px solid #048ab7;
}


/* icon */
svg.e-font-icon-svg.e-eicon-chevron-right, svg.e-font-icon-svg.e-eicon-chevron-left {
    content: '\e83d';
    margin-right: 30px;
	margin-left: 30px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    cursor: pointer;
	font-size: 20px;
    background: rgba(4, 138, 183, 0.5);
	border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
   

.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
    fill: hsla(0, 0%, 93%, .9);
    height: 1.6em;
    width: 1.6em;
}
	
/*footer*/
.elementor-539 .elementor-element.elementor-element-135bea1 {
.elementor-shortcode::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5326505602240896) 100%);
}
elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
	
}
}
/*forms*/
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	Background:#eee;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    inline-size: 100%;
    background: #eee;
}
gform-theme--foundation #field_submit, .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    width: 100% !important;
    justify-content: left;
    background-color: #ffffff;
}
p.gform_required_legend {
    display: none;
}
/* CONTACT PAGE SYLES */
.gform_wrapper .top_label .gfield_label {
    color: #222;
    font-size: 18px;
}
input, .input, input.form-control, select, select.form-control {
    box-shadow: none;
    background: #eee;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 16px;
    margin-bottom: 15px;
}
.gform_wrapper .top_label .gfield_label {
    color: #222;
    font-size: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "din condensed", sans-serif;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0;
}
.gform_wrapper div.validation_error {
    display: none;
}
.gform_wrapper .field_description_below .gfield_description {
    padding-top: 5px;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: transparent;
    border: none;
}
.gform_wrapper .gform-footer.gform_footer.top_label .gform_button.button {
    background: #048ab7 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-family: "din condensed", sans-serif !important;
    letter-spacing: 1px !important;
}
body .gform_wrapper input::placeholder,
body .gform_wrapper select::placeholder,
body .gform_wrapper textarea::placeholder {
 color: #000 !important;
 opacity: 0.8!important;
	font-size: 16px!important;
}
.gform_fields .gfield input::-webkit-input-placeholder,
.gform_fields .gfield select::-webkit-input-placeholder {
    color: #824839;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'din_condensedbold';
}
.gform_wrapper .gform_validation_errors {
	display: none !important;
}

/* enquiry form */
input#gform_submit_button_3 {
    background-color: #824839 !important;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

input#input_3_4::placeholder,
input#input_3_2::placeholder,
input#input_3_3::placeholder {
    color: #824839 !important;
    font-family: 'din condensed' !important;
	font-size: 20px !important; 
    opacity: 1;
}

/* contact us */
input#input_4_5_3, input#input_4_5_6, input#input_4_6, input#input_4_7, select#input_4_8
{
	   border: none !important;
    box-shadow: none !important;
}

input#input_4_5_3::placeholder,
input#input_4_5_6::placeholder,
input#input_4_6::placeholder,
input#input_4_7::placeholder,
option.gf_placeholder{
    color: grey !important;
    opacity: 1; /* Ensures the placeholder is visible */
    font-family: 'din condensed'; /* Optional if you want to match the rest of your form */
	font-size:20px !important;
}

select#input_4_8 {
    color: #333 !important; /* Default text color */
    font-family: 'din condensed'; /* Optional */
	font-size:20px !important;
}

/* If no real selection is made, keep grey text */
select#input_4_8 option[disabled] {
    color: #333 !important;
	
}

input#gform_submit_button_4 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

input#gform_submit_button_4 {
    border: none;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
    outline: none;
    padding: 8px 30px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
input#gform_submit_button_4:hover {
    background-color: #048AB7CC !important;
}

label.gfield_label.gform-field-label {
    padding-top: 20px;
}
div#field_4_8 {
    padding-top: 10px;
}

input#input_4_5_3, input#input_4_5_6,
input#input_4_6,
input#input_4_7 
{ 
    font-family: 'din condensed' !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    color: #333333 !important;
}

.gform-theme--framework .gform-field-label>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform_editor legend.gform-field-label>span>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-size: 24px;
	font-weight: 700 !important;}

li.gfield_error input#input_4_5_3 {
    border: 1px solid #790000 !important;
    background-color: #fff0f0; /* optional: soft red background */
    color: #333; /* optional: text color for consistency */
}
div#validation_message_4_5  , div#validation_message_4_6  , div#validation_message_4_7  , div#validation_message_4_8{
    font-family: 'din condensed';
    font-size: 17px;
}

/* input#input_4_5_3, input#input_4_5_6, input#input_4_6, input#input_4_7 {
	border: 1px solid #790000 !important;
} */

body .gform_wrapper .gfield.gfield_error input:not([type=submit]):not([type=button]),
body .gform_wrapper .gfield.gfield_error textarea {
    border: 1px solid #790000 !important;
}

body .gform_wrapper .gfield.gfield_error input#input_4_5_3,
body .gform_wrapper .gfield.gfield_error input#input_4_5_6,
body .gform_wrapper .gfield.gfield_error input#input_4_6,
body .gform_wrapper .gfield.gfield_error input#input_4_7 {
    border: 1px solid #790000 !important;
}


/* Remove horizontal scroll/overflow on mobile devices */
html, body {
  overflow-x: hidden;
  width: 100%;
}

/* Ensure all Elementor sections behave properly */
.elementor-section {
  overflow-x: hidden !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* Fix for containers inside sections */
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  overflow-x: hidden !important;
}

/* Optional: prevent images from overflowing */
/* img {
  max-width: 100%;
  height: auto;
  display: block;
}
 */