/*
Theme Name: USC Credit Union
Author: Pannos Marketing
Author URI: https://www.pannosmarketing.com/
Description: A customized WordPress theme for USC Credit Union.
Requires at least: 6.0.3
Tested up to: 6.0.3
Requires PHP: 7.4.32
Version: 1.1
*/


/* Locations Update */

.pmlocations-template-default .columns {
    display: grid;
    margin: 0 auto;
    max-width: 1800px;
}

.mod-directory-listing .photo img {
    width: 100%;
    max-width: 370px;
    margin-bottom: clamp(20px,3vw,45px);
}

.mod-directory-listing  .info .name, .mod-directory-listing  .info .title, .mod-directory-listing .photo {
    text-align: center;
}

.mod-directory-listing .info .action .cta-btn {
    display: inline-block;
}

.mod-directory-listing .info .action {
    text-align: center;
    margin-bottom: 45px;
}

.info .name {
    color: #900;
    font-size: 28px;
    margin-bottom: .25em;
}

.mod-directory-listing .info .title {
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 600;
}

.mod-directory-listing .entry .info .bio {
    /*max-width: 370px;*/
    margin: 0 auto 2em;

    display: block;
    background: url(/wp-content/themes/usc-credit-union/icons/ico-quote.svg);
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left: 50px;
    padding-right: 20px;
}

.mod-location-details-hours-services .wp-block-lazyblock-standalone-disclosure>.content p {
    border: 0;
}

.mod-location-details-hours-services .wp-block-lazyblock-standalone-disclosure>.content {
    display: block;
    margin-top: 5em;
}

@media screen and (min-width: 768px) and (max-width: 1399px){
    .mod-directory-listing .entry {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 clamp(25px,7vw,125px);
    }

    .mod-directory-listing .entry .info {
        grid-row: 1 /span 2;
        grid-column: 2;
        padding: 0 2em;
    }

    .mod-directory-listing .photo {
        grid-column: 1;
    }
}

@media screen and (min-width: 1400px){

    .pmlocations-template-default .columns {
        grid-template-columns: 3fr 1fr;
        max-width: 1800px;
    }

}

.mod-directory-listing .entry .nearby {
    list-style: none;
    padding: 0;
    max-width: 370px;
    margin: 0 auto;
}

.mod-directory-listing .entry .nearby li {
    grid-template-columns: 30px 1fr;
    display: grid;
    gap: 2rem;
    margin-bottom: 1rem;
    align-items: center;
}

.mod-directory-listing .entry .nearby li img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.mod-directory-listing .entry .nearby h3 {
    padding: 0 5rem;
}