@media screen and (max-width: 600px) {
    .hide-on-mobile {
        visibility: hidden;
        display: none !important;
    }
}

@media screen and (min-width: 600px) {
    .hide-on-desktop {
        visibility: hidden;
        display: none !important;
    }
}


.header,
.header-transparent {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.admin-bar .header {
    top: var(--wp-admin--admin-bar--height);
}

.header {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}
.header-transparent {
    position: absolute;
    z-index: 99;
}

.block-editor-block-list__block.header {
    transform: translateY(0%);
}
.block-editor-block-list__block.header-transparent {
    background: repeating-linear-gradient(-45deg, #333333, #333333 10px, #666666 10px, #666666 20px);
}

body.scrolled .header {
    transform: translateY(0%);
}

.header:has(.is-menu-open) {
    height: 100%;
}


.wp-block-cover.hero-section {
    padding-top: 112px !important;
}

@media screen and (max-width: 1440px) {
    .wp-site-blocks {
        padding-block: 0 !important;
    }
    .wp-block-cover.hero-section {
        border-radius: 0 !important;
        min-height: auto !important;
        padding-block-end: 3rem;
    }
}

.wp-block-group.is-style-text-reveal > * {
    background-image: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary));
}

.wp-block-group.is-style-horizontal-scroll > * {
    position: relative;
}
.wp-block-group.is-style-horizontal-scroll:not(.is-style-horizontal-scroll--no-lines) > *::before {
    content: '';
    position: absolute;
    height: 80px;
    width: 1px;
    top: 50%;
    right: calc( var(--wp--preset--spacing--40) * -0.5) ;
    transform: translateY(-50%);
    background-color: var(--wp--preset--color--accent-2);
    z-index: 1;
}

.wp-block-group.is-style-horizontal-scroll > *:first-child {
    white-space: nowrap;
    width: auto;
    padding-left: var(--wp--preset--spacing--60);
}
.wp-block-group.is-style-horizontal-scroll > *:last-child {
    white-space: nowrap;
    width: auto;
    padding-right: var(--wp--preset--spacing--60);
}

.is-style-cover-link a::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}
.is-style-cover-link .wp-block-cover .wp-block-cover__inner-container {
    position: initial;
}

/* tabs */
.wp-block-group.tabs .tabs__nav {
    column-gap: 1rem;
    row-gap: 0;
    border-bottom: 1px solid var(--wp--preset--color--primary);
}
.wp-block-group.tabs .tabs__nav > * {
    border-bottom: 3px solid transparent;
    min-width: 6rem;
    flex-shrink: 1;
    
}
.wp-block-group.tabs .tabs__nav > .active {
    border-bottom: 3px solid var(--wp--preset--color--primary);
}
/* end tabs */

.wp-block-media-text.ratio-16-9 > .wp-block-media-text__content {
    padding: var(--wp--preset--spacing--60);
}
@media screen and (max-width: 600px) {
    .wp-block-media-text.ratio-16-9 > .wp-block-media-text__content {
        padding-left: 0;
        padding-right: 0;
    }
    
}

.wp-block-media-text.is-style-rounded-corners .wp-block-media-text__media img {
    border-radius: 1rem;
}
.wp-block-media-text.ratio-16-9 .wp-block-media-text__media img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}


.is-layout-flex.col-lg-5, .is-layout-flex.col-md-5, .is-layout-flex.col-sm-5, .is-layout-flex.col-5,
.is-layout-flex.col-lg-4, .is-layout-flex.col-md-4, .is-layout-flex.col-sm-4, .is-layout-flex.col-4,
.is-layout-flex.col-lg-3, .is-layout-flex.col-md-3, .is-layout-flex.col-sm-3, .is-layout-flex.col-3,
.is-layout-flex.col-lg-2, .is-layout-flex.col-md-2, .is-layout-flex.col-sm-2, .is-layout-flex.col-2
.is-layout-flex.col-lg-1, .is-layout-flex.col-md-1, .is-layout-flex.col-sm-1, .is-layout-flex.col-1
{
	flex-wrap: wrap;
	gap: 0;
}

.is-layout-flex.col-lg-5 > *, .is-layout-flex.col-md-5 > *, .is-layout-flex.col-sm-5 > *, .is-layout-flex.col-5 > *,
.is-layout-flex.col-lg-4 > *, .is-layout-flex.col-md-4 > *, .is-layout-flex.col-sm-4 > *, .is-layout-flex.col-4 > *,
.is-layout-flex.col-lg-3 > *, .is-layout-flex.col-md-3 > *, .is-layout-flex.col-sm-3 > *, .is-layout-flex.col-3 > *,
.is-layout-flex.col-lg-2 > *, .is-layout-flex.col-md-2 > *, .is-layout-flex.col-sm-2 > *, .is-layout-flex.col-2 > *,
.is-layout-flex.col-lg-1 > *, .is-layout-flex.col-md-1 > *, .is-layout-flex.col-sm-1 > *, .is-layout-flex.col-1 > *
{
	flex-shrink: 0;
}

.is-layout-flex.col-5 > * { flex-basis: calc(100% / 5); }
.is-layout-flex.col-4 > * { flex-basis: calc(100% / 4); }
.is-layout-flex.col-3 > * { flex-basis: calc(100% / 3); }
.is-layout-flex.col-2 > * { flex-basis: calc(100% / 2); }
.is-layout-flex.col-1 > * { flex-basis: 100%; }

.is-layout-flex.col-lg-5 > * { flex-basis: calc(100% / 5); }
.is-layout-flex.col-lg-4 > * { flex-basis: calc(100% / 4); }
.is-layout-flex.col-lg-3 > * { flex-basis: calc(100% / 3); }
.is-layout-flex.col-lg-2 > * { flex-basis: calc(100% / 2); }
.is-layout-flex.col-lg-2 > * { flex-basis: 100%; }

@media screen and (max-width: 992px) {
	.is-layout-flex.col-md-5 > * { flex-basis: calc(100% / 5); }
	.is-layout-flex.col-md-4 > * { flex-basis: calc(100% / 4); }
	.is-layout-flex.col-md-3 > * { flex-basis: calc(100% / 3); }
	.is-layout-flex.col-md-2 > * { flex-basis: calc(100% / 2); }
	.is-layout-flex.col-md-1 > * { flex-basis: 100%; }
}
@media screen and (max-width: 600px) {
	.is-layout-flex.col-sm-5 > * { flex-basis: calc(100% / 5); }
	.is-layout-flex.col-sm-4 > * { flex-basis: calc(100% / 4); }
	.is-layout-flex.col-sm-3 > * { flex-basis: calc(100% / 3); }
	.is-layout-flex.col-sm-2 > * { flex-basis: calc(100% / 2); }
	.is-layout-flex.col-sm-1 > * { flex-basis: 100%; }
}
