/*
 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 {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
}

:root .bricks-button.outline {
    border-color: initial !important;
}

:root .bricks-button.outline:hover {
    border-color: transparent !important;
}

p {
    margin: 0 0 1.25rem;
}

.pcw-single-post__content.brxe-post-content .alt-sans,
.pcw-single-post__content--speaking.brxe-post-content .alt-sans {
    font-family: 'New Title', sans-serif;
    font-weight: 700;
}

.pcw-single-post__content--speaking.brxe-post-content {
    font-size: 1.25rem;
}

.pcw-single-post__content--speaking.brxe-post-content > h2 {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: 0.005em;
}

.brxe-post-content.pcw-single-post__content--speaking ul {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding-left: 0;
}

.brxe-post-content.pcw-single-post__content--speaking ul > li {
    display: block;
    padding: 0.5em;
    background-color: rgba(0,0,0,0.05);
    border-radius: 2px;
}

.pcw-single-post__content.brxe-post-content strong {
    font-weight: 500;
}

.pcw-single-post__content.brxe-post-content ul {
    list-style-type: square;
}

.pcw-single-post__content.brxe-post-content .wp-block-button > .wp-block-button__link {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
    padding: 0.8em 1em 0.85em;
    transition: all 0.2s ease-in;
    background-color: #ffd64f;
    color: #212121;
    border: 2px solid transparent;
    border-radius: 2px;
}

.pcw-single-post__content.brxe-post-content .wp-block-button.is-style-outline > .wp-block-button__link {
    background-color: transparent;
    border: 2px solid #ffd64f;
}

.pcw-single-post__content.brxe-post-content .wp-block-button .wp-block-button__link:hover, .pcw-single-post__content.brxe-post-content .wp-block-button.is-style-outline > .wp-block-button__link:hover {
    background-color: #d93226;
    color: #fff;
    border: 2px solid #d93226;
}

.pcw-single-post__content.brxe-post-content .wp-block-buttons {
    margin: 1.25rem 0;
}

.pcw-single-post__content.brxe-post-content blockquote, .pcw-single-page__content.brxe-post-content blockquote {
    font-family: 'Crimson Pro', serif;
    font-size: 1.75rem;
    line-height: 1.3;
    border-left: 0.5px solid;
}

.pcw-single-post__content.brxe-post-content blockquote cite, .pcw-single-page__content.brxe-post-content blockquote cite {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
    color: #2b2b2b;
    opacity: 0.75;
    margin-top: 1rem;
}

.pcw-single-post__content.brxe-post-content .wp-block-separator {
    border: 0;
    border-top: 0.5px solid #2b2b2b;
    width: 100%;
    margin: 3rem auto;
}
    
.pcw-hero__title .alt {
    font-family: 'Crimson Pro', serif;
    font-weight: 500;
    font-size: 125%;
    line-height: 1;
    padding: 0 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
}
    
.pcw-hero__title .alt:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: 0.125rem;
    width: 100%;
    height: 1.1rem;
    background-color: rgba(71, 168, 209, 0.95);
    border-radius: 2px;
    z-index: -1;
}

#brx-header.scrolling .pcw-header--cols.brxe-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#brx-header.scrolling #brxe-coveju .bricks-search-icon, #brx-header.scrolling .pcw-logo.brxe-logo {
    color: #0f1e24;
}

.pcw-menu--mobile .bricks-mobile-menu {
    margin-top: 5rem;
}

.pcw-menu--mobile .bricks-mobile-menu-wrapper {
    backdrop-filter: blur(5px);
}

:root .pcw-menu--mobile .brxe-nav-menu .bricks-mobile-menu-wrapper li a {
    width: 70%;
}

.pcw-menu--mobile i {
    margin-right: 0.5rem;
}

/*.pcw-post__title > a {
    display: flex;
    flex-direction: column;
}*/

a .pcw-title-text {
    border-bottom: 0.5px solid;
}

.pcw-footer__colophon img {
    width: 7rem;
    height: auto;
    transition: all 0.2s ease-in;
    opacity: 0.75;
    display: inline-block;
    margin: -0.125rem 0 0 0.3rem;
}

:root .pcw-footer__colophon.pcw-footer__colophon-image > a {
    border-bottom: 0;
    padding: 0;
}

:root .pcw-footer__colophon:not(.pcw-footer__colophon-image) > a {
    border-color: rgba(166, 183, 191, 0.5);
    color: rgba(166, 183, 191, 0.5);
}

.pcw-footer__colophon > a:hover img {
    opacity: 1;
}

.pcw-menu--footer.brxe-nav-menu .bricks-nav-menu {
    flex-wrap: wrap;
    justify-content: center;
}

/* BOOKS */

.pcw-book__cover img {
    border-radius: 1px 2px 2px 1px;
}

@media screen and (min-width: 768px) {
    .pcw-book__contribution-title {
        text-indent: -0.7rem;
    }   
}

/* POSTS */

.pcw-post__image img, .pcw-post__image-wrap.brxe-div {
    aspect-ratio: 16/9;
}

.pcw-post__image.pcw-post__image--narrow.brxe-image img {
    object-fit: contain;
    transform: rotate(10deg);
}

.pcw-post__excerpt .pcw-post__date {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.75;
    display: inline-block;
}

@media screen and (min-width: 992px) {
    body:not(.paged) .pcw-post--grid.pcw-post--grid-full.brxe-block:first-child {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
    }

    body:not(.paged) .pcw-post--grid.pcw-post--grid-full.brxe-block:first-child .pcw-post__title {
        font-family: 'New Title', sans-serif;
        font-weight: 700;
        font-size: 3.75rem;
        letter-spacing: 0.01em;
        line-height: 1.2;
    }

    body:not(.paged) .pcw-post--grid.pcw-post--grid-full.brxe-block:first-child .pcw-post__excerpt.brxe-text-basic {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    body:not(.paged) .pcw-post--grid.pcw-post--grid-full.brxe-block:first-child .pcw-post__image-wrap.brxe-div {
        margin-bottom: 0;
    }
}

.pcw-post-pagination.brxe-pagination ul {
    flex-wrap: wrap;
}

.pcw-post-pagination.brxe-pagination .bricks-pagination ul .page-numbers {
    transition: all 0.2s ease-in;
}

.pcw-post-pagination.brxe-pagination .bricks-pagination ul .page-numbers:not(.dots):not(.current):hover {
    background: #d93226;
}

/* MISC */

.pcw-bg-blur {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.pcw-promo--about--image img {
    border-radius: 2px;
}

.brxe-post-navigation {
    gap: 2rem;
}

.brxe-post-navigation a {
    flex: 1;
}

.brxe-post-navigation .prev-post .bricks-swiper-button-prev, .brxe-post-navigation .prev-post .image {
    margin-right: 1.5rem;
}

.brxe-post-navigation .next-post .bricks-swiper-button-next, .brxe-post-navigation .next-post .image {
    margin-left: 1.5rem;
}

@media (max-width: 478px) {
    .brxe-post-navigation .prev-post + .next-post {
        margin-top: 0;
    }
}

.brxe-post-navigation .content {
    margin: 1.25rem 0;
}

.container-lazyload { /* Used by the Lazy Load for Videos plugin */
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pcw-single-event__meta-item.brxe-text-basic > .pcw-single-event__meta-label {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 0.25rem;
}

/*.pcw-drop-cap:first-letter {
    float: left;
    font-size: 300%;
    line-height: 0.7;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 0.5rem 0 0;
}*/

/* FORMS */

.input, input:not([type="submit"]), select, textarea {
    line-height: 1.45;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    color: #212121;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
    padding-top: 0.5rem !important;
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    font-size: 1rem !important;
}

:root .gform_wrapper.gravity-theme .gfield input:focus, 
:root .gform_wrapper.gravity-theme .gfield select:focus,
:root .gform_wrapper.gravity-theme .gfield textarea:focus {
    border-color: #47a8d1 !important;
    outline: none !important;
}

.gform_wrapper.gravity-theme .gform_footer button, 
.gform_wrapper.gravity-theme .gform_footer input, 
.gform_wrapper.gravity-theme .gform_page_footer button, 
.gform_wrapper.gravity-theme .gform_page_footer input {
    font-family: "IBM Plex Sans";
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.2;
    padding-top: 1em;
    padding-right: 1.2em;
    padding-bottom: 1.05em;
    padding-left: 1.2em;
    transition: all 0.2s ease-in;
    background-color: #ffd64f;
    color: #212121;
    border: 2px solid rgba(255, 0, 0, 0);
    border-radius: 2px;
}

.gform_wrapper.gravity-theme .gform_footer button:hover, 
.gform_wrapper.gravity-theme .gform_footer input:hover, 
.gform_wrapper.gravity-theme .gform_page_footer button:hover, 
.gform_wrapper.gravity-theme .gform_page_footer input:hover {
    background-color: #d93226;
    color: #fff;
}

.gform_wrapper .gfield_required {
    font-size: 0.75rem;
    color: #d93226;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 1rem 0 0 0 !important;
}

:root .gform_wrapper.gravity-theme .ginput_counter {
    font-family: "IBM Plex Sans";
    font-size: 0.75rem;
    font-weight: 400;
    color: #2b2b2b;
    margin-top: 0.5rem;
}

:root .pcw-single-post__content.brxe-post-content .gform_wrapper {
    margin: 2rem 0;
}