/*
 Theme Name:   GMB Bricks Child
 Theme URI:    https://gmb.digital/
 Description:  Used to extend the Bricks theme.
 Author:       The Team @ Grow My Business
 Author URI:   https://gmb.digital/about
 Template:     bricks
 Version:      1.1
 Text Domain:  gmb
*/


/*
 * Prevent Horizontal Overflow
 */

html {
	height: 100%;
}

body {
	min-height: 100vh;
}

body:not(.content-loaded):not([data-builder-mode]) * {
	opacity: 0;
}

body.home {
	min-height: 100%;
	overflow-x: hidden;
	background-color: var(--color-light-grey);
}

body.home [data-barba="container"] {
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}

body.home #page-container {
	box-shadow: 72px 154px 48px 0px rgba(68, 61, 49, 0.00), 46px 99px 44px 0px rgba(68, 61, 49, 0.01), 26px 56px 37px 0px rgba(68, 61, 49, 0.04), 12px 25px 27px 0px rgba(68, 61, 49, 0.07), 3px 6px 15px 0px rgba(68, 61, 49, 0.08);
	border-bottom: 8rem solid #fff;
}

section.brxe-section {
    overflow-x: clip;
}

/*
 * Prevent content of elements with ratio class from stretching (e.g. images)
 */
[class*="ratio-"] {
    object-fit: cover;
    object-position: center;
}

/*
 * Prevent buttons inner text and the nav menu items from wrapping
 */
.brxe-button,
.nav-menu {
    white-space: nowrap;
}

/*
 * Set 'scroll to' offset for elements with ids (for in-page linking)
 */
[id] {
    scroll-margin-top: calc(var(--spacing-lrg) * 1.5);
}

/*
 * Set content within .has-bg-image elements to z-index 2
 */
.has-bg-image > *:not(.bg-image) {
    z-index: 2;
}

/*
 * List Styles
 */
.brxe-text ul {
    padding-left: 2em;
}

.brxe-text ul li:not(:last-child) {
    margin-bottom: 0.3em;
}

/*
 * Enable overflow for shadows on table of contents
 */
.brxe-post-toc {
  overflow: visible;
}

/*
 * Enable Text Reveal Animation
 */
.brxe-text > div,
.brxe-heading > div {
    overflow: clip;
}

/*
 * Set z-index for header
 */
#brx-header {
    z-index: 999;
    position: fixed;
    top: 2rem;
}

#brx-header.scrolling {
	top: 0;
}

/*
 * Set Bold Font Weight
 */
strong, bold, b {
	font-weight: 500;
}

/*
 * Set z-index for lead text
 */
.bricks-type-lead {
    z-index: 2;
}

/*
 * Set initial scale for elements with class 'card', 'framed' and 'polaroid'
 */
 body:not([data-builder-mode]) #page-container .card, 
 body:not([data-builder-mode]) #page-container .framed:not(.has-bg-image), 
 body:not([data-builder-mode]) #page-container .polaroid {
    transform: scale(0);
 }

/*
 * Set z-index for elements with class 'card', 'framed' and 'polaroid'
 */
 body:not([data-builder-mode]) .brxe-text:not(.sticky .brxe-text) > div div, 
 body:not([data-builder-mode]) .brxe-heading:not(.home-heading):not(.sticky .brxe-heading):not(footer .brxe-heading):not(.accordion-item .brxe-heading):not(.bricks-type-lead) > div div{
    opacity: 0;
}

/*
 * 
 */
.gf_step_completed .gf_step_number::before,
.gf_step_completed .gf_step_number::after {
    display: none !important;
}

/*
 * 
 */
.gfield_radio label {
    font-size: var(--font-size-base) !important;
    color: var(--color-dark);
    margin-left: 0.4rem;
}

input[type="radio"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: var(--color-dark);
    width: 1.15em;
    height: 1.15em;
    border: 0.1rem solid var(--color-dark) !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--color-primary);
    display: block;
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

span.gfield_required {
    display: none !important;
}