@charset "UTF-8";
/* CSS Document */
/* Fonts and Colours:
Simplicita: font-family: semplicitapro,sans-serif;  Bold:700, Semibold:600, Medium:500, Regular:400
Alda: font-family: alda,serif; Light:300 and italic; Regular:400 and italic;
IM Fell Engish: font-family: english,sans-serif; Regular 400 and italic;

Blue Grey: #52586E;
Light Blue: #989ba7;
Copper: #84786f;
Teal: #769d90;
Light Grey: #f0f0f0;
Dark Grey Text: #404040;
*/

body { background-color:#e7e7e7; font-family: semplicitapro,sans-serif; font-weight:400; color: #404040; font-size:14px; }
strong { font-weight:700; }
h1, h2, h3, h4, h5 { text-rendering: optimizelegibility; font-weight:500; color:#52586E; }
.mainContent .innerContent h2 { margin-top: 2rem; margin-bottom: 0.5rem; text-transform: uppercase; font-size: 1.8em; letter-spacing: .1em; }
.mainContent .innerContent h3 { margin-top: 2rem; margin-bottom: 0.5rem; text-transform: uppercase; font-size: 1.4em; letter-spacing: .1em; }
.mainContent .innerContent h4 { margin-top: 2rem; margin-bottom: 0; font-size: 1.1em; font-weight:700; color: #404040; }
a, a:visited { color:#769d90; }
a:hover, a:focus { color:#84786f; }
.mainContent a, .mainContent a:visited { color:#769d90; text-decoration: underline; }
.mainContent a:hover, .mainContent a:focus { color:#000; text-decoration: underline; }

.btn-primary, .btn-primary:visited { background-color:#52586E; color:#fff !important; border: none; width: fit-content;  text-transform: uppercase; font-size: .8em; letter-spacing: .1em; border-radius: 0; padding: .5rem 1rem; text-decoration:none !important; }
.btn-primary:hover, .btn-primary:focus { background-color:#769d90; text-decoration:none; }

/* Masthead */
.header { background-color:#f0f0f0; width:100%; padding:15px; }
.header .navbar { justify-content: end; }
.header .navbar-brand { margin-right: auto; }
.logoImage { width: 150px; }
.header .navbar-toggler { color: rgba(0,0,0,.5); border:none; background-color:transparent; z-index:10000; }
.header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.header .navbar-nav { margin-top:60px; }
.header .navbar-nav > li.menu-item { padding:5px 0; }
.header .navbar-nav > li > a, .header .navbar-nav > li > a:visited { color: #52586E; font-weight:600; font-size:18px; text-decoration: none; padding: .2rem 0; text-transform: uppercase; }
.header .navbar-nav > li > a:hover { color:red; }
.navbar-nav .dropdown-menu { background-color: rgba(255, 255, 255, 0.2); width: max-content; padding:12px 30px 15px 20px; margin-left: 0; border-bottom: 1px solid white; border-radius: 0; }
.dropdown-menu .dropdown-item { color: #fff; text-decoration: none; font-size:16px; padding: 3px 0; }
.dropdown.show a { font-weight:500 !important; }
.streetHeader { background-color:transparent; }
.streetHeader .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Sliding menu */
.offcanvas-collapse { position: fixed; z-index:9999; top: 0; bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left:2rem; overflow-y: auto; visibility: hidden; background-color: rgba(204,216,224,0.90); transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-25%); transform: translateX(-25%); }
.offcanvas-collapse.open { visibility: visible; }
.darkheader .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27,157,199, 1.0)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Footer */
.footerSignup { color:#fff; padding:40px 20px; }
.footerSponsor { background-color:#D9D8D6; padding:30px 15px; }
.footerSponsor p { font-size:12px; }
.footer { padding: 20px 0; }
.footer ul, .footer p { padding:0; margin-bottom:0; }
.footer ul { list-style: none; }
.footer li { display:inline; }
.footer li a, .footer li a:visited, .footer p { font-size:0.7em; color:#52586E; }
.footer li a:hover, .footer li a:focus { color:#769d90; }
.footerFunding { background-color:#fff; padding:30px; }
.footerFunding p { font-size:.8em; }
.cmSignupFooter label { font-size: .8em; padding-left: 6px; }
.cmSignupFooter input.js-cm-email-input { width:90%; margin-bottom:10px; padding: 5px 10px; }
.cmSignupFooter button { border:none; background: #769d90; color:#fff; text-transform: uppercase; margin-top:15px; font-size: 13px; padding: 5px 15px; }

.mainContent .wp-block-image { margin-top: 3rem; margin-bottom: 3rem; }
.wp-block-buttons { margin-top:2rem; }
.wp-block-button__link, .wp-block-button__link:visited { border-radius:0; background-color:#52586E !important; color:#fff !important; text-transform:uppercase; text-decoration: none !important; font-size: .9em; }
.wp-block-button__link:hover { background-color:#769d90 !important; }
.standardPageContent { padding:0 100px; }
.fullBG { background-repeat:no-repeat; background-size:cover; background-position:center; }
.innerHero { height:190px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.innerHero h1, .innerHero h2, .innerHero h4, .innerHero p { color:#fff; text-align: center; }
.innerHero h1 { padding-bottom:0; font-family: alda,serif; font-weight:300; font-size: 3.5em; }
.innerHero h2 { padding-bottom:0; text-transform: uppercase; letter-spacing: .1em; }
.innerHero h4 { text-transform: uppercase; font-size:1em; letter-spacing: .1em; }
.innerHero p { margin-top:10px; padding-top:10px; }
.paperBG { background-image:url("../images/bluePaper.jpg"); }
.paperBG > .container, .paperBG > .container > .row { height:100%; }
.paperBG > .container, .paperBG > .container > .row { align-items:flex-end; }
.paperBG > .container > .row > .col-12 > .row { align-items:center; }
.paperImage { padding:0.5rem 0; }
.paperImage img { max-width:100%; }
.paperInner { text-align:center; }
.paperInner h1, .paperInner h4 { color:#fff; }
.paperInner h1 { padding-bottom:0; font-family: alda,serif; font-weight:300; font-size:2.7em; }
.paperInner h4 { text-transform: uppercase; font-size:1em; letter-spacing: .1em; border-top:2px dotted rgba(255,255,255,0.35); border-bottom:2px dotted rgba(255,255,255,0.35); margin-top:1rem; padding-top:.5rem; padding-bottom:.5rem; }
.plaques { background-repeat:no-repeat; height:63px; display: inline-block; }
.plaques.pointer { cursor: pointer; }
.bluePlaque { background-image:url("../images/icon-blue-plaque.svg"); width:37px; }
.listedPlaque { background-image:url("../images/icon-listed-building.svg"); width:46px; }
.bluePlaque:hover { background-image:url("../images/icon-blue-plaque-over.svg"); }
.listedPlaque:hover { background-image:url("../images/icon-listed-building-over.svg"); }
.whiteBG { background-color:#fff; }
.blueBG { background-color:#52586E; }
.nav-tabs { border-bottom:none; background-color:#769d90; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.nav-tabs .nav-link { border:none; border-radius:0; }
.tab-content { padding:25px; }
.locationHolder { display:flex; }
.locationHolder { justify-content: space-around; }
.tab-content > .tab-pane, .locationInner, .nav-tabs .nav-link { text-align: center; }
.nav-tabs .nav-link, .nav-tabs .nav-link:visited { text-transform: uppercase; letter-spacing: .1em; padding:25px 0; color: #fff; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { background-color:#52586E; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#52586E; background-color:#f0f0f0; height: 100%; box-shadow: 5px -5px 5px rgba(0,0,0,0.5); }
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus { background-color:#f0f0f0; }
.nav-tabs .nav-item { width:100% }
.nav-tabs .nav-link, .nav-tabs .nav-link:visited { padding:25px 0; }
.loveToHear { font-size:14px; padding:30px 0 50px 0; }
.notForProfit { background-color:#84786f; color:#fff; padding:30px; line-height: 1.6em; margin-bottom: 50px; }
.notForProfit a, .notForProfit a:visited { color:#fff; text-decoration:underline; }
.notForProfit a:hover, .notForProfit a:focus { color:red; }
.notForProfit .thanks { width:130px; margin-top:10px; }
.innerContent, .innerContentMap { padding:40px 25px; }
.innerContentMap, .innerContentTabMap { background-color:#f0f0f0; background-image:url("../images/map-BG2.jpg"); background-repeat:repeat-x; }
.innerContentTabMap { padding-left: 0;padding-right: 0; }
.innerContentTabNoMap { background-color:#f0f0f0; }

#location h3, #timeline h3 { text-transform: uppercase; letter-spacing: .1em; margin-bottom: 50px; }
.streetThumb h4, .locationInner h4 { text-transform:uppercase; color:#52586E; text-align: center; font-size: 16px; letter-spacing: .1em; }
#properties h3 { color:#52586E; text-align: center; font-size: 18px; margin-bottom: 50px; }
#timeline { padding:10px 15px; }
#memories, #notebook { padding-top:40px; }
#location, #properties { padding:10px 0; }
#photos { padding-top:40px; }
.carousel-indicators { top: -35px; bottom: initial; }
.carousel-indicators li { width: 15px; height: 15px; background-color: #999; opacity:1; border-radius: 7px; border: 0; }
.carousel-indicators .active { background-color:#769d90 !important; }
.timelineHolder { display:flex; }
.timelineHolder .lineTrack { background-image:url("../images/memoryLine.png"); background-repeat: repeat-y; background-position: center; }
.timelineHolder .singleTimeline { text-align:left; display:flex; width: 100%; border-bottom:1px solid #f0f0f0; margin-left:0; padding-left: 0; padding-bottom: 30px; margin-bottom: 40px; }
.timelineHolder .singleTimeline .singleTimelineIcon, .timelineHolder .singleTimeline .singleTimelineDate { margin-right: 20px; }
.singleTimelineIcon { flex-shrink:0; }
#timeline .singleTimelineDate h3 { letter-spacing:0; text-transform:none; }
.locationBox { padding:20px 0; margin-top:25px; width: 100%; font-size: 16px; color:#52586E; }
.locationInner { width:30%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.locationInner img { width:30px; margin-bottom: 10px; }
#properties ul { list-style: none; padding-left: 0; display: flex; flex-direction: column; align-items: center; }
#properties li { margin-bottom: 3px; width:100%; }
#properties li a, #properties li a:active { display:block; background-color:#fff; color:#52586E; text-align:left; font-weight:500; letter-spacing: .1em; background-image:url("../images/house-icon-grey.svg"); background-repeat: no-repeat; background-position: left; padding: 15px 10px 15px 70px; text-transform: uppercase; background-size: contain; text-decoration:none; }
#properties li a:hover, #properties li a:focus { background-color:#769d90; color:#fff; background-image:url("../images/house-icon.svg"); text-decoration: none; }

.btnBlue, .btnBlue:active { background-color:#52586E; border-radius: 0; text-transform: uppercase; color:#fff !important; font-size: 12px; padding: 15px 30px; text-decoration:none !important; }
.btnBlue:hover, .btnBlue:focus { background-color:#769d90; text-decoration:none; }
.carousel-inner .imageCaption { margin-top:15px; }
.imageCaption p { font-size: .8em; }

.callForSubs { margin:5rem auto; display:flex; }
.subsBorder { padding:15px 15px 20px 15px;  }
.subsText { border:1px solid #fff; text-align: left; padding:20px 20px 20px 35px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.subsText p { font-size:1.2em; }

/* Notebook and Memories builder rows */
.pb-imageBlock { margin-top:5rem; }
#notebook .container:first-child, #memories .container:first-child { margin-top:0; }
.pb-imageBlock .imageCaption { margin-top: 15px; }
.pb-imageBlock .imageCaption p { margin-bottom:0; }
.pb-imageBlock + .pb-text { margin-top:2rem; }
.pb-text { text-align: left; margin-top:3rem; }
.pb-text h2, .pb-text h3 { font-family: alda,serif; text-align: center; font-weight:400; margin-bottom:0; padding-bottom: 5px; }
.pb-text h2 { font-size:2em; }
.pb-text h3 { font-size:1.3em; color:#404040; }
.pb-text h2 + p, .pb-text h3 + p { margin-top: 1.5rem; }
.pb-text blockquote { font-family: alda,serif; font-weight: 300; font-style: italic; font-size: 1.3em; color: #52586E; }
.pb-quote { margin-top:5rem; text-align: center; padding:4rem 3rem; }
.pb-quote p { color:#fff; font-family: alda,serif; font-weight:300; font-style: italic; font-size:1.4em; }
.pb-quote h5 { color:#fff; font-family: alda,serif; font-size:.9em; }
.pb-furtherReading { margin-top:3rem; border-bottom: 1px solid #ccc; padding-bottom: 3rem; color:#52586E; }
.pb-furtherReading img { margin-bottom:10px; }
.pb-footnotes { border-top: 1px solid #ccc; padding-top: 3rem;  text-align: left; font-size: .85em; margin-top: 3rem; }
.pb-footnotes h4 { font-size: 1em; margin-bottom:1rem; }
.pb-text h6 { font-family: english,sans-serif; font-weight:400; font-size: 16px; line-height: 24px; margin-bottom:2rem; background-image:url("../images/newspaperLine.png"), url("../images/newspaperLine.png"); background-repeat: no-repeat, no-repeat; background-position:top center, bottom center; margin-top:2rem; padding-top:1.25rem; padding-bottom:1.25rem; text-align: center; }
.pb-text h6 + h6 { background-image:url("../images/newspaperLine.png"); background-repeat: no-repeat; background-position:bottom center; margin-top:0; padding-top:0; }

.baseButtons { background-color:#989ba7; padding: 1.8rem 0; }
.baseButtons .baseButton, .baseButtons .baseButton:visited { color:#fff; text-transform: uppercase; letter-spacing: .1em; font-size: .9em; padding: .5rem 1rem; }
.baseButtons .baseButton:hover, .baseButtons .baseButton:focus { color:#52586E; font-weight:600; text-decoration: none; }
.baseButtons .baseButtonDead { color:#b7bfce; text-transform: uppercase; letter-spacing: .1em; font-size: .9em; margin-bottom: 0; }

.wpcf7-form { margin-top:4rem; }
.wpcf7-form p { margin-bottom: 20px; }
.wpcf7-form label { font-size:.9em; }
.wpcf7-text { border-radius: 0; height: calc(1.5em + .75rem + 10px); }
/*.wpcf7-form .form1col h3:last-of-type { color:red; margin-top:50px; }*/
.formUpload { margin-bottom:30px; }
.wpcf7-submit {  font-size:1.3em; padding: .5rem 2rem; }

/* ===== ALL MOBILE ===== */
@media (max-width: 767px) {
.offcanvas-collapse { left:70%; }
.header .navbar-nav > li > a, .header .navbar-nav > li > a:visited { font-size: 21px; }
.dropdown-menu .dropdown-item { font-size:15px; }
.cmSignupFooter label { display: initial; }
.footer { text-align: center; }
.footer ul { margin-bottom:1rem; }
.footer li { margin:0 10px; }
.nav-item .nav-link, .nav-item .nav-link:visited { border-bottom: 1px solid #b6cec1; }
.nav-item:last-child .nav-link { border-bottom:none; }
.innerHero { padding-left: 40px; padding-right: 40px; }
.paperBG { background-size:cover; }
.paperInner { padding-bottom:1rem; }
.plaques { margin:1rem .5rem; }
.timelineHolder .lineTrack { display:none; }
.nav-tabs .nav-link, .nav-tabs .nav-link:visited { padding:15px 0; }
.locationHolder { flex-direction: column; }
.locationInner { width: 100%; }
.locationBox { margin-top: 10px; margin-bottom: 35px; }
.timelineHolder .singleTimeline{ flex-direction: column; }
#location h3, #timeline h3 { font-size:1.4em; margin-bottom:50px; }
#timeline h3 { font-size:1.4em; margin-top: 20px; margin-bottom: 10px; }
#timeline .timelineHolder .singleTimeline { border-bottom:0; padding-bottom:0; margin-bottom: 0; margin-top: 30px; }
#timeline .timelineHolder .singleTimeline .singleTimelineIcon, #timeline .timelineHolder .singleTimeline .singleTimelineDate { margin-right: 0; }
.timelineHolder .singleTimeline .singleTimelineIcon { margin-bottom: 10px; }
#timeline .singleTimelineDate h3 { display: block; padding: 10px 0 0 0; margin-bottom: 15px !important; margin-top: 0 !important; border-top: 1px solid #ccc; }
#notebook .col-12, #memories .col-12 { padding-left:0; padding-right: 0; }
.single-property .innerHero { padding-left: 20px; padding-right: 20px; height: 220px; justify-content: flex-end; padding-bottom:10px; }
.single-property .innerHero h1 { font-size:24px; margin-bottom: 3px; }
.single-property .innerHero h4 { margin-bottom: 0; }
.subsImage { display:none; }
.baseButtons .col-12 { padding:1rem 0; }
}

/* ===== MOBILE LARGE (sm) ===== */
@media (min-width: 576px) {


}

/* ======================== */
@media (min-width: 576px) and (max-width: 767px) {


}

/* ===== DESKTOP SMALL (md) ===== */
@media (min-width: 768px) {
/*.header .navbar-brand { margin: 0 auto; }*/
.logoImage { width: 170px; }
.footerSignup { padding:50px 30px; }
.cmSignupFooter input.js-cm-email-input { width:50%; }
.footerSponsor { padding:30px 60px; }
.footer li { margin-right:15px; }
.nav-tabs .nav-link, .nav-tabs .nav-link:visited { padding:25px 0 55px 0; }
.nav-tabs .nav-item:first-of-type .nav-link { border-top-left-radius: 10px; }
.nav-tabs .nav-item:last-of-type .nav-link { border-top-right-radius: 10px; }
.nav-tabs .nav-link#properties-tab { background-image:url("../images/properties-icon-white.svg"); }
.nav-tabs .nav-link#location-tab { background-image:url("../images/location-icon-white.svg"); }
.nav-tabs .nav-link#photos-tab { background-image:url("../images/photos-icon-white.svg"); }
.nav-tabs .nav-link#memories-tab, .nav-tabs .nav-link#notebook-tab { background-image:url("../images/memories-icon-white.svg"); }
.nav-tabs .nav-link#maps-tab { background-image:url("../images/maps-icon-white.svg"); }
.nav-tabs .nav-link#timeline-tab { background-image:url("../images/timeline-icon-white.svg"); }
.nav-tabs .nav-link.active#properties-tab { background-image:url("../images/properties-icon.svg"); }
.nav-tabs .nav-link.active#location-tab { background-image:url("../images/location-icon.svg"); }
.nav-tabs .nav-link.active#photos-tab { background-image:url("../images/photos-icon.svg"); }
.nav-tabs .nav-link.active#memories-tab, .nav-tabs .nav-link.active#notebook-tab { background-image:url("../images/memories-icon.svg"); }
.nav-tabs .nav-link.active#maps-tab { background-image:url("../images/maps-icon.svg"); }
.nav-tabs .nav-link.active#timeline-tab { background-image:url("../images/timeline-icon.svg"); }
.nav-tabs .nav-link { background-repeat:no-repeat; background-position: bottom 20px center; }
.innerHero { height:400px; }
.innerHero h1 { font-size:4em; }
.innerHeroSmall { height:300px; }
.paperBG { background-repeat:repeat; }
.paperImage { padding:.5rem 1rem; text-align: right; }
.paperImage img { max-width:350px; }
.paperInner { text-align:left; }
.paperInner h1 { font-size:3em; }
.paperInner h4 { width: fit-content; padding-right: 3rem; }
.plaques { margin-top:2rem; margin-right:1rem; }
.twoList { padding:0 25px; }
.twoList .nav-item { width:50%; }
.threeList .nav-item { width:33.3333%; }
.fiveList .nav-item { width:20%; }
.innerContent, .innerContentMap { padding:90px 60px 60px 60px; }
.loveToHear { font-size:16px; padding:40px 140px 60px 140px; }
#properties ul { flex-direction:row; flex-wrap: wrap; }
#properties li { margin-bottom: 10px; width: 48%; margin-right: 10px; }
.tab-content { padding:40px 25px; }
#location, #properties, #timeline { padding:50px 25px; }

.pb-text, .pb-furtherReading, .pb-footnotes { padding-left: 4rem; padding-right: 4rem; }
/*
.notebookBottom { display:flex; flex-direction: row; }
.notebookHolder:nth-child(2) .notebookTop { margin-left:34%; padding-left:30px; }
.notebookHolder:nth-child(2) .notebookBottom { flex-direction: row-reverse; }
.notebookBottom .notebookText { width:66%; padding-right: 30px; }
.notebookHolder:nth-child(2) .notebookBottom .notebookText { padding-right:0; padding-left:30px; }
.notebookBottom .notebookImage { width:34%; }
*/
.timelineHolder .singleTimeline { margin-left:35px; }
.carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px; }

.callForSubs { width:580px; }
.subsImage { width:45%; text-align: right; }
.subsBorder { padding:15px 15px 20px 0; width:55%; }
.baseButtons .col-md-4 { border-left:1px solid #fff; }
.baseButtons .col-md-4:first-of-type { border-left:none; }
}
	

/* ======================== */
@media (min-width: 768px) and (max-width: 991px) {

}

/* ===== DESKTOP MEDIUM (lg) ===== */
@media (min-width: 992px) {
body { font-size:15px; }
.footer li a, .footer li a:visited, .footer p { font-size:0.8em; }
.innerHero { height:500px; }
.innerHero h1 { font-size:4.5em; }
.innerHeroSmall { height:325px; }
.logoImage { width: 200px; }
.twoList { padding:0 50px; }
.innerContent, .innerContentMap { padding:100px 80px 80px 80px; }
.paperInner h1 { font-size:3.5em; }
.notForProfit { padding:40px 90px; }
.tab-content { padding:60px 80px; }

.form2col { display: flex; flex-wrap: wrap; }
.form2col p { width:50%; padding-right:20px; }
.wpcf7-form .form2col h3 { width:100%; }
.form1col label { width:100%; padding-right:25px; }

}

/* ======================== */
@media (min-width: 992px) and (max-width: 1199px) {
	

}

/* ===== DESKTOP LARGE (xl) ===== */
@media (min-width: 1200px) {
body { font-size:16px; }
.logoImage { width:210px; }
.innerHero { height:600px; }
.innerHero h1 { font-size:5em; }
.innerHeroSmall { height:350px; }
.tab-content { padding:100px 120px; }
}