/*Template A stylesheet*/
@font-face { font-family: MontserratLight; src: url(/library/fonts/Montserrat/Light.otf) format("opentype"); }
@font-face { font-family: MontserratRegular; src: url(/library/fonts/Montserrat/Regular.otf) format("opentype"); }
@font-face { font-family: MontserratRegular; src: url(/library/fonts/Montserrat/Regular.otf) format("opentype"); }
@font-face { font-family: MontserratSemiBold; src: url(/library/fonts/Montserrat/SemiBold.otf) format("opentype"); }
@font-face { font-family: MontserratBold; src: url(/library/fonts/Montserrat/Bold.otf) format("opentype"); }
@font-face { font-family: MontserratItalic; src: url(/library/fonts/Montserrat/Italic.otf) format("opentype"); }

@font-face {
 font-family: "GlyphiconsHalflingsRegular";
 src: url("/library/fonts/GlyphiconsHalflings/Regular.otf")
   format("opentype");
}





* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: var(--white); color: var(--black); font-family: MontserratLight; font-size: 100%; line-height: 1.2; text-rendering:  optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; padding: 4px 0;}
.richtextcontent ul, .content ul, .richtextcontent ol { margin-bottom: 26px;}
.richtextcontent ul > li, .content ul > li {list-style-type: disc;margin-left: 30px;}
.richtextcontent ol > li, .content ol > li {list-style-type: decimal; margin-left: 30px;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: var(--black); box-sizing: border-box;  }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit], .memb_account a, .orange-btn { cursor: pointer; background-color: var(--black); color: var(--white); padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer, .layoutcredits { clear: both; height: 0px; display: none; }
a { color: var(--darkblue); text-underline-offset: 0.2em; text-decoration-color: var(--blue); text-decoration: underline; font-size: 1rem; }
strong, p>strong  { font-family: MontserratSemiBold; font-weight: 600;}
em {font-family: MontserratItalic;}


.memb_account a, .orange-btn { text-decoration: none; font-size: 90%; }

.richtextcontent figure {width: min-content; color: gray; font-size: 0.8rem; font-style: italic; }
.richtextcontent figure[style*="float:right"], .richtextcontent img[style*="float: right"] { margin: 0 0 30px 30px;}
.richtextcontent figure[style*="float:left"], .richtextcontent img[style*="float: left"] { margin: 0 30px 20px 0;}
.richtextcontent figure.image:not([style]) { margin: 20px 0 20px 0;}

h1, h1>span, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px; line-height: 1.3; color: var(--darkblue); }
/* h1 {font-size: 2.5rem; margin-bottom: 2rem;} /* 40px  */
h2 {font-size: 1.5rem; margin-bottom: 1rem; margin-top: 2rem; /* 24px */}
h3 {font-size: 1.25rem; margin-bottom: 0.75rem; margin-top: 1.6rem; /* 20px */}
p { font-size: 1rem; line-height: 1.3; /* 16px */}

@media (max-width: 599px) {
 h1 { font-size: 2rem; margin-bottom: 1.2rem; /* 32px */ }
 h2 { font-size: 1.3rem; margin-bottom: 1rem; /* 20.8px */ }
 h3 { font-size: 1rem; margin-bottom: 1rem; /* 16px */ }
 p { font-size: 0.9375rem; padding-bottom: 1rem;  /* 15px */ }
}

.std_contentpage:not(.home), .event_eventpage, .event_recurringpage, .shop_donate, .std_newsarticlea, .shop_basketpage, .util_sitesearch {max-width: 1200px; margin: 0 auto; padding: 20px; min-height: calc(100vh - 300px);}

@media(max-width: 769px) {
    .std_contentpage:not(.home), .shop_donate, .std_newsarticlea, .shop_basketpage, .util_sitesearch { padding: 10px;}
}


:root {
    --black: #333333;
    --white:#FAFAFA;
    --background: #FFF8EE;
    --gray: #706c61;
    --blue: #003255;
    --orange: #E67A19;
    --green: #008081;
    --blue: #5C6B76;
    --darkblue: #003255;
}

/* GENERAL */
.layoutmiddle {background-color: var(--background);}



/* ==========================================================================
HEADER
========================================================================== */

.layoutheader { background-color: var(--background); width: 100%;}
.layoutheader .layoutheader_inner {max-width: 1200px; width: 100%; margin: 0 auto; padding: 10px; display: flex; justify-content: space-between; align-items: center;}

.layoutheader .layoutheader_inner .header-left .items {display: flex; align-items: center; gap: 30px;}
.layoutheader .layoutheader_inner .header-left .items .logo a img {max-height: 130px; height: 100%; width: auto;}
.layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .titletxt {font-size: 2.2rem; margin-bottom: 0; color: var(--darkblue);}
.layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .content > p {font-size: 1.5rem; margin: 0; color: var(--darkblue); }

.layoutheader .layoutheader_inner .header-right {width: auto;}
.layoutheader .layoutheader_inner .header-right .items {display: flex; flex-direction: column; gap: 20px; align-items: flex-end; }
.layoutheader .layoutheader_inner .header-right .items .util_sitesearchbar {max-width: 318px; width: 100%;}
.layoutheader .layoutheader_inner .header-right .items .header-social ul {display: flex;  align-items: center;  justify-content: flex-end; gap: 20px;}
.layoutheader .layoutheader_inner .header-right .items > .header-social > ul > .link1 a {background-color: var(--orange);font-family: MontserratRegular; text-decoration: none; color: var(--background); padding: 12px 16px; border-radius: 6px; display: inline-block; width: 100%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.layoutheader .layoutheader_inner .header-right .items > .header-social > ul > .link2 a {background-color: var(--darkblue);font-family: MontserratRegular; text-decoration: none; color: var(--background); padding: 12px 16px; border-radius: 6px; display: inline-block; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.layoutheader .layoutheader_inner .header-right .items > .header-social > ul > li:last-child i { font-size: 230%; color: var(--darkblue); }

.layoutheader .layoutheader_inner .header-right .items > .header-social > ul > .link2 a:hover, .layoutheader .layoutheader_inner .header-right .items > .header-social > ul > .link1 a:hover, .layoutheader .layoutheader_inner .header-right .items > .header-social > ul > li:last-child i:hover   {  transform: translateY(-1px);}
/* .layoutheader .layoutheader_inner .header-right .items > .header-social > ul > li:first-child a:hover {background-color: #00243d ;} */



/* Search bar */
.util_sitesearchbar input { width: 100%;}
.util_sitesearchbar fieldset {display: flex; border: 1px solid var(--black); border-radius: 6px; }
.util_sitesearchbar button { background-color: var(--background); border: none; border-radius: 0 5px 5px 0; width: 40px;height: 40px;}
.util_sitesearchbar button .fa-magnifying-glass {color: var(--black); font-size: 20px;}
.util_sitesearchbar input {background-color: var(--background);border: none;height: 40px;line-height: 40px; border-radius: 6px 0 0 6px; }
.util_sitesearchbar input::placeholder {color: var(--black); font-family: MontserratLight; padding-left: 6px;}
.util_sitesearchbar input:focus { outline: none; box-shadow: none; }


@media(min-width: 901px) {
    .layouttopmenu {border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); background-color: var(--background);}
    .layouttopmenu .toggle {display: none;} 
    .layouttopmenu .header-menu .level1 {display: flex; justify-content: center; gap: 30px; align-items: center; }
    .layouttopmenu .header-menu .level1 > li:first-child {display: none;}
    .layouttopmenu .header-menu .level1 > li {height: 50px; position: relative; display: flex; align-items: center; gap: 5px;}
    .layouttopmenu .header-menu ul li > a {text-decoration: none; display: flex; align-items: center;  font-family: MontserratRegular; color: var(--black);}
    .layouttopmenu .header-menu .level1 > li > a:hover {color: var(--darkblue);}
    .layouttopmenu .header-menu .level1 > li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: transparent; transition: background 0.2s ease;}
    .layouttopmenu .header-menu .level1 > li:hover::after { background: var(--darkblue);}
    .layouttopmenu .header-menu .level1 .link151, .layouttopmenu .header-menu .level1 .link152, .layouttopmenu .header-menu .level1 .link153 { display: none; }
	
    .nav_multilevel.toggleoff .level2 {display: none; flex-direction: column; border-radius: 0px 0px 6px 6px; position: absolute; z-index: 9999; top: 50px; min-width: 200px; width: 100%;  background-color: var(--darkblue); box-shadow: rgba(0, 0, 0, 0.24) 0 10px 10px -14px; }
    .nav_multilevel.toggleoff .level2 li {padding: 10px; border-bottom: 1px solid var(--background); }
    .nav_multilevel.toggleoff .level2 li:hover {background-color: var(--blue); }
    .nav_multilevel.toggleoff .level2 li:last-child {border-bottom: none;}
    .nav_multilevel.toggleoff .level2 li:last-child:hover {border-bottom: none; border-radius: 0 0 6px 6px ;}
    .nav_multilevel.toggleoff .level2 li a { color: var(--background); font-family: MontserratLight !important; }
}


@media (max-width: 900px) {
    .nav_multilevel.toggleoff ul, .util_sitesearchbar, .layoutheader .layoutheader_inner .header-right {display: none;}
    .layoutheader {border-bottom: 1px solid var(--gray);}
    .layoutheader .layoutheader_inner .header-left .items .logo a img {max-height: 90px;}
    .layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .titletxt {font-size: 1.3rem;}
    .layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .content > p {font-size: 1rem;}

    .layouttopmenu .toggle {position: absolute; top: 35px; right: 10px;}
    .layouttopmenu .toggle i {font-size: 180%; color: var(--darkblue);}

    .nav_multilevel.toggleon .level1 {display: block; position: absolute; z-index: 9999; width: 100%; background-color: var(--darkblue);  text-align: end;}
    .nav_multilevel.toggleon a {text-decoration: none; color: var(--background);}
    .nav_multilevel.toggleon ul li {padding: 8px 0; border-bottom: 1px solid var(--background);}

    .nav_multilevel.toggleon .level1 > li {padding: 10px;}
    .nav_multilevel.toggleon .level1 > li:first-child {background-color: var(--orange);}

    .nav_multilevel.toggleon .level2 { display: none; }
    .nav_multilevel.toggleon .level2 li:last-child {border-bottom: none; padding-bottom: 0;}
    .nav_multilevel.toggleon .level2 li:first-child {border-top: 1px solid var(--background); margin-top: 10px; }
    .nav_multilevel.toggleon .level2 li {margin-right: 20px;}
    .nav_multilevel.toggleon .level1 > li > a {padding-right: 25px;}
    .nav_multilevel.toggleon .level2 > li > a {padding-right: 5px;}
    .nav_multilevel.toggleon .expand {margin-left: -20px; color: var(--background);}
}

@media (max-width: 425px) {
    .layouttopmenu .toggle {top: 27px;}
    .layoutheader .layoutheader_inner .header-left .items {gap: 16px;}
    .layoutheader .layoutheader_inner .header-left .items .logo a img {max-height: 70px;}
    .layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .titletxt {font-size: 0.9rem;}
    .layoutheader .layoutheader_inner .header-left .items .header-title > .std_content_inner > .content > p {font-size: 0.9rem;}
}


/* ==========================================================================
FOOTER
========================================================================== */
.layoutfooter {width: 100%; background-color: var(--background); border-top: 1px solid var(--gray); position: relative; z-index: 1; margin-top: 40px; }
.layoutfooter::before {content: "";  position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/images/KrSe6PEfzoNHDZD5TsyG3pc19q.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.1; z-index: -1; pointer-events: none;}
.layoutfooter .layoutfooter_inner {max-width: 1200px; margin: 0 auto; padding: 30px 10px 10px 10px;}

.layoutfooter .layoutfooter_inner .footer-top .items {display: flex; justify-content: space-between;}
.layoutfooter .layoutfooter_inner .footer-top .items .footer-logo a img {max-height: 150px; width: auto;}

.layoutfooter .layoutfooter_inner .copyright {padding: 20px 0 0px 0;}
.layoutfooter .layoutfooter_inner .copyright  ul {display: flex; justify-content: space-between; align-items: center; height: fit-content; margin-bottom: 0; }
.layoutfooter .layoutfooter_inner .copyright  ul li {list-style: none; font-size: 0.9rem; font-family: MontserratLight; margin: 0;}
.layoutfooter .layoutfooter_inner .copyright  ul li > a, .layoutfooter .layoutfooter_inner .footer-bottom ul li > a {text-decoration: none; font-size: 0.9rem; font-family: MontserratLight;}


@media(max-width: 768px) {
    .layoutfooter .layoutfooter_inner .footer-top .footer-logo {margin-bottom: 15px;}
    .layoutfooter .layoutfooter_inner .copyright  ul {flex-direction: column; text-align: center;}
    .layoutfooter .layoutfooter_inner .footer-menu ul, .layoutfooter .layoutfooter_inner .footer-bottom ul {justify-content: center;}
}

@media(max-width: 500px) {
    .layoutfooter .layoutfooter_inner .footer-top .items {flex-direction: column; text-align: center;}
    .layoutfooter .layoutfooter_inner .footer-top .items .footer-logo {margin-top: 20px;}
}


/* ==========================================================================
HOME
========================================================================== */

/* Intro */
.home .home-intro {max-width: 800px; margin: 0 auto; text-align: center; padding: 10px 10px 20px 10px;}
.home .home-intro > .std_content_inner > .content > p { line-height: 1.2; }

/* Carousel */
.home .feat_carousel.home-carousel { margin: 0px 0 50px 0; height: 630px;}
.home .feat_carousel.home-carousel .carousel { overflow: hidden; max-width: 1200px; width: 100%; min-height: 630px; height: 100%; margin: 0 auto; }
.home .feat_carousel.home-carousel ul {width: 100% !important; position: relative; }
.home .feat_carousel.home-carousel ul li { float: none; position: absolute; top: 0; left: 0; text-align: center; max-width: 100%; background-size: cover; border-radius: 25px; background-position: center center;}

@media(max-width: 1200px) {
    .home .feat_carousel.home-carousel {padding: 0 10px;}
}


@media(max-width: 700px) {
.home .feat_carousel.home-carousel {height: 300px;}
.home .feat_carousel.home-carousel .carousel { min-height: 300px !important;}
.home .feat_carousel.home-carousel ul {height: 300px !important;}
.home .feat_carousel.home-carousel ul li {height: 300px !important;}
}



/* Become a member */
.home-member {  background-color: #F3E9DE; padding: 30px 0;}
.home-member .util_textbox_inner {display: flex; gap: 30px; align-items: center; max-width: 1000px; width: 100%; margin: 0 auto; padding: 10px 30px;}
.home-member .util_textbox_inner .content {width: 66%;}
.home-member .util_textbox_inner .content a {background-color: var(--darkblue);font-family: MontserratRegular; text-decoration: none; color: var(--background); padding: 12px 16px; border-radius: 6px; display: inline-block; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.home-member .util_textbox_inner .imageright {height: 300px; width: 300px; background-size: cover; width: 33%; border-radius: 6px; }

@media(max-width: 500px) {
    .home-member .util_textbox_inner {padding: 10px;}
    .home-member .util_textbox_inner .content, .home-member .util_textbox_inner .imageright {width: 50%;}
}

@media(max-width: 425px) {
    .home-member .util_textbox_inner {flex-direction: column;}
    .home-member .util_textbox_inner .content {width: 100%; order: 2;}
    .home-member .util_textbox_inner .imageright {width: 100%; order: 1;}
}


/* Home - Events */

.home .events { max-width: 1200px; margin: 0px auto 30px auto; padding: 0 10px;}
.home .events .items{ display: flex; gap: 1%; justify-content: space-between; margin-top: 30px; }

.home .events .items .event_list { width: 32%; }
.home .events > .items > .lists > h2 { padding-bottom: 5px; margin-bottom: 10px; }
.home .events .items .monthly > h2 { border-bottom: 4px solid var(--orange); font-size: 20px; text-transform: uppercase;  }
.home .events .items .help > h2 { border-bottom: 4px solid var(--green);  font-size: 20px; text-transform: uppercase;  }
.home .events .items .family > h2 { border-bottom: 4px solid var(--blue);  font-size: 20px; text-transform: uppercase;  }
.home .events .items .bgimage{ height: 350px; background-size: contain; background-position: center center; border-radius: 10px; margin-bottom: 16px; background-color: white;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.home .events .items .group { display: flex; gap: 10px; }
.home .events .items .date, .home .events .items .time {margin-bottom: 10px; font-size: 14px; border-radius: 5px; background-color: #f3e9df; padding: 5px 10px; text-decoration: none; color: black; width: fit-content; display: flex; }
.home .events .items .date a, .home .events .items .time a { font-size: 14px; color: var(--black);}

.home .events .items .name  {padding-bottom: 10px; text-decoration: none; color: var(--darkblue); font-family: MontserratRegular;  font-size: 105%; }
.home .events .items .abstract { font-size: 16px; line-height: 1.4; }
.home .events .items .venue{ font-family: MontserratLight; margin-top: 10px;}

.home .events .event_list {display: flex; flex-direction: column;}
.home .events .event_list.monthly .toplinks { border-bottom: 4px solid var(--orange); padding-bottom: 10px; margin-bottom: 16px; }
.home .events .event_list.help .toplinks { border-bottom: 4px solid var(--green); padding-bottom: 10px; margin-bottom: 16px; }
.home .events .event_list.family .toplinks { border-bottom: 4px solid var(--gray); padding-bottom: 10px; margin-bottom: 16px; }
.home .events .event_list .link a { display: flex; width: 100%; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 5px; font-size: 20px; text-transform: uppercase;  font-weight: 600; color: var(--darkblue) !important; }
.home .events .event_list.monthly .link a i {color: var(--orange); font-size: 17px;}
.home .events .event_list.help .link a i {color: var(--green); font-size: 17px;}
.home .events .event_list.family .link a i {color: var(--gray); font-size: 17px;}
.home .events .event_list.monthly > .toplinks .link a { color: var(--orange); }
.home .events .event_list a {text-decoration: none;}


@media(max-width: 999px) {
    .home .feat_carousel.home-carousel {margin-bottom: 0px;}
    .home .events .items {margin-top: 10px;}
    .home .events .items {flex-wrap: wrap; justify-content: start; gap: 42px;}
    .home .events .event_list .link a {font-size: 18px;}
    .home .events .event_list { flex: 0 0 calc(50% - 21px);  height: auto;}
}

@media(max-width: 630px) {
    .home .events .items {gap: 36px;}
      .home .events .event_list { flex: 0 0 100%;}
}

/* Events page - List of events */
.event-list {margin-top: 36px;}
.event-list ul {display: flex; flex-wrap: wrap; gap: 30px; max-width: 1200px;}
.event-list ul li { flex: 1 1 calc((100% - 40px) / 3); min-width: 300px; max-width: 360px; margin-bottom: 26px;}
.event-list ul li a {text-decoration: none;}
.event-list .bgimage { height: 350px; background-position: center center; border-radius: 10px; margin-bottom: 16px;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); background-color: white; background-size: contain; }
.event-list .group { display: flex; gap: 10px; }
.event-list .date, .event-list .time  {margin-bottom: 10px; font-size: 14px; border-radius: 5px; background-color: #f3e9df; padding: 5px 10px; text-decoration: none; color: black; width: fit-content; display: flex; }
.event-list .date > a {color: var(--black);}
.event-list .name  {padding-bottom: 10px; text-decoration: none; color: var(--darkblue); font-family: MontserratRegular;  font-size: 105%; }
.event-list .abstract { font-size: 16px; line-height: 1.4; }
.event-list .venue { font-family: MontserratLight; margin-top: 10px;}



.event-list.drop-in .bgimage { height: 350px; width: 350px; background-size: contain; background-position: center center; border-radius: 10px; margin-bottom: 16px;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }


@media(max-width: 639px) {
    .event-list ul li {flex: 0 0 100%; max-width: 100%;}
    .event-list .bgimage {background-size: contain; max-height: 100%; background-color: #F2EAE0; border: 5px solid #F2EAE0; }
}

/* Event pages */

.event_recurringpage, .event_eventpage {display: flex; flex-direction: column;}
.event_recurringpage .headline, .event_eventpage .headline {order: 1;}
.event_recurringpage .image, .event_eventpage .image {order: 2; display: none;}
.event_recurringpage .info, .event_eventpage .info {order: 3; font-family: MontserratSemiBold; margin-bottom: 12px; }
.event_recurringpage .abstract, .event_eventpage .abstract {order: 4;}
.event_recurringpage .venue, .event_eventpage .venue {order: 5; }

.event_recurringpage .venue .venue_inner, .event_eventpage .venue .venue_inner {display: flex; flex-direction: row-reverse; gap: 20px;}
.event_recurringpage .venue .venue_inner .details, .event_eventpage .venue .venue_inner .details{width: 50%;}
.event_recurringpage .venue .venue_inner .details .address, .event_eventpage .venue .venue_inner .details .address {width: 50%;  font-family: MontserratSemiBold;}
.event_recurringpage .venue .venue_inner .details img, .event_eventpage .venue .venue_inner .details img {max-width: 300px; width: 100%; margin-bottom: 20px;}
.event_recurringpage .venue .venue_inner .mapbox, .event_eventpage .venue .venue_inner .mapbox{width: 50%;}
.event_recurringpage .venue .venue_inner .mapbox .map, .event_eventpage .venue .venue_inner .mapbox .map{max-width: 500px; width: 100%; height: auto;}

@media(max-width: 600px) {
    .event_recurringpage .venue .venue_inner {flex-direction: column;}
    .event_recurringpage .venue .venue_inner .details, .event_recurringpage .venue .venue_inner .mapbox {width: 100%;}
}


/* Contact us */

.contact .items { display: flex; flex-wrap: wrap; gap: 1%;}
.contact .items>div { width: 49%; margin-bottom: 20px; }
.contact .items>div>div { display: flex; align-items: center; gap: 15px;}
.contact .items>div>div .imageleft { /* border: 1px solid var(--blue); */ }
.contact .items>div>div .imageleft img { object-fit: cover;  width: 100px; height: 140px; }
.contact .items>div>div .content p { margin: 0px; line-height: 1.6; }


/* Monthly Talks */
.become-member > .links > .link > a { background-color: var(--darkblue); font-family: MontserratRegular; text-decoration: none; color: var(--background); padding: 12px 16px; border-radius: 6px; display: inline-block; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}

/* About */
.about .content {margin-bottom: 50px;}

/* Registration */

.memb_account  {   }
.memb_account form  { }
.memb_account .field, .gen_interesteditor .field { padding-bottom: 15px;  }
.memb_account .field .label, .memb_account .row .label, .surv_standard .label, .gen_interesteditor .field .label { padding-bottom: 7px; }
.memb_account input[type=text], .memb_account input[type=password], .memb_account textarea, .memb_account select, .shop_donate textarea, .shop_donate input[type=number],.quarterlynewsletters .feat_pdfsearch input[type=text], .shop_basketpage input[type=text], .shop_basketpage textarea, .shop_basketpage select, .dataTables_length select, .dataTables_filter input[type=search], .surv_standard textarea, .gen_interesteditor input[type=text], .gen_interesteditor input[type=number]
  { max-width: 350px; width: 100%; border-radius: 7px; border: 1px solid var(--darkblue); font-family: MontserratLight; }
.memb_account input[type=text]:focus, .memb_account input[type=password]:focus, .memb_account textarea:focus, .memb_account select:focus, .shop_donate textarea:focus, .shop_donate input[type=number]:focus, .quarterlynewsletters .feat_pdfsearch input[type=text]:focus, .shop_basketpage input[type=text]:focus, .shop_basketpage textarea:focus, .shop_basketpage select:focus, .dataTables_length select:focus, .dataTables_filter input[type=search]:focus, .surv_standard textarea:focus, .gen_interesteditor input[type=text]:focus, .gen_interesteditor input[type=number]:focus
  { outline: solid var(--orange); border: none;  }
textarea { resize: vertical;}
.memb_account input[type=submit], .shop_donate input[type=submit], .surv_standard input[type=submit], .memb_account a, .gen_interesteditor input[type=submit], .util_sitesearch input[type=submit], .orange-btn { border-radius: 7px; background-color: var(--orange); border: none; font-family: MontserratRegular; transition: all .3s ease-in-out; }
.memb_account input[type=submit]:hover, .shop_donate input[type=submit]:hover, .surv_standard input[type=submit]:hover, .memb_account a:hover, .login-members .items>div.util_customhtml ul li a:hover, .gen_interesteditor a:hover, .login-members .items>div.memb_subscriptionstatus a:hover, .util_sitesearch input[type=submit]:hover, .orange-btn:hover, .login-members .items > div.membevents a:hover   { background-color: var(--green); }
.memb_account .text { font-family: MontserratLight; }

/* .memb_account a { color: white; } */


/* Event calendar */

.ui-widget .ui-widget-header { background: none; border: none; border-bottom: 1px solid var(--black); border-radius: 0; font-family: MontserratBold;}
.ui-widget .ui-widget-header .ui-state-default { background: none; border: none; }
.ui-widget #descriptiontext { font-family: MontserratLight !important; }
.ui-widget #descriptiontext .time, .ui-widget #descriptiontext .venue { padding: 5px 0px; }
.ui-widget #descriptiontext .date, .ui-widget #descriptiontext .time, .ui-widget #descriptiontext .venue::before { font-family: MontserratRegular;}
.ui-widget #descriptiontext .venue::before { content: 'Venue: '}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-resizable {max-width: 400px !important; width: 100% !important;}

.event_calendar .fc-daygrid-dot-event .fc-event-title {color: var(--black); white-space: normal;}
.event_calendar .fc-daygrid-dot-event .fc-event-title:hover {cursor: pointer;}
.event_calendar .fc .fc-daygrid-day.fc-day-today {background-color: #b0c6d6;}
.event_calendar .fc-button-primary {background-color: #b0c6d6; color: var(--dblue); border-color: var(--blue);}
.event_calendar .fc-button-primary:hover {background-color: var(--blue); color: #ffffff; border-color: var(--blue);}
.event_calendar .fc-button-active {background-color: var(--blue)!important;}
.event_calendar .fc-daygrid-event-dot { margin-top: 5px;}
.event_calendar .fc-daygrid-dot-event {align-items: flex-start;}
.event_calendar .fc-v-event {background-color: var(--blue); border: var(--blue); height: fit-content; padding: 5px; box-sizing: border-box;}
.event_calendar .fc .fc-timegrid-col.fc-day-today {background-color: #b0c6d6;}

.event_calendar .fc-button-group .fc-dayGridMonth-button, .event_calendar .fc-timeGridWeek-button, .event_calendar .fc-timeGridDay-button {display: none;}
.event_calendar .fc-daygrid-day-number, .fc-col-header-cell-cushion  {text-decoration: none;}
.event_calendar .fc-daygrid-day-number {font-family: MontserratRegular; font-size: 20px;}
.event_calendar .type1 > .fc-daygrid-event-dot {border: 4px solid var(--orange);}
.event_calendar .type2 > .fc-daygrid-event-dot {border: 4px solid var(--green);}
.event_calendar .type3 > .fc-daygrid-event-dot {border: 4px solid var(--gray);}

.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-start.fc-event-end.fc-event-future {display: flex;flex-wrap: wrap; width: 100%; padding: 0 5px;}
.fc-daygrid-dot-event, .fc-event-time {width: 50%; margin-bottom: 10px;}
.fc-event-title {width: 100%;}

@media (max-width: 500px) {
  .event_calendar .fc-toolbar-title {position: relative;  font-size: 16px;}
  .event_calendar .fc-daygrid-dot-event .fc-event-title, .event_calendar .fc-daygrid-dot-event .fc-event-time {display: none;}
  .event_calendar .fc-daygrid-event-dot {float: left;}
  .event_calendar .fc-daygrid-day-number {font-family: MontserratRegular; font-size: 16px;}
}


/* Members Area */
.login-members {margin: 0 auto; max-width: 500px; width: 100%; text-align: center;}
.login-members .memb_loginbox .fieldemail { padding-bottom: 20px; }
.login-members .memb_loginbox .fieldpw .input, .login-members .memb_loginbox .fieldemail .input { display: block; padding-top: 10px;  }
.login-members .memb_loginbox .fieldpw input[type=password], .login-members .memb_loginbox .fieldemail input[type=text], .shop_basketpage input[type=text], .shop_basketpage textarea, .shop_basketpage select {  max-width: 350px; border-radius: 7px; width: 100%; } 
.login-members .memb_loginbox .fieldpw { padding-bottom: 20px; }
.login-members .memb_loginbox .login { padding: 20px 0px 15px 0px; }
.login-members .memb_loginbox .login input[type=submit] {  background-color: var(--orange); }
.login-members .memb_loginbox .forgotpw, .login-members .memb_loginbox .register { display: block; }
.login-members .memb_loginbox .register { padding-top: 15px;}
.login-members .memb_loginbox .forgotpw a , .login-members .memb_loginbox .register a { display: block; width: fit-content; margin: 0 auto; background-color: var(--darkblue); color: white; text-decoration: none; padding: 10px 20px; text-align: center; font-size: 90%;; }
.login-members .memb_loginbox .login input[type=submit], .login-members .memb_loginbox .forgotpw a, .login-members .memb_loginbox .register a { transition: all .3s ease-in-out; border-radius: 7px; border: none; font-family: MontserratRegular; max-width: 350px; width: 100%; }
/* .login-members .memb_loginbox .login input[type=submit]:hover, .login-members .memb_loginbox .forgotpw a:hover, .login-members .memb_loginbox .register a:hover { background-color: var(--green); } */
.login-members .logout {}

/* Members Area - Logged in */

.login-members .items { display: flex; flex-wrap: wrap; justify-content: space-between; }
.login-members .items > div { width: 49%;}
.login-members .items>div.memb_subscriptionstatus { width: 100%; border: 1px solid var(--darkblue); padding: 20px 10px; margin-bottom: 40px; text-align: center; }
.login-members .items>div.memb_subscriptionstatus h3 { margin-top: 0px; }
.login-members .items>div.memb_subscriptionstatus .payment { padding-bottom: 20px; }
.login-members .items>div.memb_subscriptionstatus .buttons { padding: 20px 0px 10px 0px; }
.login-members .items > div.util_customhtml { width: fit-content; margin: 0px auto; }
.login-members .items > div.util_customhtml:has(+ div.links) { border-right: 2px var(--blue) solid; width: 49%;  }
.login-members .items>div.util_customhtml .html>div { text-align: left; }
.login-members .items>div.util_customhtml .field { display: flex; padding-bottom: 10px; }
.login-members .items>div.util_customhtml .field .label { width: 150px; font-weight: bold; }
.login-members .items>div.util_customhtml ul { display: flex; justify-content: center; gap: 20px; padding-top: 20px; }
.login-members .items>div.util_customhtml ul li a, .login-members .items>div.memb_subscriptionstatus a, .gen_interesteditor a, .login-members .items > div.membevents a  { text-decoration: none; color: white; background-color: var(--orange); padding: 7px 15px; border-radius: 7px; transition: all .3s ease-in-out; }
.login-members h2 { margin-top: 0px; }
.login-members .loggedin { margin-top: 40px; border: 1px solid var(--darkblue); display: flex; align-items: center; justify-content: center; padding: 20px 10px; gap: 20px; }
.login-members .loggedin .logout input[type=submit] { background: var(--darkblue); border: none; border-radius: 7px; }

.login-members .items > div.membevents { width: 100%; padding-bottom: 40px;}

/* Member Forms */

.login-members .forms {justify-content: space-between; width: 100% !important;}

@media ( max-width: 860px )
{
    .login-members .items { flex-direction: column; }
    .login-members .items > div.util_customhtml { border-right: none; margin-bottom: 20px; }
    .login-members .items>div { width: fit-content; margin: 0px auto;}
    .login-members .memb_subscriptionstatus { order: 1; }
    .login-members .nav_linklist.links { order: 2; padding-bottom: 30px;}
    .login-members .items > div.util_customhtml { order: 3; }
    .login-members .items > div.util_customhtml, .login-members .items > div.util_customhtml:has(+ div.links) { border-right: none; width: fit-content; }
    .login-members .forms { order: 4; }
}

@media ( max-width: 410px )
{
    .login-members .items>div.util_customhtml ul { flex-direction: column; }
    .login-members .items>div.util_customhtml .field { display: block; }
    .login-members .loggedin { display: block; }
    .login-members .loggedin .status { padding-bottom: 10px; }
}

/* Membership */

.shop_productlist ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.shop_productlist ul li { width: 300px; } 
.shop_productlist ul li .bgimage { height: 200px; background-size: cover; }
.shop_productlist ul li .name { padding: 10px 0px 5px; font-family: MontserratSemiBold; }
.shop_productlist ul li .name a { text-decoration: none; color: var(--black); }
.shop_productlist ul li div:nth-child(4) { display: flex; justify-content: space-between; align-items: center; }
.shop_productlist ul li .summary { padding-bottom: 10px; }
.shop_productlist ul li .buybutton { max-width: 180px; width: 100%; }
.shop_productlist ul li .buybutton a { background-color: var(--orange); color: white; display: block; text-decoration: none; padding: 4px 10px 5px 10px; border-radius: 7px; text-align: center; font-family: MontserratRegular; }


/* Donation */

.shop_donate .formbuilder>div .label { padding: 20px 0px 10px 0px; color: var(--darkblue)}
.shop_donate .formbuilder>div:first-of-type .label { padding-top: 0px; }
.shop_donate .formbuilder>div#fb-donate-DonNotes-div { padding-bottom: 20px; }


/* Past event reviews */

.eventreviews h1 { padding-bottom: 30px; }

.eventreviews .list { display: flex; gap: 20px; padding-top: 20px; }
.eventreviews .list .article { max-width: 30%; width: 100%; border: 1px solid var(--blue);  border-radius: 7px; padding: 10px; position: relative; top: 0; transition: all .3s ease-in-out; }
.eventreviews .list .article:hover { top: -10px;  }
.eventreviews .list .article h3 { margin-top: 0px; }
.eventreviews .list .article .abstract { font-weight: normal; padding-bottom: 10px; }
.eventreviews .list .article .link a { font-weight: 700; }
.eventreviews .list .article .image img { object-fit: cover; object-position: top; height: 200px; max-width: 100%;  }

.std_newsarticlea .datetime { color: var(--blue); font-weight: 700; font-size: 120%;  }
.std_newsarticlea .abstract { display: none; }
.std_newsarticlea .image { display: none; }
.std_newsarticlea img { width: 300px;  height: auto;}

/* Quarterly Newsletters */

.feat_pdfsearch form { border: 1px solid var(--blue); border-radius: 7px; padding: 10px; width: fit-content; }
.feat_pdfsearch .formbuilder { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.feat_pdfsearch .formbuilder .field_radio>.label { font-weight: 700; color: var(--blue); padding-bottom: 10px; }
.feat_pdfsearch .formbuilder .field_radio .radio label { font-size: 90%; }
.feat_pdfsearch .button input[type=submit] { transition: all .3s ease-in-out; background-color: var(--darkblue); border: none; border-radius: 7px; }
.feat_pdfsearch .button input[type=submit]:hover { background-color: var(--orange); }
.feat_pdfsearch .status { padding: 20px 0px; }
.feat_pdfsearch .name { color: var(--blue); font-weight: 700; }
.feat_pdfsearch .page { padding: 10px 0px; line-height: 1.5;}
.feat_pdfsearch .page a:hover { color: var(--blue); }
.feat_pdfsearch .link a { font-size: 90%; }

.feat_pdfbrowse .results, .feat_pdfsearch .results { display: flex; flex-wrap: wrap; gap: 20px; flex-wrap: wrap; }
.feat_pdfbrowse .results>li, .feat_pdfsearch .results { max-width: 18%; width: 100%; margin-bottom: 20px; border: 1px solid var(--blue); border-radius: 7px; padding: 10px; text-align: center; position: relative; top: 0; transition: .3s ease-in-out; }
.feat_pdfbrowse .results>li:hover { top: -10px; }
.feat_pdfbrowse .image { height: 200px; background-size: contain; }
.feat_pdfbrowse .page, .quarterlynewsletters .feat_pdfbrowse .thumbnail li { display: none; }
.feat_pdfbrowse .thumbnail li:first-of-type { display: block; }
.feat_pdfbrowse li .name { padding: 5px 0px; }
.feat_pdfbrowse li .link a { font-size: 90%; }

@media ( max-width: 1100px )
{
    .feat_pdfbrowse .results>li, .feat_pdfsearch .results { max-width: 20%;  }
}
@media ( max-width: 750px )
{
    .feat_pdfbrowse .results>li, .feat_pdfsearch .results { max-width: 33%;  }
}
@media ( max-width: 500px )
{
    .feat_pdfbrowse .results>li, .feat_pdfsearch .results { max-width: 100%;  }
}

/* Basket */

table { width: 100%; }
table .itemrow td { background-color: #ccc; }
table td, table th { text-align: right;  padding: 5px;}
table .headingrow th:nth-child(1), table .itemrow td:nth-child(1) { text-align: left; }

.shop_basketpage .discount { display: none; }
.shop_basketpage .buttons, .gen_interesteditor .buttons { display: flex;  padding-top: 20px; gap: 10px; }
.shop_basketpage .buttons input[type=submit], .payment input[type=button] { border: none; border-radius: 7px; background-color: var(--darkblue); transition: all .3s ease-in-out; }
.shop_basketpage .buttons input[type=submit]:hover, .payment input[type=button]:hover { background-color: var(--orange); }
.shop_basketpage .field_group { padding-bottom: 20px; }
.shop_basketpage .field_group>.label, .shop_basketpage  .field_section>.label { padding-bottom: 10px; font-size: 120%; color: var(--darkblue); font-weight: 700; }
.shop_basketpage .field_group .input .label { padding: 15px 0px 7px 0px; }
.shop_basketpage  #fb-Notes-div .label { padding: 15px 0px 7px 0px; }


/* Surname Interests */

.dataTables_length { float: left; margin: 20px 0px; width: 50%; }
.dataTables_filter { float: right; }
.dataTables_filter input[type=search] { margin-left: 10px; }
.dataTables_length select, .dataTables_filter input[type=search] { max-width: fit-content; }
.dataTables_wrapper .dataTables_info { padding-top: 20px; float: left; width: 50%; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate { padding-top: 20px; float: right; }

.gen_memberinterests table td, .gen_memberinterests table th { text-align: left; }
.gen_memberinterests table tr td:last-of-type { text-align: right;}
.gen_memberinterests .form { max-width: 300px; }
.gen_memberinterests table.form tr td:last-of-type { text-align: left; }

.gen_memberinterests .results { padding-top: 20px; }


.dataTables_wrapper .dataTable, .ui-widget table  { width: 100%; padding-top: 20px; }
.dataTables_wrapper thead tr, .gen_interesteditor thead tr { background-color: #cccccc; }
.dataTables_wrapper thead tr th, .gen_interesteditor thead tr th { padding: 10px 5px;}
.dataTables_wrapper tbody tr.even, .ui-widget table tr:nth-child(even), .gen_interesteditor tbody tr:even { background-color: 	#cccccc; }
.dataTables_wrapper tbody tr:hover, .gen_interesteditor tbody tr:hover { background-color: #b3b3b3; }
.dataTables_wrapper tbody tr td, .gen_interesteditor tbody tr td { padding:  10px 5px; font-size: 90%; }
.dataTables_wrapper .dataTables_info { padding-top: 20px; float: left; width: 50%; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate { padding-top: 20px; float: right; }
.dataTables_wrapper .dataTables_paginate a, .dataTables_wrapper .dataTable td a { cursor: pointer; padding: 2px 5px; border: 2px solid white; text-decoration: none; }
.dataTables_wrapper .dataTable td a, .gen_interesteditor td a { font-size: 90%;  border: none; }
.dataTables_wrapper .dataTable td a:hover, .gen_interesteditor th td a:hover { border: none; }
.dataTables_wrapper .dataTables_paginate a:hover, .dataTable td a:hover { border: 2px solid var(--blue); }
.dataTables_wrapper .dataTables_paginate a.disabled { cursor: not-allowed;}
.dataTables_wrapper .dataTables_paginate span { padding: 0px 10px;}
.dataTables_wrapper .dataTables_paginate span a { margin-right: 5px; }
.dataTables_wrapper .dataTables_paginate span a:hover {  }
.dataTables_wrapper .dataTables_paginate span a:last-of-type { margin: 0px; }
.dataTables_wrapper .dataTables_paginate span span { padding: 0px 5px 0px 0px; }
.dataTables_wrapper .dataTables_paginate a.current { background-color: var(--blue); color: white; }
.ui-widget table  { padding-top: 0px;  }
.ui-widget table tr th, .ui-widget table tr td { padding: 5px 0px; }


@media ( max-width: 680px )
{
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { width: 100%; float: none; text-align: center; }
}
@media ( max-width: 587px )
{
    .dataTables_wrapper   { overflow-x: scroll; width: 100%; }
}
@media ( max-width: 510px )
{
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { width: fit-content; float: none; margin: 0px auto;  }
    .dataTables_wrapper .dataTables_length { margin: 0px auto 20px auto;  }
}



table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer;  position: relative;}
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
table.dataTable thead th:last-of-type.sorting_asc:after, table.dataTable thead th:last-of-type.sorting_desc:after { display: none;  }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 12px;right: 0px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; font-size: 80%; }


.surv_standard {  padding-top: 50px; width: 100%; margin: 0px auto; }
.surv_standard .titletxt { color: var(--darkblue); font-size: 1.5rem; line-height: 1.3; margin-bottom: 1rem; font-weight: 700; }

.errors { color: red; padding-bottom: 20px; line-height: 2; }


/* Login */

.login-members .memb_loginbox { padding-top: 20px;}

/* Mnaage Surname Interest */

.gen_interesteditor { padding-top: 20px;}
.gen_interesteditor a { margin-bottom: 20px; display: block; width: fit-content; }
.gen_interesteditor .add form { padding-top: 30px;}
.gen_interesteditor .add input[type=submit] { font-family: MontserratLight; font-size: 100%; padding: 7px 15px;}
.gen_interesteditor .add a { margin-bottom: 0px; }

.gen_interesteditor .results { padding-bottom: 20px; }

.gen_interesteditor table a:hover, .gen_memberinterests table a:hover { background: none; }

.gen_interesteditor th { font-size: 90%;}
.gen_interesteditor tr th:first-of-type, .gen_interesteditor tr td:first-of-type { text-align: left; }
.gen_interesteditor tr td a { display: inline; color: var(--darkblue); background: none; padding: 0px; border-radius: 0; padding: 2px 5px; }

/* Search */

.util_sitesearch h2 { font-size: 1.7rem; margin-top: 0px; }
.util_sitesearch .include>div { padding-bottom: 30px;}
.util_sitesearch .include>div span { display: none; }

.util_sitesearch form input[type=submit] { margin: 20px auto 0px auto;  }

.util_sitesearch #results { text-align: left; }
.util_sitesearch #results .title { padding-bottom: 5px; }
.util_sitesearch #results .result { padding-bottom: 20px; }
.util_sitesearch #results .result:last-of-type { padding: 0px;}

/* Recorded Talks and Oral Histories */

.talks-and-histories a {
    display: inline-block;
    white-space: nowrap;
    margin-left: 1rem;
}

@media (max-width: 768px) {
    .talks-and-histories p {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .talks-and-histories a {
        margin-left: 0;
        margin-top: 0.5rem;
        width: 100%;
        text-align: center;
    }

    .talks-and-histories h1 {
        margin-bottom: 10px;
    }
}

/* Gallery */

.feat_gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.feat_gallery ul li {
  width: calc(25% - 15px);
}

.feat_gallery ul .front {
  height: 0;
  padding-bottom: 100%;
  display: block;
  background-size: cover;
  background-position: center;
}


.feat_gallery ul .back span {
  color: white;
  text-decoration: none;
  display: block;
  background-color: var(--darkblue);
  padding: 5px;
  box-sizing: border-box;
}

.pp_details {
  position: relative !important;
  height: 40px !important;
  background: white;
}

.pp_description {
  position: absolute;
  top: -10px;
  left: 75px; 
  display: block;
  font-size: 16px !important;
  line-height: 25px;
  margin: 0;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: left;
  white-space: nowrap;
}

.pp_nav {
  position: relative;
  margin-top: 10px !important;
}

.pp_nav .currentTextHolder {
  font-size: 14px !important;
}

@media (max-width: 992px) {
  .feat_gallery ul li {
    width: calc(33.333% - 14px);
  }
}


@media (max-width: 700px) {
  .feat_gallery ul li {
    width: calc(50% - 10px);
  }
}


@media (max-width: 480px) {
  .feat_gallery ul li {
    width: 100%;
  }
}


/* Landing page - gallery */

.oldphotographs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 30px 0;
  list-style: none;
  padding: 30px 0 0 0;
  margin: 0;
}

.oldphotographs ul li.oldphotographs_card {
  width: calc(25% - 22.5px); /* 4 per row on large screens */
  box-sizing: border-box;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
}

.oldphotographs ul li.oldphotographs_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.oldphotographs ul li img {
  width: 100%;
  height: 320px;
  object-fit: cover; /* crops nicely instead of stretching/squashing */
  display: block;
}
.oldphotographs ul li a {
  text-decoration: none;
}

.oldphotographs ul li .oldphotographs_name {
  margin: 10px 15px 5px;
  font-size: 18px;
}

.oldphotographs ul li span{
  margin: 0px 15px 10px;

}

/* .oldphotographs ul li a {
  margin: 0 15px 15px;
  display: inline-block;
  color: var(--darkblue);
  text-decoration: none;
  font-weight: bold;
}

.oldphotographs ul li a:hover {
  text-decoration: underline;
} */

/* Tablet: 3 per row */
@media (max-width: 992px) {
 .oldphotographs ul li.oldphotographs_card {
    width: calc(33.333% - 20px);
  }
}

/* Small tablet: 2 per row */
@media (max-width: 700px) {
  .oldphotographs ul li.oldphotographs_card {
    width: calc(50% - 15px);
  }
  .oldphotographs ul li img {
    height: 260px;
  }
}

/* Mobile: 1 per row */
@media (max-width: 480px) {
  .oldphotographs ul li.oldphotographs_card {
    width: 100%;
  }
  .oldphotographs ul li img {
    height: 300px;
  }
}


/* Research guide */

.researchguide ul { padding-top: 30px;  }