/*
Theme Name: Trinity
Theme URI: 
Author: JLS
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trinity
Tags: 
*/

.wp-block-query {
    ul {
        li {
            display: contents;

            .wp-block-group {
                padding-bottom: 10px;
            }

            figure {
                max-height: 200px;
                overflow: hidden;
            }
        
            .name-wrapper {
                padding: 0px 10px 0px 10px;
                margin-top: auto;
                margin-bottom: 0;
                margin-left: auto;
                margin-right: auto;
            }

            p {
                margin-top: auto;
                margin-bottom: auto;
                margin-left: auto;
                margin-right: auto;
            }

            p:hover {
                background-color: rgb(255, 205, 0);
            }

            p.not-clickable:hover {
                background-color: transparent !important;
            }

            a {
                padding-left: 0px;
                padding-right: 0px;
            }

            p:not(.not-clickable):hover a, a:hover {
                opacity: .85;
                background-color: rgb(255, 205, 0);
                color: #1f2a44;
                cursor: pointer;
            }

            p.not-clickable:hover, a.not-clickable:hover {
                background-color: transparent !important;
                color: #ffffff;
                cursor: default;
            }
        }

        li div:hover {
            p {
                background-color: rgb(255, 205, 0);
            }

            p.not-clickable {
                background-color: transparent !important;
                color: #ffffff;
                cursor: default;
            }            
        }
    }

    .wp-block-query-pagination {
        padding: 5px;
        
        .wp-block-query-pagination-next, .wp-block-query-pagination-numbers, .wp-block-query-pagination-previous {
            margin-bottom: 5px;
            margin-right: 5px;
            margin-top: 5px;
            text-decoration: none;
            padding: 5px;
        }

        .wp-block-query-pagination-next:hover, .page-numbers:hover, .wp-block-query-pagination-previous:hover {
            background-color: rgb(255, 205, 0);
            color: #1f2a44;
            padding: 5px;
        }

        .page-numbers {  
            text-decoration: none;
            padding: 5px;
        }

        .current {
            /* text-decoration: underline; */
            color: #1f2a44;
            background-color: rgb(255, 205, 0);
            padding: 5px;
        }


    }    
}

.wp-block-group-is-layout-grid .wp-block-group .wp-block-group {
    margin-bottom: 0;
}

.is-sidebar-nav {
    background-color: #1f2a44;
    color: #fff;
    padding:10px;

    a:hover, .current {
        opacity: .85;
        background-color: rgb(255, 205, 0);
        color: #1f2a44;     
        border-radius: 0 !important;   
    }
}

.wp-block-separator {

}

.wp-block-separator.is-style-default {
    max-width: 33%;
}

.asset_biography, .asset_biography p:first-child {
    margin-top: 0px !important;
}



/* Mobile */
@media (max-width: 599px) {
    .is-asset-subject-image, .is-asset-subject-image img  {
        width:100%; 
    }   

    .is-asset-subject-image {
        margin-bottom: 20px !important;
    }
        
    .wp-block-query .wp-block-post {
            p {
                background-color: rgb(255, 205, 0);
            }

            a {
                padding-left: 0px;
                padding-right: 0px;
            }

            p a, a {
                opacity: .85;
                background-color: rgb(255, 205, 0);
                color: #1f2a44;
            }
    }

}

.is-style-clickable {
    p {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }

    p:hover {
        background-color: rgb(255, 205, 0);
    }

    a {
        padding-left: 0px;
        padding-right: 0px;
        text-decoration: none;
    }

    p:hover a, a:hover {
        opacity: .85;
        background-color: rgb(255, 205, 0);
        color: #1f2a44;
    }    
}

.is-style-clickable:hover {
    cursor: pointer;

    p {
        background-color: rgb(255, 205, 0);
    }    
}

.page-template-default {
    table {
        font-size: 1rem !important;
        border-spacing: 0px;

        thead {
            background-color: #1f2a44;
            color: #fff;
            

            tr {
                th {
                    text-align: left;
                    font-weight: 600;
                    padding: 10px 0px 10px 10px;
                }
            }
        }

        tbody {
            tr {
                

                td {
                    border: none;
                    padding: 10px;
                }
            }

            tr.odd {
                background-color: rgb(238, 238, 238) !important;
            }
        }
    }
}

.single-jls_asset {
    h5 {
        font-size: 1rem !important;
    }
    table {
        font-size: 1rem !important;
        border-spacing: 5px;
        left: -10px;
    }
}

footer {
    position: relative;
    bottom: 0px !important;
    width: 100%;
}

.wp-lightbox-overlay .close-button {
    fill: white !important;

    svg {
        width: 40px !important;
        height: 40px !important;
        background-color: rgb(31, 42, 68);
    }
}