/* Theme Name: Spencer Lane-Jones Theme URI: https://www.suepaynementoring.com/ Description: Understrap Child Theme for Spencer Lane-Jones Author: Lamcat - DS Author URI: https://www.lamcat.co.uk/ Template: understrap Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: lc-slj Tags: one-column, custom-menu, featured-images, theme-options, translation-ready GitHub Theme URI: understrap/lc-slj */ /* SLJ Style Updates February 2026 */ body.car-for-sale-template-default{font-family: 'Josefin Sans';} section.cars-hero{background-color:#E4DDCB;} section.cars-hero h1{text-transform:none; font-size:55px;} section.cars-hero .row{flex-wrap:nowrap;} section.cars-hero .row .hero-column{max-width:50%; display:flex; flex-direction:column; justify-content:center; gap:40px; padding:0 60px; padding-right:30px;} section.cars-hero .row .image-column{padding:0;} section.cars-hero .row .hero-column .icon-box-container{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;} section.cars-hero .row .hero-column .icon-box-container .icon-box{display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap;gap:8px;} section.cars-hero .row .hero-column .icon-box-container .icon-box img{width:auto; height:auto;} section.cars-hero .row .hero-column .icon-box-container p{margin:0; font-size:16px;} section.cars-hero .row .hero-column .double-btn{display:flex; flex-wrap:wrap; flex-direction:row; gap:50px;} section.cars-hero .btn{font-weight:400; font-size:18px!important; text-transform:none; border-radius:unset!important; background-color:#003A38; border:1px solid #003A38; padding:12px 24px!important; transition:all 0.8s;} section.cars-hero .btn-solid{color:white;} section.cars-hero .btn-solid:hover{background-color:transparent; color:unset;} section.cars-hero .btn-outline{background-color:transparent;} section.cars-hero .btn-outline:hover{background-color:#003A38; color:white;} section.car-main-content{padding:40px 120px} section.car-main-content p{font-size:14px; font-weight:400;} section.car-main-content p.service-history{font-size:18px; font-weight:600; margin-bottom:20px} section.gallery{background-color:#E4DDCB; padding:40px 120px} section.gallery .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows:unset; gap: 10px; list-style: none; padding: 0; margin: 0; } section.gallery .gallery-grid .item { list-style: none; } section.gallery .gallery-grid .item span{ width:100%; } section.gallery .gallery-grid li:nth-child(5n-2){grid-row-end: unset!important; grid-column-end: unset!important;} section.gallery .gallery-grid li:nth-child(5n+1){grid-row-end: unset!important; grid-column-end: unset!important;} section.gallery .gallery-grid img { width: 100%; height: 100%; object-fit: cover; display: block; } main .wp-block-post-title{display:none;} .group-blog section.cars-for-sale{padding:40px 120px!important; font-family: 'Josefin Sans'; flex-direction:column; gap:20px;} section.cars-for-sale h1{text-align:center; font-weight:500; font-size:55px;} section.cars-for-sale .cars-for-sale-container{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; } section.cars-for-sale .cars-for-sale-container article{width:100%; display:flex; flex-direction:column; gap:14px;} section.cars-for-sale .cars-for-sale-container article .car-card-title a{text-decoration: none; text-transform: none; font-size:28px; font-weight:600;} section.cars-for-sale .cars-for-sale-container article .car-card-content{width:100%; display:flex; flex-direction:column; gap:14px;} section.cars-for-sale .cars-for-sale-container .car-card-meta{display:flex; flex-direction:row; flex-wrap:wrap; gap:28px;} section.cars-for-sale .cars-for-sale-container .car-card-meta .icon-box{display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap;gap:8px;} section.cars-for-sale .cars-for-sale-container .car-card-meta .icon-box p{margin:0; font-weight:400; font-size:20px; line-height:120%;} section.cars-for-sale .cars-for-sale-container .car-card-meta .icon-box img{width:auto; height:auto;} .cars-pagination {margin-top: 60px; display: flex; justify-content: center; gap: 40px; } .cars-pagination .arrow {display: flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 2px; padding:12px; transition: all .2s ease; } .cars-pagination .arrow-prev { border: 1px solid #003A38; color: #003A38; background: transparent; } .cars-pagination .arrow-next { background: #003A38; color: #ffffff; border: 1px solid #003A38; } .cars-pagination .disabled { opacity: .3; pointer-events: none; } @media screen and (max-width: 991px) { section.cars-hero h1{font-size:32px;} section.cars-hero .row{flex-direction:column; gap:0; margin:0;} section.cars-hero .row .hero-column{max-width:100%; padding:20px; gap:32px;} section.cars-hero .row .image-column{padding:0;} section.cars-hero .row .hero-column .double-btn{gap:40px;} section.cars-hero .btn{font-size:16px!important;} section.car-main-content{padding:20px} section.gallery{padding:20px;} section.gallery .gallery-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} section.gallery .gallery-grid li:nth-child(3n){ grid-column: 1 / -1!important;} .group-blog section.cars-for-sale{padding:20px!important;} section.cars-for-sale h1{text-align:left; font-size:32px;} section.cars-for-sale .cars-for-sale-container{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } section.cars-for-sale .cars-for-sale-container article .car-card-title a{font-size:14px; font-weight:500;} section.cars-for-sale .cars-for-sale-container .car-card-meta .icon-box p{font-size:16px;} section.cars-for-sale .cars-for-sale-container .car-card-meta{gap:23px;} .cars-pagination{margin-top:40px;} } @media screen and (max-width: 360px) { section.cars-for-sale .cars-for-sale-container .car-card-meta{flex-direction:column; gap:10px;} }