@charset "UTF-8";
/* CSS Document */
body {
	font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-size: 17px!important
}
header {background: #000; padding: 15px 0 10px 0}
h1 {display: block; text-align: center; padding-top: 40px; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; font-size: 20px}
h2 {color: #000; font-family: "Times New Roman", Sans-serif; text-transform: uppercase; letter-spacing: 4px; font-size: 18px; font-weight: 700}
i {font-size: 22px; color: #AAAC46; margin-right: 10px}
a {color: #AAAC46!important;}
p.site-title {
	color: #fff!important; 
	margin: 15px 0; 
	position: relative;
    font-family: "Times New Roman", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 8.1px;
	text-transform: uppercase
}
p.site-title a {color: #fff!important; text-decoration: none}
img.custom-logo {height: 100px; width: auto; margin-top: 10px}
.hero-image {
	height: 330px;
	background: url("/wp-content/uploads/2024/12/CobhamHousePlan-hero-image.jpg");
	background-size: cover;
	background-position: center
}
.footer-image {
	height: 330px;
	background: url("/wp-content/uploads/2024/12/CobhamHousePlan-footer-image.jpg");
	background-size: cover;
	background-position: center
}
.intro-text {padding: 25px 0 25px 0}
.black-panel {padding: 35px 25px; background: #AAAC46; color: #fff; margin-bottom: 30px}
.black-panel p:last-of-type {margin-bottom: 0}

.accordion-item {margin-bottom: 15px}
.accordion-body p:last-of-type {margin-bottom: 0}

.accordion-item h2 button {font-size: 16px!important; line-height: 20px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #000;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('/wp-content/uploads/2024/12/white-arrow.png');
    transform: rotate(-180deg);
}

footer {background: #000; padding: 10px 0; color: #fff; font-family: "Times New Roman", Sans-serif; text-transform: uppercase; letter-spacing: 4px; font-size: 14px}

@media only screen and (max-width: 480px)  { 
	p.site-title {
    font-size: 18px;
}
img.custom-logo {height: 85px; width: auto; margin-top: 10px} 
	.hero-image, .footer-image {
	height: 250px;
	}
}