:root {
  --cassiopeia-color-primary: #afb4a7;
  --cassiopeia-color-info:#afb4a7;
  --cassiopeia-color-link:#3366CC;
  --cassiopeia-color-hover:#0099FF;
  --link-color:#3366CC;
  --link-color-rgb:34,79,170;
  --link-hover-color:#0099FF;
  --link-hover-color-rgb:0,153,255;
  --link-decoration:none;
}
.btn-info {
  --btn-bg:#81847b;
  --btn-border-color:#81847b;
  --btn-hover-bg:#9ca095;
  --btn-hover-border-color:#9ca095;
  --btn-active-bg:#70736b;
  --btn-active-border-color:#70736b;
  --btn-disabled-bg:#afb4a7;
  --btn-disabled-border-color:#afb4a7;
}
.btn-secondary {
  --btn-bg:#eeeeee;
  --btn-border-color:#eeeeee;
  --btn-hover-bg:#dddddd;
  --btn-hover-border-color:#dddddd;
  --btn-active-bg:#cccccc;
  --btn-active-border-color:#cccccc;
  --btn-disabled-bg:#eeeeee;
  --btn-disabled-border-color:#eeeeee;
}

.offline-card .header {background-image:none}
.offline-card .logo-icon {display:none}
.offline-card .login {display:none}
.offline-card h1 {display:none}

/* The Streatham Society */

.h1,h1 {font-size:calc(1.325rem + .9vw)} /* matches h2 */
.h1,h1 {margin: 0.5rem 0 1.5rem 0; text-align:center}
@media (min-width:1200px) {.h1,h1 {font-size:2rem}} /* matches h2 */
@media (min-width:768px) {.h1,h1 {padding: 0 10%}} /* narrower h1 */

.h2,h2,.h3,h3 {font-size:calc(1.275rem + .3vw)} /* matches h4 */
@media (min-width:1200px) {.h2,h2,.h3,h3 {font-size:1.5rem}} /* matches h4 */

a {text-decoration:none}
a:hover {text-decoration:none}
a:not([class]) {text-decoration:none} /* joomla hidden mail */
.mod-list li a:hover {text-decoration:none}

.image-article img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-wide img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-book img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-left img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-right img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-centre img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-intro img{width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}
.image-fit img{aspect-ratio: 1.9047619;object-fit:contain;background-color:#f7f7f7;width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}

figure.image-book{float:left;width:25%;margin-right:2em;margin-bottom:1em}
figure.image-left{float:left;width:35%;margin-right:2em;margin-bottom:1em}
figure.image-right{float:right;width:35%;margin-left:2em;margin-bottom:1em}
figure.image-centre{margin-left:20%;margin-right:20%;margin-bottom:1em}

@media only screen and (max-width: 767px) {
figure.image-book{float:none;width:100%;margin-left:0;margin-right:0}
figure.image-left{float:none;width:60%;margin-left:20%;margin-right:20%}
figure.image-right{float:none;width:60%;margin-left:20%;margin-right:20%}
figure.image-centre{width:100%;margin-left:0;margin-right:0}
}


@supports (display:grid) {
.site-grid {grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,18.00rem)) [main-end] minmax(0,1fr) [full-end];} /* reduce page width */
@media (min-width: 576px) and (max-width: 767px) {
.blog-items.columns-4{grid-template-columns: 1fr 1fr}
.blog-items.columns-3{grid-template-columns: 1fr 1fr}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-items.columns-4{grid-template-columns: 1fr 1fr 1fr}
.blog-items.columns-3{grid-template-columns: 1fr 1fr}
}
}

header.header.container-header {background-image:url("https://www.streathamsociety.org.uk/images/society/panorama-rookery.jpg")}
header.header.container-header {background-position:center}
header.header.container-header {background-size:cover}


.tss-search {position:absolute;top:10px;right:10px;z-index:999}
.tss-search .awesomplete > input {font-size:0.8rem}
.tss-search .form-control {background-color:#ecf9fa}
.result__title-link:focus .result__title-text {text-decoration:none}
.result__title-link:hover .result__title-text {text-decoration:none}

.tss-logo {height:170px}
.tss-logo p {text-align:center}
.tss-logo img {width:480px;height:160px;margin-top:5px}
@media only screen and (max-width:499px) { .tss-logo img {width:360px;height:120px;margin-top:45px} }
@media only screen and (max-width:379px) { .tss-logo img {width:240px;height:80px;margin-top:65px} }

.tss-mainmenu .mod-list {flex-direction:row;justify-content:center}
.tss-mainmenu .mod-list li {padding: 0.25em 1em}
.tss-mainmenu .mod-list li a {text-decoration:none}
.tss-mainmenu .mod-menu a {min-height:40px;color:#ffffff} /* j6 */

.sitename {background-color:#00000008;}
.sitename h1 {font-size: var(--body-font-size);line-height:1rem;margin:0;padding:12px 0 12px 0}

.breadcrumb span.divider.icon-location.icon-fw {display:none}

.item-page .tss-fields-container-after-title{list-style-type:none;text-align:center;font-weight:bold}
.item-page .tss-fields-container-before{list-style-type:none;text-align:center}
.item-page .tss-fields-container-after{list-style-type:none}
.item-page ul.fields-container{padding-left:0}
.item-page ul.fields-container li{padding-bottom:0.5em}
.item-page ul.fields-container .field-label{font-weight:bold}

.twocolumns {column-count:2;column-gap:2em}
.twocolumns p {break-inside:avoid}
@media (max-width: 767px) {.twocolumns {column-count:1;column-gap:0}}



.tss-featured .mod-list li {background-color:#d7dad3;padding-top:0}
.tss-featured .mod-list li {border-radius:var(--border-radius-sm)}
.tss-featured .mod-articles-item-content {display:flex;flex-flow:column-reverse}
.tss-featured .image-intro img {border-bottom-left-radius:0}
.tss-featured .image-intro img {border-bottom-right-radius:0}
.tss-featured .image-fit img {border-bottom-left-radius:0}
.tss-featured .image-fit img {border-bottom-right-radius:0}
.tss-featured h2 {font-size:1.3rem;text-align:center;padding-left:0.5rem;padding-right:0.5rem}
.tss-featured a {display:block;color:#333333}
.tss-featured a:hover {color:#777777}
.image-panorama {width:100%;margin:0;border:1px solid #bbbbbb;border-radius:var(--border-radius-sm)}



.tss-news h2 {text-align:center}
.tss-news h2 a {display:block}
.tss-news p.readmore .icon-chevron-right::before {content: "More \27A4";font-family: var(--body-font-family);font-weight:700}
.tss-news a.btn.btn-secondary {width:100%}
.tss-news ul.fields-container {display:none}
@supports (display:grid) { .tss-news {grid-gap: 2em;} }

.tss-news-page figure.image-article{margin-left:20%;margin-right:20%;margin-bottom:1em} /* image-centre */
@media only screen and (max-width: 767px) { .tss-news-page figure.image-article{width:100%;margin-left:0;margin-right:0} }



.tss-planning h2 {text-align:center}
.tss-planning h2 a {display:block}
.tss-planning p.readmore .icon-chevron-right::before {content: "More \27A4";font-family: var(--body-font-family);font-weight:700}
.tss-planning a.btn.btn-secondary {width:100%}
.tss-planning ul.fields-container {display:none}
@supports (display:grid) { .tss-planning {grid-gap: 2em;} }

.tss-planning-page figure.image-article{margin-left:20%;margin-right:20%;margin-bottom:1em} /* image-centre */
@media only screen and (max-width: 767px) { .tss-planning-page figure.image-article{width:100%;margin-left:0;margin-right:0} }



.tss-publications h2 {display:none}
.tss-publications p.readmore .icon-chevron-right {display:none}
.tss-publications a.btn.btn-secondary {width:100%}
.tss-publications ul.fields-container {display:none}
@supports (display:grid) { .tss-publications {grid-gap: 2em;} }

.tss-publications-page figure.image-article{float:left;width:25%;margin-right:2em;margin-bottom:1em} /* image-book */
@media only screen and (max-width: 767px) {.tss-publications-page figure.image-article{float:none;width:100%;margin-left:0;margin-right:0}}



.tss-newsletter h2 {display:none}
.tss-newsletter p.readmore .icon-chevron-right {display:none}
.tss-newsletter a.btn.btn-secondary {width:100%}
.tss-newsletter ul.fields-container {display:none}
@supports (display:grid) { .tss-newsletter {grid-gap: 2em;} }

.tss-newsletter-page figure.image-article{float:left;width:25%;margin-right:2em;margin-bottom:1em} /* image-book */
@media only screen and (max-width: 767px) {.tss-newsletter-page figure.image-article{float:none;width:100%;margin-left:0;margin-right:0}}



.tss-history h2 {text-align:center}
.tss-history h2 a {display:block}
.tss-history p.readmore .icon-chevron-right::before {content: "More \27A4";font-family: var(--body-font-family);font-weight:700}
.tss-history a.btn.btn-secondary {width:100%}
.tss-history ul.fields-container {display:none}
@supports (display:grid) { .tss-history {grid-gap: 2em;} }

.tss-history-page figure.image-article{margin-left:20%;margin-right:20%;margin-bottom:1em} /* image-centre */
@media only screen and (max-width: 767px) { .tss-history-page figure.image-article{width:100%;margin-left:0;margin-right:0} }



.tss-plaques h2 {display:none}
.tss-plaques p.readmore .icon-chevron-right {display:none}
.tss-plaques a.btn.btn-secondary {width:100%}
.tss-plaques ul.fields-container {display:none}
@supports (display:grid) { .tss-plaques {grid-gap: 2em;} }

.tss-plaques-page figure.image-article{margin-left:20%;margin-right:20%;margin-bottom:1em} /* image-centre */
@media only screen and (max-width: 767px) { .tss-plaques-page figure.image-article{width:100%;margin-left:0;margin-right:0} }



.tss-places ul.fields-container {display:none}
.tss-places ul.tags {display:none}
.tss-places p.readmore .icon-chevron-right {display:none}
.tss-places a.btn.btn-secondary {width:100%}
.tss-places ul.fields-container {display:none}
@supports (display:grid) { .tss-places {grid-gap: 2em;} }

.tss-places-page ol.com-content-blog__links {padding-left:0;list-style-type:none}
@media (min-width: 576px) {.tss-places-page ol.com-content-blog__links {column-count:2}}
@media (min-width: 768px) {.tss-places-page ol.com-content-blog__links {column-count:2}}
@media (min-width: 992px) {.tss-places-page ol.com-content-blog__links {column-count:3}}
@media (min-width: 1200px) {.tss-places-page ol.com-content-blog__links {column-count:3}}
@media (min-width: 1400px) {.tss-places-page ol.com-content-blog__links {column-count:3}}

.tss-places-page figure.image-article{margin-left:20%;margin-right:20%;margin-bottom:1em} /* image-centre */
@media only screen and (max-width: 767px) { .tss-places-page figure.image-article{width:100%;margin-left:0;margin-right:0} }



.tss-people ul.fields-container {display:none}
.tss-people ul.tags {display:none}
.tss-people p.readmore .icon-chevron-right {display:none}
.tss-people a.btn.btn-secondary {width:100%}
.tss-people ul.fields-container {display:none}
@supports (display:grid) { .tss-people {grid-gap: 2em;} }

.tss-people-page ol.com-content-blog__links {padding-left:0;list-style-type:none}
@media (min-width: 576px) {.tss-people-page ol.com-content-blog__links {column-count:2}}
@media (min-width: 768px) {.tss-people-page ol.com-content-blog__links {column-count:2}}
@media (min-width: 992px) {.tss-people-page ol.com-content-blog__links {column-count:3}}
@media (min-width: 1200px) {.tss-people-page ol.com-content-blog__links {column-count:4}}
@media (min-width: 1400px) {.tss-people-page ol.com-content-blog__links {column-count:4}}

.tss-people-page figure.image-article{float:right;width:35%;margin-left:2em;margin-bottom:1em} /* image-right */
@media only screen and (max-width: 767px) { .tss-people-page figure.image-article{float:none;width:60%;margin-left:20%;margin-right:20%} }



.tss-heritage-trail h2 {display:none}
.tss-heritage-trail p.readmore .icon-chevron-right {display:none}
.tss-heritage-trail a.btn.btn-secondary {width:100%}
.tss-heritage-trail ul.fields-container {display:none}
@supports (display:grid) { .tss-heritage-trail {grid-gap: 2em;} }

.tss-heritage-trail-page figure.image-article{float:left;width:25%;margin-right:2em;margin-bottom:1em} /* image-book */
@media only screen and (max-width: 767px) {.tss-heritage-trail-page figure.image-article{float:none;width:100%;margin-left:0;margin-right:0}}



.tss-social-icons .mod-custom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
.box-social-icon{padding-left:20px;padding-right:20px}
.image-social-icon{width:75px}
.figure-social-icon{text-align:center;margin-bottom:1em}
@media only screen and (max-width: 767px) {.box-social-icon{padding-left:20px;padding-right:20px}.box-social-icon figcaption{font-size:0.75em}}

.tss-footer1menu .mod-list {flex-direction:row;justify-content:center}
.tss-footer1menu .mod-list li {padding: 0.25em 1em}
.tss-footer1menu .mod-list li a {text-decoration:none}

.tss-footer2menu .mod-list {flex-direction:row;justify-content:center}
.tss-footer2menu .mod-list li {padding: 0.25em 1em}
.tss-footer2menu .mod-list li a {text-decoration:none}

.tss-footer2menu {padding-bottom:40px}