/*
Theme Name: Covent Garden
Theme URI: https://coventgarden.co.uk
Author: Streeten Design
Description: Custom theme for CoventGarden.co.uk
Version: 1.0.0
Requires PHP: 8.4
*/


body {
    margin:0;
    font-family: Arial, sans-serif;
    color:#222;
}


.homepage {
    max-width:1200px;
    margin:auto;
}


.hero {

    padding:100px 20px;
    text-align:center;

}


.hero h1 {

    font-size:60px;

}


.site-search input {

    padding:15px;
    width:400px;

}


.site-search button {

    padding:15px 30px;

}



.category-grid {

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:20px;

}


.category-grid a {

    padding:30px;

    background:#f5f5f5;

    text-align:center;

    text-decoration:none;

    color:#222;

}



.placeholder-grid {

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:20px;

}


.placeholder-grid div {

    padding:50px;

    background:#eee;

}



.newsletter {

    padding:60px 20px;

    text-align:center;

}
.business-card {

background:#fff;

border:1px solid #ddd;

padding:20px;

}


.business-card img {

width:100%;

height:220px;

object-fit:cover;

}


.business-card h3 a {

color:#222;

text-decoration:none;

}
.business-single {

max-width:1200px;
margin:auto;
padding:40px 20px;

}


.business-hero {

text-align:center;

}


.business-hero h1 {

font-size:48px;

}


.business-image img {

max-width:900px;
width:100%;

}


.business-category {

font-weight:bold;

text-transform:uppercase;

margin-top:20px;

}


.business-content {

max-width:800px;

margin:50px auto;

font-size:18px;

}


.map-section {

margin-top:50px;

height:400px;

background:#eee;

display:flex;

align-items:center;

justify-content:center;

}
#business-map {

height:400px;
width:100%;
margin-top:30px;

}