@tailwind base; /* Include base styles & normalize.css as a style reset */
@tailwind components; /* inject component classes by Tailwind & plugins */
@tailwind utilities; /* inject utility classes by Tailwind & plugins */

@layer base {

    .search-result-item-text p {
        @apply text-gray-700
    }

    p:last-child {
        @apply pb-0 mb-0;
    }

    .content ul li {
        @apply text-base leading-normal text-gray-800;
    }

    article:first-child {
        @apply pt-0;
    }

    p a:hover {
        @apply underline;
        color: inherit;
    }

    .context-lvsa .section-faq p a,
    .context-lvsa .content p a,
    .context-lvsa .wysiwyg-content a {
        color: #60962D !important;
    }

    .context-ave .section-faq p a,
    .context-ave .content p a,
    .context-ave .wysiwyg-content a {
        color: #005B83 !important;
    }

    .context-avl .section-faq p a,
    .context-avl .content p a,
    .context-avl .wysiwyg-content a {
        color: #2F3F88 !important;
    }

    .context-avs .section-faq p a,
    .context-avs .content p a,
    .context-avs .wysiwyg-content a {
        color: #0B6A00 !important;
    }

    /*Hero-Slider*/
    .context-lvsa .hero {
        @apply bg-color-lvsa-light;
        background-image: url('/images/hero-background-lvsa.gif');
    }

    .context-ave .hero {
        @apply bg-color-ave-light;
        background-image: url('/images/hero-background-ave.gif');
    }

    .context-avs .hero {
        @apply bg-color-avs-light;
        background-image: url('/images/hero-background-avs.gif');
    }

    .context-avl .hero {
        @apply bg-color-avl-light;
        background-image: url('/images/hero-background-avl.gif');
    }

    p img {
        margin: 2rem 0;
    }

    .hyphens-auto {
        hyphens: auto;
    }

    .embedded-video {
        position: relative;
        padding-bottom: 56.25%; /* ratio 16x9 */
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .embedded-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* ratio 4x3 */
    .embedded-video.ratio4x3 {
        padding-bottom: 75%;
    }
}