@import "variables.css";

/* 
 * Styles here are load in editor too 
 */

/* ANCHOR - block common settings */

.alignwide {
    margin-left  : calc( (100vw - 100%) / 4  * -1 );
    margin-right : calc( (100vw - 100%) / 4  * -1 );
    /* Padding the same amount as the margin when you don't want the content to expand due to the width. */
    padding-left  : calc( (100vw - 100%) / 4 );
    padding-right : calc( (100vw - 100%) / 4 );
}
.alignfull {
    max-width : 100vw;
    margin-left  : calc( (100vw - 100%) / 2  * -1 );
    margin-right : calc( (100vw - 100%) / 2  * -1 ); 
    /* Padding the same amount as the margin when you don't want the content to expand due to the width. */
    padding-left  : calc( (100vw - 100%) / 2 );
    padding-right : calc( (100vw - 100%) / 2 );
}

/* ANCHOR - acf-innerblocks-container */

.acf-innerblocks-container > *:first-child {
    margin-top: 0;
}
.acf-innerblocks-container > *:last-child {
    margin-bottom: 0;
}

/* ANCHOR - core/heading */

/* hide h1 in editor */
.block-library-heading-level-dropdown
.components-dropdown-menu__menu
button:nth-child(1) {
    display: none;
}

/* ANCHOR - wp-block-quote */

.wp-block-quote {}
.wp-block-quote p {}

/* ANCHOR - core/button */

.wp-block-buttons {
    margin: var(--gap-md) 0;
}
.wp-block-button {}
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-default .wp-block-button__link,
.wp-admin .editor-styles-wrapper .wp-block-button__link
{
    background-color: var(--brand-primary-color);
    color: white;
}
.wp-block-button.is-style-secondary .wp-block-button__link 
{
    background-color: var(--brand-secondary-color);
    color: black;
}
.wp-block-button.is-style-tertiary .wp-block-button__link 
{
    background-color: transparent;
    color: black;
}
.wp-block-button:not(.is-style-tertiary) .wp-block-button__link:hover
{
    background-color: var(--brand-hover-color);
    color: white;
    text-decoration: none;
}
.wp-block-button.is-style-tertiary .wp-block-button__link:hover
{
    text-decoration: underline;
}

/* ANCHOR - core/table */

body .wp-block-table td,
body .wp-block-table th {
    word-break: normal!important;
}

.wp-block-table.is-style-stripes thead {
    border-bottom: 0px;
}
.wp-block-table.is-style-stripes thead tr {
    background-color: var(--brand-secondary-color)!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--brand-secondary-color-light)!important;
}
.wp-element-caption {
    margin-bottom: 1px;
}

/* ANCHOR - core/separator */

.wp-block-separator {
    margin: var(--gap-md) 0;
}

/* ANCHOR - core/file */

.wp-block-file {
    display: flex;
    align-items: center;
    margin: var(--gap-md) 0;
}
.wp-block-file .wp-element-button {
    display: flex;
    align-items: center;
    gap: var(--gap);
    border-color: transparent!important;
    background-color: transparent!important;
    color: black!important;
}
.wp-block-file .wp-element-button::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4zMyAyNGwtMi44My0yLjgyOSA5LjMzOS05LjE3NS05LjMzOS05LjE2NyAyLjgzLTIuODI5IDEyLjE3IDExLjk5NnoiLz48L3N2Zz4=');
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-repeat: no-repeat;
}

/* ANCHOR - core/video */

.wp-block-embed.is-type-video iframe {
    width: clamp(350px, 90vw, 650px);
    height: auto;
    aspect-ratio: 16 / 9;
}

/* ANCHOR - core/gallery */

/* masonry */
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) {
    column-gap: var(--gap-md);
    /* display: block!important; */
}
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image {
    padding-bottom: var(--gap-md);
}
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image,
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image a,
body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) .wp-block-image img {
    /* min-width: 100%; */
}
 
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
    body:not(.wp-admin) .wp-block-gallery:not(.is-cropped,.columns-1) {
        column-count: 2!important;
    }
}
@media (max-width: 575.98px) {
    body:not(.wp-admin) .wp-block-gallery:not(.is-cropped) {
        column-count: 1!important;
    }
} 

/**/
.wp-block-gallery .wp-block-image a {
    border-bottom: none;
} 
/**/
.wp-block-gallery .wp-element-caption {
    display: none;
}
.vrx-fslightbox-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70vw;
}
.vrx-fslightbox-wrapper img {
    height: auto!important;
}
.vrx-fslightbox-wrapper figcaption {
    padding: var(--gap-sm) 0;
}
.fslightbox-open {
    overflow: auto!important;
    height: auto!important;
} 

/* ANCHOR - core/columns */

@media (max-width: 781px) {
    .wp-block-columns.is-style-revert-mobile {
        flex-direction: column-reverse;
    }
}