/**
 * Generic styling
 */

[x-cloak] {
    display: none !important;
}

body.disabled-scroll {
    overflow: hidden;
}

.align-center {
    margin: 0 auto;
}

.text-align,
.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-transform-none {
    text-transform: none;
}

.lowercase {
    text-transform: none !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.overflow-y {
    overflow-y: auto;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-hidden {
    overflow: hidden;
}

@media (min-width: 48em) {
    .md-text-align-right {
        text-align: right;
    }

    .md-text-align-left {
        text-align: left;
    }
}

@media screen and (min-width: 68em) {
    .lg\:overflow-y-initial {
        overflow-y: initial;
    }
}

/**
 * Position
 */

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.sticky {
    position: sticky;
}

.fixed {
    position: fixed;
}

.inset-0 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.top-0 {
    top: 0;
}

.top-sm {
    top: var(--margin-sm);
}

.top-full {
    top: 100%;
}

.right-0 {
    right: 0;
}

.right-sm {
    right: var(--margin-sm);
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.left-100 {
    left: 100%;
}

/**
 * Display
 */

.inline {
    display: inline;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.flex-col {
    flex-direction: column;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.items-end {
    align-items: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.grow {
    flex-grow: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-wrap {
    flex-wrap: wrap;
}

@media screen and (min-width: 48em) {
    .md\:inline {
        display: inline;
    }

    .md\:grid {
        display: grid;
    }

    .md\:block {
        display: block;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:justify-center {
        justify-content: center;
    }

    .md\:grow-0 {
        flex-grow: 0;
    }
}

@media screen and (min-width: 64em) {
    .lg\:hidden {
        display: none;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:grid {
        display: grid;
    }
}

/* General font styling */

a {
    text-decoration: none;
    color: inherit;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

p a,
.page-content > ul li a {
    --paragraph-link-color: var(--color-active);
    color: var(--paragraph-link-color);
    font-weight: 700;
}

p a:hover,
p a:focus,
.page-content > ul li a:hover,
.page-content > ul li a:focus {
    text-decoration: underline;
}

p a.only-node::after {
    content: '';
    background: currentColor;
    -webkit-mask-image: url('/wp-content/themes/wp-theme-planbornefonden/assets/icons/navigation/arrow-right.svg');
    mask-image: url('/wp-content/themes/wp-theme-planbornefonden/assets/icons/navigation/arrow-right.svg');
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    transition: transform .2s ease-in-out;
}

p a.only-node:hover::after {
    transform: translateX(8px);
}


/* Text content (WYSIWYG etc.) */

.text-content {
    font-size: 16px;
    line-height: 25px;
}
.text-content a {
    color: #8A84D3;
}
.text-content a:hover {
    text-decoration: underline;
}

/**
 * Transforms
 */

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
    --tw-translate-y: 0;
}

.-translate-y-full {
    --tw-translate-y: -100%;
}

/**
 * Opacity
 */

.opacity-0 {
    opacity: 0;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-85 {
    opacity: 0.85;
}

/**
 * Border Radius
 */

.rounded {
    border-radius: 21px;
}

.rounded-b {
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
}

.rounded-full {
    border-radius: 100%;
}

.rounded-sm {
    border-radius: var(--text-sm);
}

.rounded-lg {
    border-radius: var(--text-lg);
}

.rounded-t-lg {
    border-top-left-radius: var(--text-lg);
    border-top-right-radius: var(--text-lg);
}

/**
 * Object fit
 */

.object-cover {
    object-fit: cover;
}

/**
 * Z-index
 */

.-z-index {
    z-index: -1;
}

.z-index {
    z-index: 1;
}

.z-index-100 {
    z-index: 100;
}

.z-index-200 {
    z-index: 200;
}

/**
 * List style
 */

.list-none {
    list-style-type: none;
}

/**
 * Borders
 */

.border-2 {
    border-width: 2px;
}

.border-t {
    border-top-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-3 {
    border-bottom-width: 3px;
}

.last\:border-b-0:last-child {
    border-bottom-width: 0;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

/**
 * Aspect ratio
 */

.aspect-1\/1 {
    aspect-ratio: 1 / 1;
}

.aspect-3\/2 {
    aspect-ratio: 3 / 2;
}

.aspect-4\/3 {
    aspect-ratio: 4 / 3;
}

.aspect-8\/10 {
    aspect-ratio: 8 / 10;
}

.aspect-16\/9 {
    aspect-ratio: 16 / 9;
}

.aspect-100\/56 {
    aspect-ratio: 1 / 0.56;
}

.aspect-212\/169 {
    aspect-ratio: 212 / 169;
}
 
/**
 * Vertical align
 */

.vertical-align-bottom {
    vertical-align: bottom;
}

/**
 * Ellipsis
 */

.ellipsis,
.ellipsis > *,
.ellipsis-2,
.ellipsis-2 > *,
.ellipsis-5 {
    --ellipsis-lines: 1;

    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--ellipsis-lines);
    -webkit-box-orient: vertical;
    max-height: calc(var(--text-base) * 1.65 * var(--ellipsis-lines));
}

.ellipsis-2,
.ellipsis-2 > * {
    --ellipsis-lines: 2;
}

.ellipsis-5 {
    --ellipsis-lines: 5;
}

@media screen and (min-width: 64em) {
    .lg\:ellipsis-3,
    .lg\:ellipsis-3 > * {
        --ellipsis-lines: 3;

        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: var(--ellipsis-lines);
        -webkit-box-orient: vertical;
    }
}

/**
 * User Select
 */

.select-none {
    user-select: none;
}

.hyphens-none {
    hyphens: none;
}

.break-word {
    word-break: break-word;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.pointer-events-none {
    pointer-events: none;
}