/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html:has(body.no-scroll) {
  overflow-y: inherit;
}


 /* Root Settings */
:root {
	
	--border-radius: 1em;
	
	/* Colors */
	
	--off-white: #F5F0E5;
	--subtle-layer: #EEE9DD;
	--subtle-layer-2: #F5F0E5;
	--subtle-layer-hover: #E7E2D5;
	--subtle-layer-press: #E1DCD0;
	--stroke-subtle: #E9E3D6;
	--stroke: #D9D1BD;
	--placeholder: #75727A;
	--action-hover: #4470D7;
	--sage: #8F9080;
	
	/* Spacing */
	

	--space-xxs: calc(var(--space-xs) * 0.875);
	--space-ml: calc(var(--space-m) * 1.25);
	--section-padding-small: calc(var(--section-padding-block) * 0.73);
	--section-padding-medium: calc(var(--section-padding-block) * 0.83);
	--container-gap-large: calc(var(--container-gap) * 1.75);
	--container-gap-xlarge: calc(var(--container-gap) * 2.25);
	
	
	/* Shadows */
	--shadow-small-offset-x: 0px;
	--shadow-small-offset-y: 1px;
	--shadow-small-blur-radius: 2px;
	--shadow-small-spread-radius: 0px;
	--shadow-small-color-1: rgba(16, 24, 40, 0.04);
	--shadow-small-color-2: rgba(16, 24, 40, 0.04);
	
	--shadow-elevated-offset-x: 0px;
	--shadow-elevated-offset-y: 3px;
	--shadow-elevated-blur-radius: 3px;
	--shadow-elevated-spread-radius: 0px;
	--shadow-elevated-color: rgba(0, 0, 0, 0.16);
}

* {
	font-feature-settings: 'liga' off;
}

@media only screen and (max-width: 767px){
	:root{
		--grid-gap: var(--container-gap);
	}
}

/* Top Bar */

.top-bar{
	padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    background-color: var(--secondary);
    position: relative;
    z-index: 1002;
	font-weight: 400;
}

.top-bar__container{
	align-items: center;
}

@media only screen and (max-width: 767px){
	.top-bar{
		display: none;
	}
}

.underline-link{
	text-decoration: underline;
	text-underline-offset: 5px;
}

/* Map */

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: var(--subtle-layer) !important;
	color: var(--base) !important;
	}

.leaflet-popup-content > *:first-child{
	margin-bottom: var(--space-s);
}

.leaflet-popup-content > *:last-child{
	margin-top: var(--space-s);
}

.leaflet-popup-content {
	font-size: var(--text-s) !important;
}
.leaflet-popup-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.studio-popup__contact-details{
	display: flex; 
	flex-direction: column;
	gap: 4px;
}

@media only screen and (min-width: 1024px){
	.leaflet-popup-content{
	width: fit-content !important;
}
}


.leaflet-control-attribution{
	display: none !important;
}

/* Map End */

.login-bar .location__true, .login-bar .location__false {
	display: none;
} 


.login-bar__studio-text, .studio-selector__dropdown .brx-submenu-toggle span {
  text-transform: capitalize;
}

.login_widget-no_location {
	width: 100%;
	text-align: center;
}

.accent-heading{
	font-family: "Tan Grandeur";
}

.brxe-image {
	border-radius: var(--border-radius);
}

.fr-slider__custom-arrows button:disabled, .fr-slider__custom-arrows button[disabled]{
	background-color: transparent;
	opacity: 0.3;
}

/* Form */

.form--light .ff-el-input--label{
  display: none!important;
}


.form--light input{
  border: none!important;
}

.form--light .ff-t-container{
  gap: 15px!important;
}

.form--light fieldset{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.form--light .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{
	margin: 0!important;
}
.form--light .ff_submit_btn_wrapper {
  margin: 0!important;
}

.form--light .ff-btn{
  transition: var(--transition)!important;
  font-family: 'Tenor Sans', sans-serif;
}

.form--light textarea{
	border-radius: 16px !important;
}

.iti--allow-dropdown .iti__flag-container{
	left: 6px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .fluentform .iti__selected-flag{
	background: transparent!important;
}

@media only screen and (max-width: 767px){
	.ff-t-container{
		display: flex;
		flex-direction: column;
	}
	
	.ff-btn-submit{
		margin-top: 15px!important;
		font-size: var(--btn-font-size, var(--text-m))!important;
		min-height: 0!important;
	}
}


/* Modal Mindbody */ 

.semantic-content .modal-inner{
	display: block;
}

.is-active.semantic-content{
	flex-direction: row; 
	gap: 0;
}