/*
 Theme Name:   AMG Building
 Theme URI:    https://amg-building.com/
 Description:  Excellence en construction haut de gamme
 Author:       Khalid Ouhdane
 Author URI:   https://ouhdane.ma/
 Template:     bricks
 Version:      2.0
 Text Domain:  AMGb
*/


/* 
 * Tabs (Neasted) Styling Element
 */
.tab-menu .tab-title.brx-open{
  background-color: var(--bg-brand-section)!important;
}

.tab-content{
  border: none!important;
  padding: 0!important;
}

/* 
 * Pro Forms Styling
 */

.input-icon-wrapper .input-icon{
  width: auto;
  height: auto;
  position: static!important;
}

input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:none!important;
  border-bottom: 1.5px solid var(--border-brand-solid)!important;
}


.brxe-brf-pro-forms .brxe-brf-pro-forms-field-select .choices__inner {
  border: unset;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  padding-top: 0!important;
  padding-bottom: 0!important;
  line-height: 1.5em;
}

.brxe-brf-pro-forms-field-select .choices__placeholder{
  opacity: 1;
  color: var(--text-placeholder);
}

.choices__list{
  color: var(--text-primary) !important;
}

.choices__list .choices__item.is-highlighted{
  color: var(--fg-white) !important;
  background-color: var(--bg-brand-solid)!important;
}

.choices__list .choices__item{
  padding: 8px 6px!important;
}

.choices__list--dropdown.is-active{
  border: none!important;
  border-bottom: 1px solid var(--border-brand-solid)!important;
}

/*
 * Checkbox Styling
 */

.brxe-brf-pro-forms-field-checkbox label{
	font-size: var(--text-m)!important;
    line-height: 1.5em!important;
    font-weight: 500!important;
	margin-bottom: 0!important;
}

li.brxe-brf-pro-forms-field-checkbox input{
	min-width: 20px !important;
}

li.brxe-brf-pro-forms-field-checkbox{
	display: flex;
	gap: var(--space-lg);
}

.pro-forms--var1 .pro-forms__link{
	color: var(--text-brand-secondary)!important;
	text-decoration: underline;
}

/*
 * Show and Hide buttons on Website
 */
.show-btn--landscape{
	display: none;
}
@media only screen and (max-width: 600px) {
  	.hide-btn--landscape{
		display: none;
	}
	
	.show-btn--landscape{
		display: flex;
		width: 100%;
	}
}