/*
 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
*/

/*
body.bricks-is-frontend :focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}
*/

/********** MISC **********/

.doc-type .wpgb-facet .wpgb-checkbox-facet .wpgb-hierarchical-list {
    margin-top: var(--space-xs);
}

#brxe-kbcgfi .bricks-pagination ul .page-numbers, 
#brxe-kbcgfi .bricks-pagination ul .page-numbers:hover {
    text-decoration: none !important;
}


.staff-filter .wpgb-facet .wpgb-inline-list {
    flex-direction: column;
}

.simple-content .wp-block-separator {
    margin-block-start: var(--space-l) !important;
    border-color: var(--primary-medium);
}

.brxe-post-navigation .title {
    margin-top: 10px !important;
}

.form--light .frm-fluent-form .input, .form--light .frm-fluent-form input:not([type="submit"]), .form--light .frm-fluent-form select, .form--light .frm-fluent-form textarea, .fluentform .ff-el-form-control {
  font-family: inherit;
}

.fr-image-group-alpha__image img {
    border-radius: var(--radius-s);
}

.action-btn a {
    --btn-background: var( --action);
    --btn-background-hover: var( --action-hover);
    --btn-text-color: var( --white);
    --btn-text-color-hover: var( --white);
    --btn-border-color: var( --action);
    --btn-border-color-hover: var( --action-hover);
    --btn-outline-background-hover: var( --action-hover);
    --btn-outline-border-hover: var( --action-hover);
    --btn-outline-text-color: var( --action);
    --btn-outline-text-color-hover: var( --action-ultra-light);
    --focus-color: var( --action-dark);
}

.action-btn a {
	margin-top: var(--space-l);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    display: var(--btn-display, inline-flex);
    text-align: center;
    justify-content: center;
    align-items: center;
    background: var(--btn-background);
    color: var(--btn-text-color);
    border-color: var(--btn-border-color);
    transition: all var(--btn-transition-duration) ease;
}

.action-btn a:hover {
    background: var(--btn-background-hover);
    border-color: var(--btn-border-color-hover);
    color: var(--btn-text-color-hover);
    text-decoration: var(--btn-text-decoration-hover);
}

.sidebar-contact-item__icon {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--action);
}

.sidebar-contact-item__text {
    text-decoration: none;
}

.sidebar-contact-item__text:hover {
    text-decoration: underline;
}

/********* HEADER **********/

header.scrolling {
    box-shadow: 0 4px 4px -10px rgba(13, 13, 13, 0.04), 0 13px 13px -10px rgba(13, 13, 13, 0.06), 0 40px 60px -10px rgba(13, 13, 13, 0.08);
}

header.scrolling .fr-header-bravo__logo {
    max-width: 200px;
}


/********** HOUSING SLIDER **********/

.dev__slide:hover img {
    transform: scale(1.1);
}


/********** SIMPLE PAGES **********/

.simple-content h2 {
	font-size: calc(var(--h2) * .85);
}

.simple-content h3 {
    color: var(--primary-dark);
}

blockquote.quote {
    background: var(--secondary);
    border-radius: var(--radius-m);
    border-color: var(--primary-medium);
    margin-left: 0 !important;
    border-top: 1px solid var(--primary-ultra-light);
    border-right: 1px solid var(--primary-ultra-light);
    border-bottom: 1px solid var(--primary-ultra-light);	
    padding: var(--space-m);
    font-family: "Outfit";
    font-size: 2.2rem;
    width: 100%;
}

blockquote.quote cite {
    opacity: 1;
    color: var(--action-medium);
    font-size: 2.6rem;
}

.mtops {
	margin-top: var(--space-s);
}

.mtopm {
	margin-top: var(--space-m);
}

.mtopl {
	margin-top: var(--space-l);
}

.link-column {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}


/********** DOCUMENTS PAGE **********/

.doc-type .wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after {
    border-radius: 0;
}