/* 
   =================================================================================================================
   
   Author:        Steve Beeston
   Date:          28th August 2024
   Description:   Light theme for about HERTFORD website
   Note(s):       This is a supplementary style sheets and should be added to web pages after all other style sheets

   =================================================================================================================
*/
   

body,
div.inner-wrapper {
   color: #3c3c3c;
}

div.outer-wrapper {
   background-color: #e8e8e8;
}

#home .intro, #about .intro,
div.feature-details {
   background-color: #f8f8f8;
   /* box-shadow: 1px 1px 4px #bbb; disabled SRB 25/9/24 */
}

.feature-row {
   background-color: #e8e8e8;
}

.feature-container {
   background-color: #f8f8f8;
   color: #333;
   box-shadow: 1px 1px 4px #bbb;
}

.feature-container h2 {
   color: #333;
}

div.feature-details,
p.publication-date  {
   color: #3c3c3c;
}

p.news-headline,
#home p.news-headline,
.count-things, .street-things {
   background-color: #f8f8f8; 
   color: #3c3c3c;
}

a.home-page-story p,
div.feature-details {
    border: 1px solid #ccc;
}

#home .dateline {
    color: #3c3c3c;
}

.more-link {
   color: #3c3c3c;
}

#home h1 {
   border-bottom: 1px solid #888;
}

#home .news-panel,
#home .feature-panel {
   box-shadow: 1px 1px 4px #bbb;
}

#housing-database div.banner-image-wrapper,
#retail-database div.banner-image-wrapper {
   background: #ccc;
}

/* SRB 28/08/24 disabled 03/09/24
#retail-database .inner-wrapper,
#housing-database .inner-wrapper {
   background-color: #eee;
}
*/

div.previous-panel {
   background: #e8e8e8;
}

.background-f3,
.retail-detail,
table.housing-detail td {
   background-color: #f3f3f3;
}

table.housing-detail td {
   color: #3c3c3c;
}

/* SRB additions 30/6/25 Start ------> */

.spacer {
    background: #e8e8e8;
	}

.box, .box-wrapper {
	background-color: white
}

.box-wrapper {
   box-shadow: 1px 1px 4px #bbb;
}

.box p {
	color: #333
}

.box-container h3 {
	color: #333
}

.feature-container h2,
.feature-container h3 {
	color: #333;
}

/* <------ SRB additions 30/6/25 End */


/*
   =============
   COUNT THINGS
   STREET THINGS
   =============
*/

.count-things, .street-things {
/*
   border-left: 3px solid #e8e8e8;
   border-right: 3px solid #e8e8e8;
*/
   border: 0;
   margin-left: 3px;
   margin-right: 3px;
   box-shadow: 1px 1px 4px #bbb;
}

.count-things:first-child, .street-things:first-child {
   /*
   border-right: 7px solid #e8e8e8;
   border-left: 0px solid #e8e8e8;
   */
   border: 0;
   margin-left: 0px;
   margin-right: 7px;
   box-shadow: 1px 1px 4px #bbb;

}

.count-things:last-child, .street-things:last-child {
   /*
    border-left: 7px solid #e8e8e8;
    border-right: 0px solid #e8e8e8;
   */
   border: 0;
   margin-left: 7px;
   margin-right: 0px;
   box-shadow: 1px 1px 4px #bbb;

}

@media only screen and (max-width: 639px) {
   .count-things,
   .street-things,
   .count-things:first-child,
   .count-things:last-child,
   .street-things:first-child,
   .street-things:last-child {
      margin: 0;
   }
}