.flex:not(.flex-col) {
    flex-direction: unset;
}

.bg-white {
    background: #ffffff !important;
}

nav.hidden {
    display: none;
}

.h-\[3px\] {
    height: 3px !important;
}

.w-\[100px\] {
    width: 100px !important;
}

.circle {
    min-width: 38px;
}

.pfe-logo {
    width: 100%;
    height: calc(0.25rem * 20);
}

.pfe-nav {
    display: flex;
    justify-content: end;
}
.ml-3 {
    margin-left: 0.75rem;
}


@media (max-width: 768px) {
    section#content.blog.blog-home {
        padding-top: 0 !important;
    }
    section.blog.blog-single {
        padding-top: 0 !important;
    }
    .pfe-logo {
        width: 100px !important;
        height: unset !important;
    }
    .pfe-nav {
        display: none !important;
    }
}


.lg\:w-\[calc\(33\%-5px\)\] {
    @media (width >= 1024px) {
        width: calc(33% - 5px);
    }
}
.lg\:w-\[calc\(33\%_-_5px\)\] {
    @media (width >= 1024px) {
        width: calc(33% - 5px);
    }
}

body .container {
    width: 100%;
    @media (width >= 640px) {
        max-width: 640px;
    }
    @media (width >= 768px) {
        max-width: 768px;
    }
    @media (width >= 1024px) {
        max-width: 1024px;
    }
    @media (width >= 1220px) {
        max-width: 1220px;
    }
    @media (width >= 1536px) {
        max-width: 1536px;
    }
}

.text-xs {
    font-size:  0.75rem; !important;
    line-height: var(1.25, calc(1/0.75)) !important;
}