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

.brxe-text p a, .brxe-block p a {
    color: var(--merlot) !important;
    text-decoration: none !important;
}

a, i, button {
    transition: all 0.3s ease-in-out;
}

.bnb-btn:hover, a:hover i, button:hover, a:hover {
    filter: brightness(1.1);
}

#brx-header.sticky.scrolling figure.logo {
    margin-bottom: 0 !important;
    width: 150px !important;
}

.bricks-button:hover {
    transform: scale(1.06);
}

.custom-tag {
    background-color: var(--green);
    border-radius: var(--text-m);
    color: var(--bg-primary);
    font-size: calc(var(--text-s)/1.1);
    font-weight: 500;
    padding: calc(var(--space-2xs)/3) var(--space-2xs);
    text-align: center;
}

input:focus, select:focus, textarea:focus {
    border: 0;
    outline: 1px solid var(--merlot);
}

.module_content-block :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--space-2xs);
}

.book-number, .book.book-grid .book-number {
    --number-size: clamp(3rem, 6vw, 4.5rem); /* min, fluid, max diameter */

    align-items: center;
    align-self: start;
    background-color: var(--green);
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--bg-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-family: "Montserrat";
    font-size: var(--text-l);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    height: var(--number-size);
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    padding: 0;
    text-align: center;
    top: var(--space-m);
    width: var(--number-size);
    z-index: 1;
}

.post-views {
    display: none;
}

.brxe-post-content a {
    color: rgba(74,74,74,1.0) !important;
    font-style: italic;
    position: relative;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}

.brxe-post-content a:hover {
    filter: brightness(1.05);
}

#brxe-post-content h1:first-of-type {
    margin-top: 0;
}

.brxe-post-content :is(h2, h3, h4, h5, h6) {
    color: var(--accent);
    display: inline-block;
    margin: var(--space-s) 0 var(--space-s) 0;
    position: relative;
}

.brxe-post-content :is(h2, h3, h4, h5, h6):after {
    background-color: rgba(215, 183, 171, 0.5);
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin-top: calc(var(--space-2xs)/2);
    position: relative;
    width: auto;
}

.brxe-post-content :is(h4, h5, h6) {
    color: var(--green);
}

.brxe-post-content :is(h4, h5, h6):after {
    background-color: rgba(111, 129, 119, 0.5);
}

.brxe-post-content .wp-block-image {
    margin-block: 0 !important;
}

.wp-block-image, .module-content img {
    text-align: center;
}

.wp-block-image figure, figure.wp-block-image, .module-content img {
    background-color: #f7f5ed;
    border: 1px solid rgba(215, 183, 171, 0.5);
    display: inline-block;
    padding: calc(var(--space-2xs)/2);
    width: auto;
}

.module-content img {
    max-width: 500px;
}

.wp-block-image figure.alignleft, figure.wp-block-image.alignleft, .module-content img.alignleft {
    margin-right: var(--space-m);
}

.wp-block-image figure.alignright, figure.wp-block-image.alignright, .module-content img.alignright {
    margin-left: var(--space-m);
}

.wp-block-image figure img, .module-content img {
    background: linear-gradient(90deg, rgba(74, 74, 74, 1) 0%, rgba(79, 79, 79, 1) 50%, rgba(59, 59, 59, 1) 100%);
}

.module .module_content-block:nth-last-child(1 of .module_content-block),
.module .module_book-list:last-child {
  padding-bottom: 0 !important;
  row-gap: 0 !important;
}

.module_recipe-block:after {
    background-color: var(--bg-accent);
    bottom: -2rem;
    color: var(--accent);
    content: '\f068\00a0 \f004 \00a0\f068';
    font-family: "Font Awesome 6 Solid";
    font-size: var(--text-xs);
    font-weight: 900;
    left: 0;
    opacity: 0.65;
    position: absolute;
    right: 0;
    text-align: center;
}

.bricks-posts-nothing-found {
    color: var(--accent);
    font-size: var(--text-m);
    font-weight: 500;
}

.bricks-posts-nothing-found .search-term {
    color: var(--green);
    font-weight: 600;
}

@media (max-width: 767px) {
    .wp-block-image figure.alignleft, .wp-block-image figure.alignright, figure.wp-block-image.alignleft, figure.wp-block-image.alignright, .module-content img.alignright, .module-content img.alignleft {
        float: none;
        margin-bottom: 2rem;
    }

    .wp-block-image figure.alignleft img, .wp-block-image figure.alignright img, figure.wp-block-image.alignleft img, figure.wp-block-image.alignright img,.module-content img.alignleft, .module-content img.alignright {
        width: 100% !important;
    }

    .book-number, .book.book-grid .book-number {
        position: static !important;
    }
}