

.tiles-section
{
    display : flex;
    flex-wrap : wrap;
    justify-content : center; /* Centers the lone item on the last row */
    gap : 0px;
    align-items : center;
    width : 100%;
    box-sizing : border-box;
    container-type : inline-size;
}



.tiles-section > a
{
    width : 100%;
    height : auto;
    max-height : 650px;
    text-decoration : none;
    
    @media ( min-width : 650px ) 
    {
        width : 50%;
    }


    @media ( min-width : 1280px ) 
    {
        width : 33.33%;
    }
}




@supports ( container-type: inline-size ) 
{

    @container ( min-width : 650px ) 
    {
        .tiles-section > a
        {
            width : 50%;
        }
    }


    @container ( min-width : 1280px ) 
    {
        .tiles-section > a
        {
            width : 33.33%;
        }
    }

}




.link-tile
{
    box-sizing : border-box;
    position : relative;
    width : 100%;
    height : 100vh;
    height : 100svh;
    max-height : 650px;
    padding : 10px 20px;
    margin : 0;

    display : flex;
    flex-wrap : wrap;
    text-align : center;
    flex-direction : column;
    align-items : center;
    justify-content : flex-end;
    /* flex : 1 0 100%; */

    background-color : white;
    background-size : cover; 
    background-repeat : no-repeat;
    background-position : center center;
    font-size : 1.5em;
}



/* 
.link-tile > *
{
    padding : 0em;
    z-index :  100;
} */




.link-tile > h2
{
    font-size : 30px;
    /* text-shadow : 0px 0px 20px rgb(44, 0, 0); */
    margin : 2px 2px 2em 2px;
    padding : 5px 12px;
    font-weight : 800;
    /* background-color : rgba(98, 42, 15, 1); */
    box-shadow : 0 0 1rem 0 rgba(0, 0, 0, 0.08);
    word-wrap : break-word;
    overflow-wrap : break-word;
    border-radius : 2px;
}




.link-tile-lorna.loaded
{
    background-image : url( "/assets/images/LornaGonzales-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/LornaGonzales-s.avif" type('image/avif'), "/assets/images/LornaGonzales-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/LornaGonzales-s.avif" type('image/avif'), "/assets/images/LornaGonzales-s.jpg" type('image/jpeg') );
    }
}




.link-tile-with-mission.loaded
{
    background-image : url( "/assets/images/born-with-a-mission/GonzalesFamily-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/born-with-a-mission/GonzalesFamily-s.avif" type('image/avif'), "/assets/images/born-with-a-mission/GonzalesFamily-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/born-with-a-mission/GonzalesFamily-m.avif" type('image/avif'), "/assets/images/born-with-a-mission/GonzalesFamily-m.jpg" type('image/jpeg') );
    }
}




.link-tile-testimonial-1.loaded
{
    background-image : url( "/assets/testimonials__/cancers-tumors-etc/anonymous-1/stonino-testimonial-1-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/testimonials__/cancers-tumors-etc/anonymous-1/stonino-testimonial-1-s.avif" type('image/avif'), "/assets/testimonials__/cancers-tumors-etc/anonymous-1/stonino-testimonial-1-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/testimonials__/cancers-tumors-etc/anonymous-1/stonino-testimonial-1-m.avif" type('image/avif'), "/assets/testimonials__/cancers-tumors-etc/anonymous-1/stonino-testimonial-1-m.jpg" type('image/jpeg') );
    }
}




.link-tile-conversions.loaded
{
    background-image : url( "/assets/images/conversions/abby/abby_2-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/conversions/abby/abby_2-s.avif" type('image/avif'), "/assets/images/conversions/abby/abby_2-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/conversions/abby/abby_2-m.avif" type('image/avif'), "/assets/images/conversions/abby/abby_2-m.jpg" type('image/jpeg') );
    }
}




.link-tile-prayers.loaded
{
    background-image : url( "/assets/images/link-tiles/praying-hands-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/praying-hands-s.avif" type('image/avif'), "/assets/images/link-tiles/praying-hands-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/praying-hands-m.avif" type('image/avif'), "/assets/images/link-tiles/praying-hands-m.jpg" type('image/jpeg') );
    }
}




.link-tile-images.loaded
{
    background-image : url( "/assets/images/link-tiles/sto-nino-gold-red-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/sto-nino-gold-red-s.avif" type('image/avif'), "/assets/images/link-tiles/sto-nino-gold-red-s.avif" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/sto-nino-gold-red-m.avif" type('image/avif'), "/assets/images/link-tiles/sto-nino-gold-red-m.avif" type('image/jpeg') );
    }
}




.link-tile-events.loaded
{
    background-image : url( "/assets/images/link-tiles/fr-orbos-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/fr-orbos-s.avif" type('image/avif'), "/assets/images/link-tiles/fr-orbos-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/fr-orbos-m.avif" type('image/avif'), "/assets/images/link-tiles/fr-orbos-m.jpg" type('image/jpeg') );
    }
}




.link-tile-schedule.loaded
{
    background-image : url( "/assets/images/link-tiles/events-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/events-s.avif" type('image/avif'), "/assets/images/link-tiles/events-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/events-m.avif" type('image/avif'), "/assets/images/link-tiles/events-m.jpg" type('image/jpeg') );
    }
}




.link-tile-address.loaded
{
    background-image : url( "/home/chief/God/Websites/assets/images/link-tiles/map-pin-s.jpg" );
    
    @media ( max-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/map-pin-s.avif" type('image/avif'), "/assets/images/link-tiles/map-pin-s.jpg" type('image/jpeg') );
    }

    @media ( min-width : 2560px )
    {
        background-image : image-set( "/assets/images/link-tiles/map-pin-m.avif" type('image/avif'), "/assets/images/link-tiles/map-pin-m.jpg" type('image/jpeg') );
    }
}




a:nth-child( 4n + 1 ) > .link-tile h2
{
    background-image : linear-gradient( to right, rgba(104, 0, 0, 0.9), rgba(104, 0, 0, 0.7), rgba(104, 0, 0, 0.9) );
    color : rgba(255, 255, 255, 1);
    border-top : 0px solid white;
    border-bottom : 0px solid white;
}



a:nth-child( 4n + 2 ) > .link-tile h2
{
    background-image : linear-gradient( to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.9) );
    color : rgba(104, 0, 0, 1);
    border-top : 0px solid rgba(104, 0, 0, 1);
    border-bottom : 0px solid rgba(104, 0, 0, 1);
}



a:nth-child( 4n + 3 ) > .link-tile h2
{
    background-image : linear-gradient( to right, rgba(1, 65, 90, 0.9), rgba(1, 65, 90, 0.7), rgba(1, 65, 90, 0.9) );
    color : rgba(255, 255, 255, 1);
    border-top : 0px solid rgba(104, 0, 0, 1);
    border-bottom : 0px solid rgba(104, 0, 0, 1);
}



a:nth-child( 4n + 4 ) > .link-tile h2
{
    background-image : linear-gradient( to right, rgba(168, 213, 250, 0.9), rgba(168, 213, 250, 0.7), rgba(168, 213, 250, 0.9) );
    color : rgba(1, 65, 90, 1);
    border-top : 0px solid rgba(104, 0, 0, 1);
    border-bottom : 0px solid rgba(104, 0, 0, 1);
}


