/*
Theme Name: TailPress
Theme URI: https://github.com/jeffreyvr/tailpress
Author: Jeffrey van Rossum
Author URI: https://vanrossum.dev
Description: TailPress is a simple boilerplate WordPress theme with Tailwind CSS.
Version: 3.4.0
License: MIT
License URI: https://github.com/jeffreyvr/tailpress/blob/master/LICENSE
Text Domain: tailpress
*/

.post-type-archive-series .lity {
    background: rgba(100,116,139, 0.75);
}

.post-type-archive-series .lity.lity-inline .lity-container {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    height: 100%;
}

.post-type-archive-series .lity.lity-inline .lity-container .lity-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s ease;
    max-width: 90%;
    margin: 0 auto;
}

.post-type-archive-series .lity.lity-inline .lity-container .lity-content:after {
    display: none;
}

@media (min-width: 640px) {
    .post-type-archive-series .lity.lity-inline .lity-container .lity-content {
        max-width: 32rem;
    }
}

.filter-content {
    border-radius: .5rem;
}

.post-type-archive-series .filter-content ul {
    margin: 0;
}

@media screen and (min-width: 640px) {
    .modalWrapper {
        margin-bottom: 0px;
    }
}
.modalWrapper {
    margin-bottom: 50px;
}



.modalWrapper .content ul {
    margin-left: 0 !important;
}

.modalWrapper .content ul h4 {
    color: rgba(23, 23, 23, var(--tw-text-opacity));
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}

.modalWrapper {
    padding-bottom: .75rem;
}

@media (min-width: 640px) {
    .sm\:pl-6 {
        padding-left: 1.5rem;
    }
}
@media (min-width: 640px) {
    .sm\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity));
    }
}

@media (min-width: 640px) {
    .sm\:border-l {
        border-left-width: 1px;
    }
}

@media (min-width: 640px) {
    .sm\:ml-6 {
        margin-left: 1.5rem;
    }
}

@media (min-width: 640px) {
    .sm\:border-transparent {
        border-color: transparent;
    }
}

@media (min-width: 640px) {
    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1024px) {
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:scale-101:hover {
	transform: scale(1.01);
}
@media (min-width: 1024px) {
    .lg\:h-56 {
        height: 14rem;
    }
}
@media (min-width: 640px) {
    .sm\:gap-0 {
        gap: 0;
    }
}
@media (min-width: 640px) {
    .sm\:items-start {
        align-items: flex-start;
    }
}

.w-24 {
    width: 6rem;
}

@media (min-width: 640px) {
    .sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem;
    }
}

@media (min-width: 640px) {
    .sm\:mt-5 {
        margin-top: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .lg\:mt-8 {
        margin-top: 2rem;
    }
	  .lg\:aspect-none {
        padding-bottom: 0;
        position: static;
    }
	  .lg\:aspect-none>* {
        bottom: auto;
        height: auto;
        left: auto;
        position: static;
        right: auto;
        top: auto;
        width: auto;
    }
}

.lity {
	background-color: rgba(100,116,139, 0.75) !important;
		background: rgba(100,116,139, 0.75) !important;
}

.post-type-archive-video .lity-inline .lity-container,
.lity-youtube .lity-container {
	max-width: 80%;
	position: relative;
}