/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*required field */
.gform_required_legend {
	display:none;
}

/*center field label */
.quote-form .gform_wrapper .top_label .gfield_label {
	font-weight:500 !important;
	margin-bottom: 20px !important;
	color:#000 !important;
	font-size: 20px !important;
/* 	text-align:center !important; */
}

.quote-form .label-left .gfield_label {
	text-align:left !important;
	margin-bottom: 10px !important;
}

/* Grid Gap */
.quote-form .gform_wrapper.gravity-theme .gform_fields {
	padding-bottom:60px !Important;
}

.quote-form .gform_fields {
	grid-row-gap:50px !important;
}

/*form pages*/
.quote-form #gform_page_1_3,  .quote-form #gform_page_1_4, .quote-form #gform_page_1_5{
    max-width: 900px !important;
    margin: auto;
}

/*progress title */
.gform_wrapper.gravity-theme .gf_progressbar_title {
    color: black !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 0 !important;
	padding-bottom: 10px !important;
}

/*progress bar */
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
	display:none !important;
}

.gform_wrapper.gravity-theme .gf_progressbar {
	margin-bottom:50px !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {
	padding-bottom:10px !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    height: 6px !important;
}

/* form footer */
.quote-form .gform_page_footer {
	text-align:center;
	padding: 60px 0 20px 0 !important;
}

/*form button */
button[type=submit], input[type=button], input[type=submit] {
    padding: 10px 16px;
    font-weight: 500;
    font-size: 18px;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
    padding: 12px 22px !important;
}

button[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover {
	opacity:0.8;
}

.subscribe-form .gform-button {
	background-color:#eef1f5 !important;
	color:#000;
}

.quote-form .gform-body {
	max-width:1200px !important;
	margin:auto !important;
}
/* =========================================
   FOYA GRAVITY FORMS
========================================= */

.subscribe-form {
	max-width:900px;
}

/* =========================================
   FIELD LABELS
========================================= */

.gform_wrapper .gfield_label,
.gform_wrapper legend.gfield_label {
  display: block !important;
/*   text-align: center !important; */
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin-bottom: 24px !important;
  color:black !important;
}

.gform_wrapper.gravity-theme .gfield_description {
	padding-top:0px !Important;
}

/* =========================================
   TEXT CARD OPTIONS
   Add class: foya-card-options
========================================= */

.foya-card-options .gfield_checkbox,
.foya-card-options .gfield_radio {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
}

/* Each Card */
.foya-card-options .gchoice {
  position: relative !important;
  flex: 0 1 190px !important;
  height: 60px !important;
  margin: 0 !important;
}

/* Hide native inputs */
.foya-card-options input[type="checkbox"],
.foya-card-options input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Entire card clickable */
.foya-card-options .gchoice label {
  position: absolute !important;
  inset: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 20px !important;

  background: #efefef !important;

  border: 2px solid transparent !important;
  border-radius: 6px !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  color: #777 !important;

  text-align: center !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;

  box-sizing: border-box !important;
}

/* Hover */
.foya-card-options .gchoice label:hover {
  background: #f7f7f7 !important;
  color: #111 !important;
}

/* Selected */
.foya-card-options .gchoice:has(input:checked) label {
  background: #fff !important;

  border-color: #111 !important;

  color: #111 !important;

  box-shadow: none !important;
}

/*image carousel*/
.nectar-fancy-box[data-style=image_above_text_underline] .text {
    padding: 10px 10% 0 0 !important;
}

/* =========================================
   IMAGE CARD OPTIONS
   Add class: foya-image-options
========================================= */

.foya-image-options .gfield_checkbox,
.foya-image-options .gfield_radio {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.quote-form .gfield--type-choice.image-choices-field .gfield_radio, .quote-form .gfield--type-choice.image-choices-field .gfield_checkbox {
	align-items: center !important;
    justify-content: center !important;
}

/* Each Choice */
.foya-image-options .gchoice {
  position: relative !important;
  margin: 0 !important;
}

/* Hide Inputs */
.foya-image-options input[type="checkbox"],
.foya-image-options input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
}
/* consent */
.gfield--type-consent {
    margin-top: 20px;
    line-height: normal;
}

/* Label */
.foya-image-options label {
  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  color: #333 !important;

  text-align: center !important;

  cursor: pointer !important;
}

/* Images */
.foya-image-options img {
  display: block !important;

  width: 100% !important;

  height: 220px !important;

  object-fit: cover !important;

  background: #efefef !important;

  border: 2px solid transparent !important;
  border-radius: 6px !important;

  transition: all 0.2s ease !important;

  box-sizing: border-box !important;

  box-shadow: none !important;
}

/* Selected */
.foya-image-options input:checked + label,
.foya-image-options .gchoice:has(input:checked) label {
  color: #111 !important;

  outline: none !important;

  box-shadow: none !important;
}

/* Selected Image */
.foya-image-options input:checked + label img,
.foya-image-options .gchoice:has(input:checked) img {
  border-color: #111 !important;

  box-shadow: none !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
	max-width:100% !important;
}

.budget-slider .gps-slider__value-display {
	font-size:20px !Important;
	color:black !important;
	padding-top:10px;
}

/*blocks */
.block-interior-design:hover .block-interior-design-btn .link_wrap {
  background: #fff;
  color: #000; /* optional */
  transition: background 0.3s ease, color 0.3s ease;
  border:solid 1px white;
}

.block-custom-interiors:hover .block-custom-interiors-btn .link_wrap {
  background: #fff;
  color: #000; /* optional */
  transition: background 0.3s ease, color 0.3s ease;
  border:solid 1px white;
}

.block-development:hover .block-development-btn .link_wrap {
  background: #fff;
  color: #000; /* optional */
  transition: background 0.3s ease, color 0.3s ease;
  border:solid 1px white;
}

.block-showroom:hover .block-showroom-btn .link_wrap {
  background: #fff;
  color: #000; /* optional */
  transition: background 0.3s ease, color 0.3s ease;
  border:solid 1px white;
}

/*notice */
.foya-form-notice {
	background: #e6ecf3;
    padding: 30px;
    border-radius: 15px;
	color:#000;
}


.flex-1 {
    flex:1;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 1024px) {

  .foya-card-options .gchoice,
  .foya-image-options .gchoice {
    flex: 0 1 calc(50% - 12px) !important;
  }

}
/* FIX Gravity Forms image choices mobile layout */
@media (max-width: 640px) {
	.quote-form .gform_fields {
    	grid-row-gap: 30px !important;
	}
	
	.subscribe-form .gform_fields {
    	grid-row-gap: 10px !important;
	}
	
  .gform_wrapper .gfield_label,
	.gform_wrapper legend.gfield_label  {
/* 		text-align:left !important; */
	    font-size: 16px !important;
		line-height:1.2;
		margin-bottom: 15px !important;
	}
	
  .quote-form .gfield.image-choices-field .gfield_radio,
  .quote-form .gfield.image-choices-field .gfield_checkbox {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: left !important;
    gap: 12px !important;
  }

  .quote-form .gfield.image-choices-field .gchoice {
    flex: 0 1 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    margin: 0 !important;
  }

  .quote-form .gfield.image-choices-field img {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
  }

  .quote-form .gfield.image-choices-field label {
    font-size: 13px !important;
    gap: 8px !important;
  }
	
	button[type=submit], input[type=button], input[type=submit] {
    font-size: 16px;
   }
	
    .quote-form #gform_page_1_5 .gform_fields {
    	grid-row-gap:0px !important;
	}
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		width:100%;
	}
}