* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #fefefe;color: #000000;font-family:"museo-sans", sans-serif;font-size: 100%;font-weight: 200;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: 400; }
ul, ol {padding: 0px;margin: 0px;}
li {vertical-align: top;list-style-type: none;}
h1, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px; font-size: 100%; font-weight: 400; color: #000000; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: transparent;border: solid #000000 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: "museo-sans", sans-serif;}
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #fefefe; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 20px 0px;margin: 0px;}
strong { font-weight: 400; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; display: none;}
.errors{color:var(--red);padding: 10px 0;max-width: 600px;margin: 20px auto; font-weight: 600; border: 1px solid var(--red); padding: 10px; text-align: center;}
.shop_basket .errors {background-color: #ffe6e6; color: var(--red); padding: 12px 16px;margin: 30px auto; border-radius: 6px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}


/*Colours*/

:root {
    --lightest-green: #F0FAF2;
    --light-green: #D3EFD8;
    --green: #3AB648;
    --dark-green: #286039;
    --blue: #4BB8E1; 
    --light-blue: #ecf7fa;
    --light-grey: #F4F4F4;
    --medium-grey: #ececec;
    --red: rgb(182, 4, 4);

}


/*********************************************************************************/
/*Common*/
/*********************************************************************************/

p{font-size: 16px;}
h1{font-size: 32px;}
h2{font-size: 24px;color: var(--green);padding-bottom: 10px;}
h3{font-size: 18px; padding-bottom: 10px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
strong{font-weight: 400;}

a{color: var(--green);}
a:hover{color: var(--blue);}
.anchor{padding-top: 20px;}
.anchor:hover{color: inherit;}


.pagetitle, .shop_category h1, .shop_basketpage h1,.feat_grouppage h1, .feat_projectpage h1, .feat_groupadmin h1, .event_caleditor h1, .shop_tabcategory h1, .shop_orderhistory h1, .util_sitesearch .titletxt{font-size:36px;text-align: center;padding: 0px 0px 40px 0;color: var(--dark-green);letter-spacing: 4px;font-weight: 600;}

.std_contentpage, .news_stylea, .event_eventpage, .shop_category,.shop_product, .shop_donate, .shop_basketpage,.feat_grouppage, .feat_projectpage, .feat_groupadmin, .feat_projectpage, .event_caleditor, .shop_tabcategory, .shop_orderhistory, .util_sitesearch {padding: 20px;min-height: 70vh;}
.pagecomponents_inner, .pagecontent_inner, .news_stylea, .event_eventpage, .shop_category,.shop_product, .shop_donate, .shop_basketpage,.feat_grouppage, .feat_projectpage, .event_caleditor, .shop_tabcategory, .shop_orderhistory, .util_sitesearch {max-width: 1240px;margin: 0 auto;}

.std_contentpage img:not(.feat_googlemap img){margin: 0 20px 20px 20px;max-width: 100%;height: auto;}
.shop_category .introduction img{margin: 10px;}

@media (max-width: 600px){
   .std_contentpage img, .shop_category .introduction img{margin: 20px auto 20px auto; display: block; float: none !important;}
}

.content ul, .content ol{margin-bottom: 20px;}
.content ul li{list-style-type: disc; margin: 0 0 5px 20px;}
.content ol li{list-style-type: decimal;}


/* normal buttons */
.button, .buttons .link a,input[type=submit],button[type=submit],.memb_loginbox .changepassword a,.memb_loginbox .yourdetails a, .members-area .link a, .addbutton a,.buybutton a, .basket .continueshopping, .shop_basket .buttons input, .shop_basket .buttons a, .members-area .memb_subscriptionstatus .buttons a, .rootsearch .button, .util_sitesearch .showmore a, .rollofhonour-editor .addbutton{color: #fefefe;font-size: 14px;letter-spacing: 1.2px;font-weight:700;background-color: var(--dark-green);padding: 8px 30px;border-radius: 15px;text-align: center;border:none;cursor: pointer; text-decoration: none;}
.button:hover,.buttons .link a:hover, input[type=submit]:hover,button[type=submit]:hover, .memb_loginbox .changepassword a:hover,.memb_loginbox .yourdetails a:hover, .members-area .link a:hover, .addbutton a:hover,.buybutton a:hover, .basket .buttons .continueshopping:hover, .shop_basket .buttons input:hover, .shop_basket .buttons a:hover, .members-area .memb_subscriptionstatus .buttons:hover a, .rootsearch .button:hover, .util_sitesearch .showmore a:hover, .rollofhonour-editor .addbutton:hover{color: #fefefe; background-color: var(--green); text-decoration: none;}
.memb_loginbox .logout input[type=submit],.memb_loginbox .changepassword a, .memb_loginbox .yourdetails a, .members-area .buttons-container .link a{width: 240px;display:block;margin: 0 auto;margin-top: 15px;}
.basket .continueshopping{width: 220px;display:block;margin: 10px;}
.shop_basket .buttons input, .members-area .memb_subscriptionstatus .buttons a{min-width: 220px; margin: 10px;}
.shop_basket .buttons a,button[type=submit]{width: 220px;}
.events .content li{list-style-type: none;}
.members-area .buttons-container .link a{padding: 10px;width: 260px; margin-top: 10px;}



/* sections buttons */
.publications .buttons ul,.genealogy-links .buttons ul, .util_tabbed .ui-tabs>ul, .search-services .buttons ul,.events .pagecontent ul, .videos .pagecontent ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;max-width: 1100px;margin: 10px auto;}
.events .pagecontent ul{max-width: 900px;}
.publications .buttons li, .genealogy-links .buttons li, .util_tabbed li, .search-services .buttons li,.events .pagecontent li, .videos .pagecontent li{margin: 5px; list-style-type: none;}
.publications .buttons li a, .genealogy-links .buttons li a, .util_tabbed li a, .search-services .buttons li a, .feat_grouppage .left-column .buttons a,.events .pagecontent li a, .videos .pagecontent li a, .shop_basket .shippingmethod ul li {color: #000000; font-weight: 400; background-color: var(--medium-grey); padding: 12px; width: 240px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.publications .buttons li:hover a, .genealogy-links .buttons li:hover a, .util_tabbed li:hover a, .search-services .buttons li:hover a, .feat_grouppage .left-column .buttons li:hover a,.events .pagecontent li:hover a, .videos .pagecontent li:hover a, .shop_basket .shippingmethod ul li:hover{background-color: var(--blue);color: #fefefe;}
.feat_grouppage .left-column .buttons li{margin: 5px 0;}
.feat_grouppage .left-column .buttons a{width: 250px;}

@media (max-width: 700px){
    .feat_grouppage .left-column{width: 100% !important;}
    .feat_grouppage .left-column .buttons{display: flex;flex-direction: column; justify-content: center;align-items: center;}
}

@media (max-width: 500px){
    .publications .buttons li a, .util_tabbed li a, .feat_grouppage .left-column .buttons a{padding: 8px; }
}


/* carousel */
.feat_carousel .carousel {overflow: hidden;position: relative; }
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel .carousel li {float: left;background-size: cover;background-position: center;} 
.nextprevious {position: relative;}
.nextprevious a{color: #000000;}
.carousel-next{ float: right; }
.carousel-prev{ float: left; }
.carousel-next, .carousel-prev {width: 28px;height: 28px;margin: 0 20px;background-color: var(--medium-grey);border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/* form */
fieldset{max-width: 600px;}
.label{display: block;padding: 5px 0;font-weight: 400;}
input[type="text"], input[type="password"],input[type="number"], textarea, select{width: 100%;margin-bottom: 10px;border-radius: 10px;border: 1px solid var(--dark-green);background-color: var(--medium-grey);}
input[type="text"], input[type="password"],input[type="number"], select{height:35px;}
input[type="submit"]{margin: 20px 0; }
input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 15px;  height: 15px; border: 1px solid var(--dark-green); display: inline-block; position: relative; cursor: pointer; margin: 0 5px -2px 0; }
input[type="radio"]:checked::before { content: ''; width: 14px;  height: 14px; background-color: var(--dark-green); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 
/* table */
table{margin: 10px 0 30px 0;}
table tr td, table tr th{padding: 10px;}
table th{border-bottom: 2px solid var(--dark-green);padding-bottom: 10px;}
table tbody tr:nth-child(odd) {background-color: var(--medium-grey);}
table p{padding: 0;}


/* Pop up box */
.ui-dialog{background-color: white; }
.section2 .ui-dialog{max-width: 600px; padding: 10px 20px 20px 25px; border: 6px solid var(--green);   font-size: 16px; line-height: 1.6; font-family:"museo-sans", sans-serif;}
.section2 .ui-dialog .ui-dialog-titlebar{border:none; background: white !important; display: flex; justify-content: space-between; margin: 20px 0; }
.section2 .ui-dialog .ui-dialog-titlebar .ui-dialog-title{font-size: 24px; font-weight: 600; text-align: center;}
.section2 .ui-dialog p{padding-bottom: 12px; }
.ui-dialog .ui-button{background-color: var(--dark-green);color: white; border: none; cursor: pointer;}

@media (max-width: 700px){
    .section2 .ui-dialog{max-width: 500px;}
    .section2 .ui-dialog img{max-width: 100%; width: auto;}
}

@media (max-width: 550px){
    .section2 .ui-dialog{max-width: 85%; padding: 10px;}
    .section2 .ui-dialog .ui-dialog-titlebar{flex-direction: column-reverse; align-items: end; gap:10px}
}




/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.layoutheader_inner{max-width: 1240px;height: 50px;margin: 15px auto;display: flex;justify-content: space-between;}

.layoutheader .logo .util_textbox_inner{ max-width: 950px;  margin-left: 10px;display: flex;align-items: center;}
.logo h2{padding: 0;}
.layoutheader .logo h2 a{font-size: 125%;font-weight: 900;padding: 0 30px;background-color: #fefefe;color:var(--green);text-transform:uppercase;}
.layoutheader .logo h2:hover{color: var(--green);}
.layoutheader .logo h3{display: none;}
.layoutheader .logo img{width: 110px; height: auto;}
.layoutheader .logo p{display: none;}


/* .util_sitesearchbar fieldset{display: flex;}
.util_sitesearchbar input[type="text"]{ border: none; max-width: 140px; padding: 0 10px ; margin: 0; border-radius: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.util_sitesearchbar input[type="text"]:focus{outline: none;}
.util_sitesearchbar button{ border: none; background-color: var(--medium-grey); color: var(--dark-green);font-size: 120%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; cursor: pointer;} */


.util_sitesearchbar input[type="text"]{display: none; }
.util_sitesearchbar button{ border: none; background-color: transparent; color: var(--dark-green);font-size: 120%; cursor: pointer; margin: 0 12px 3px 0; padding: 0;}
.util_sitesearchbar button i{font-size: 20px;}
.util_sitesearchbar button:hover{color: var(--green);}


.shop_basketlink {cursor: pointer; width: 35px;height: 30px; display: flex;align-items: end;}
.shop_basketlink i{font-size: 28px;color: var(--dark-green);}
.shop_basketlink .items{font-size: 12px;color: #fefefe; margin-left: -19px;}
.shop_basketlink a:hover .items {color:#fefefe;}

.layoutheader .buttons a{font-size: 13px; padding: 8px 15px;}

.layouttopmenu_inner{max-width: 1240px;height: 50px;margin: 0 auto;display: flex;justify-content: end;align-items: end;}

.layouttopmenu .nav_multilevel a{font-weight: 600;color:var(--dark-green);font-size: 17px;}
.layouttopmenu .nav_multilevel .level3 a{font-weight: 400; }
.layouttopmenu .nav_multilevel i{color: var(--dark-green);font-size: 15px;}

.social-media ul{display: flex; gap:10px; margin-bottom: -3px;}
.social-media i{font-size: 25px;color: var(--dark-green);}
.social-media svg{width: 25px; margin-right: 10px;}
.layouttopmenu .social-media .link3 path{fill: var(--dark-green);}
.layouttopmenu .social-media .link3:hover path{fill:var(--green)}



/* Laptop */
@media (min-width: 1051px){
        .layouttopmenu .toggle, .layouttopmenu .nav_multilevel .link226, .layouttopmenu .nav_multilevel .link227, .layouttopmenu .nav_multilevel .link228, .layouttopmenu .nav_multilevel .link287, .layouttopmenu .nav_multilevel .link327, .link399 {display: none;}  

    .layoutheader {
        border-width: 0 0 15px 0;
        border-style: solid;
        border-image: linear-gradient(to right, #fefefe 48%, var(--green) 48%) 1;
    }

    .layouttopmenu { 
        height: 50px;
        border-width: 0 0 15px 0;
        border-style: solid;
        border-image: linear-gradient(to right, var(--blue) 32%, #fefefe 32%) 1;
    }

    .layoutheader .util_container>.items {display: flex; align-items: end;}
    .shop_basketlink {margin: 0 12px 0 0;}

    .layouttopmenu{margin-bottom: 40px;}
    .layouttopmenu .nav_multilevel .level1 {width: 940px;padding: 0 20px;margin-bottom: -3px;background-color: #fefefe;display: flex;justify-content: space-between;}
    .layouttopmenu .nav_multilevel .level1>li>a{padding-bottom: 10px;}
    .layouttopmenu .nav_multilevel .level2{display: none;position: absolute;z-index:999;background-color: #fefefe; width: 200px; padding: 10px;margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .layouttopmenu .nav_multilevel .link28 .level2{width: auto;}
    .layouttopmenu .nav_multilevel .level2>li{padding:10px 5px}
    .layouttopmenu .nav_multilevel .level3 li{padding: 10px 0 0 15px;}

    .layoutheader .nav_linklist ul{margin-top: 18px;display: flex;justify-content: space-around;}
    .layoutheader .nav_linklist a{display:block;margin-right: 10px;}

    .layouttopmenu .nav_multilevel .level1>li:hover .level2{display: block;}
    .layouttopmenu .nav_multilevel li:hover>a,.layouttopmenu .nav_multilevel .level1>li:hover>span>i,.layouttopmenu .nav_multilevel .level2>li:hover i, .layouttopmenu i:hover, .shop_basketlink:hover i, .shop_basketlink:hover .items{color:var(--green)}


}

/* Mobile */
@media (max-width: 1051px){
    .layouttopmenu .toggle {position:absolute;top:54px;right:20px;cursor:pointer;}
    .layouttopmenu .toggleon .level1{display:block;position: absolute;top: 139px;right: 0px;width: 100%;z-index: 99;background-color: var(--medium-grey);}
    .layouttopmenu .toggleon .level2, .layouttopmenu .toggleon .level3{ margin: 5px 0; display: none;}
    .layouttopmenu .toggleon .level2 a{font-size: 15px; font-weight: 400;}
    .layouttopmenu .nav_multilevel .level3 a{font-size: 14px; }
    
    .layouttopmenu .toggleon li{padding:  10px 0px 10px 20px;}

    .layouttopmenu .nav_multilevel .link226 , .layouttopmenu .nav_multilevel .link227 , .layouttopmenu .nav_multilevel .link228, .layouttopmenu .nav_multilevel .link287 { background-color: var(--dark-green);}
    .layouttopmenu .nav_multilevel .link226 a, .layouttopmenu .nav_multilevel .link227 a, .layouttopmenu .nav_multilevel .link228 a, .layouttopmenu .nav_multilevel .link287 a{color: #fefefe}

    .layouttopmenu .toggleoff ul, .layoutheader .nav_linklist, .layouttopmenu .social-media{display:none;}
    .layouttopmenu svg path {fill: var(--dark-green);}
    .layouttopmenu svg {width: 35px; height: 35px;}
    .layouttopmenu_inner{height: auto;}

    .layoutheader_inner{height: auto;border-bottom: 10px solid var(--blue);margin-bottom: 30px; }

    .layoutheader .logo .content{padding: 0 135px 0 10px;}
    .layoutheader .logo h2 a {padding: 0; font-size: 110%;}

    .util_sitesearchbar {position:absolute;top:60px;right:55px;}
    .shop_basketlink {position:absolute;top:52px;right:95px;}
}

@media (max-width: 500px){

    .layoutheader .logo .content{padding: 0 100px 5px 10px; }
    .layoutheader .logo img {width: 90px;}
    .layoutheader .logo h2 a {font-size: 100%;}

    .shop_basketlink{right: 60px; top:20px;}
    .util_sitesearchbar {right: 18px; top:30px;}
    .layouttopmenu .toggle {top: 65px;}

    .layouttopmenu .toggleon .level1{top: 119px;}

}

 @media (max-width: 408px){

    .layouttopmenu .toggle {top: 85px;}
    .layouttopmenu .toggleon .level1{top: 145px;}
}

/*********************************************************************************/
/*Footer*/
/*********************************************************************************/

.layoutfooter{background-color: var(--green);}
.layoutfooter a, .layoutfooter h3, .layoutfooter h5{color: #fefefe; font-weight: 200;}
.layoutfooter p {color: #fefefe; padding: 15px 0 0 0;}

.layoutfooter_inner{max-width: 1240px;height: auto;margin: 0 auto;padding: 40px 10px 20px 10px;}

.layoutfooter .logo a{color: #fefefe; font-weight: 400;}
.layoutfooter .logo img{width: 150px; height: auto;}

.layoutfooter .social-media i{color: #fefefe;}
.layoutfooter .social-media i:hover, .layoutfooter .text-right a:hover{color: var(--dark-green);}
.social-media path{fill: #fefefe;}
.social-media svg:hover path{fill:var(--dark-green)}

.layoutcredits, .layoutfooter .spacer{display: none;}

@media (min-width: 700px){

    .layoutfooter .items{display: flex; justify-content: space-between;}

    .layoutfooter .footer-top .items{align-items: center;}
    .layoutfooter .logo .util_textbox_inner{max-width: 950px; margin-left: 10px; display: flex; align-items: center; }
    .layoutfooter .logo .content{margin: 0 40px;}
    .layoutfooter .social-media ul{margin-top: -80px;}
    
    .layoutfooter .footer-bottom{ margin: 40px 0 0 0  }
    .layoutfooter .text-left{margin-right: 40px ;}
    .layoutfooter .text-right{text-align: end; min-width: 230px;}
}


@media (max-width: 700px){

    .layoutfooter .footer-top .items{display: flex; flex-direction: column; align-items: center; }
    .layoutfooter .logo .imageleft{text-align: center;}
    .layoutfooter .logo .content{text-align: center; padding-top: 20px;}
    .layoutfooter .social-media ul{margin: 20px 0 0 0;}

    .layoutfooter .footer-bottom .items{max-width: 800px;padding: 0 10px; margin: 50px auto 0 auto;}
    .layoutfooter .text-right{text-align: start; margin-top: 20px;}
}


/*********************************************************************************/
/*Home*/
/*********************************************************************************/

.section2 .pagecomponents_inner{max-width:none !important;margin: 0 !important;}
.section2 .std_contentpage{padding: 0 !important;}
.home .top-container, .home .middle-container, .home .list_article, .home .event_list , .home .video .util_textbox_inner{max-width: 1240px;margin: 0 auto;padding: 0 20px;}
.home .top-container .items{display: flex;justify-content: space-between;gap:15px;width: 100%; height: 400px;}


/*banner and carousel*/
.home .banner{width: 42%;}
.home .banner .content{background-color: var(--medium-grey); min-height: 400px;padding: 60px;display: flex;align-items: center;justify-content: center;}
.home .banner h2{font-size: 160%;color: #000000; line-height: 1.8;}

.home .feat_carousel{width: 57%;height: 400px}
.home .feat_carousel .carousel li {height: 400px; } 
.home .nextprevious {bottom: 200px;}

.home .feat_carousel .carousel #carouselitem-0 {display: block; position: relative;} 
.home .feat_carousel .carousel li .util_textbox{height: 400px; display: flex; background-size: cover;}
.home .feat_carousel .carousel li .util_textbox .util_textbox_inner {margin-top: auto; width: fit-content; color: white; padding-right: 20px; transition: transform 0.2s ease;}

.home .feat_carousel .carousel li .util_textbox .util_textbox_inner p {background-color: var(--dark-green); padding: 10px;}
.home .feat_carousel .carousel li .util_textbox .util_textbox_inner p:hover {background-color: var(--green);}

/*middle text*/
.home .middle-container{padding-bottom: 30px;}
.home .middle-container .introduction{text-align: center; margin: 40px 0; }
.home .middle-container .introduction h3{font-weight: 400; line-height: 1.8;}

.home .middle-container .items{ display: flex; justify-content: space-between; gap:20px;}
.home .middle-container .util_textbox {width: 21%; display: flex;align-items: center; text-align: center; }
.home .middle-container .util_textbox:nth-child(odd){border-bottom: 4px solid var(--green);}
.home .middle-container .util_textbox:nth-child(even){border-bottom: 4px solid var(--blue);}
.home .middle-container .util_textbox p{font-size: 18px; padding-bottom: 15px; line-height: 1.4;}


/*news and events*/
.home .list_article, .home .event_list{margin-top: 40px;padding-top: 50px;border-top: 2px var(--medium-grey) solid;}
.home .list_article .list, .home .event_list ul{display: flex; align-items: stretch; justify-content: space-between; gap:10px;}
.list_article .titletxt, .home .event_list .titletxt{font-weight: 900;padding-bottom: 20px;color: #000000;}
.home .list_article .toplinks, .home .event_list .toplinks{float: inline-end; margin-top: -45px;}
.home .list_article .toplinks a, .home .event_list  .toplinks a{font-weight: 900; color: #000000;}
.home .list_article .toplinks a:hover, .home .event_list  .toplinks a:hover{color: var(--blue);}

.list_article .headline a, .list_article .created, .list_article .article .link a, .home .event_list .event .name a, .home .event_list .event .date a, .home .event_list .event .link a{font-weight: 400;color: #000000;}
.list_article .headline a, .home .event_list .event .name a{color: var(--green);font-size: 17px;}
.list_article .created, .home .event_list .event .date a{padding-bottom: 20px;font-size: 14px;text-transform: uppercase;}
.list_article .created::before{content: "POSTED "}
.list_article .article .link a, .home .event_list .event .link a{font-size: 14px;}
.list_article .article .link a:hover, .home .event_list .event .link a:hover{color:var(--blue)}

.home .list_article .article {max-width: 390px;width: 100%; max-height: 490px; padding: 10px; border: 1px solid #e4e4e4; display: flex; flex-direction: column; justify-content: start;}
.home .list_article .article .headline{padding: 10px 0;}
.home .list_article .article .created::before{content: "POSTED "}
.home .list_article .article .abstract{font-weight: 200;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 16px;}
.home .list_article .article .link{padding: 10px 0; margin-top: auto;}

.home .event_list .event{width: 280px;min-height: 150px;flex-direction: column;justify-content: start;}
.home .event_list .event .name a{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.home .event_list .event .category{margin-top: auto;}

/*bottom video*/
.home .video-container {margin: 60px auto;padding: 40px 100px;display: flex;justify-content: center;align-items: center;gap:50px; background-color: var(--medium-grey);}
.home .video-container .introduction{max-width: 430px;}
.home .video-container .introduction p{line-height: 1.6; padding: 0 20px 0 0;}
.home video{width: 430px; height: 250px; margin: 10px; background-color: #fefefe;}

@media (min-width: 1300px){
    .home .video-container {padding: 40px 200px;}
}

@media (max-width: 920px){
    .home .banner .content{padding: 40px;}

    .home .list_article .list{flex-direction: column;}
    .home .list_article .article{max-width: 100%; max-height: none;}

    .home .event_list ul{flex-wrap: wrap;}
    .home .event_list .event{margin-bottom: 20px; width: 49%;}

    .home .video-container{flex-direction: column; gap:30px}
}

@media (max-width: 745px){
    .home .top-container .items{flex-direction: column-reverse;margin-top: 140px;}
    .home .banner, .home .feat_carousel{width: 100%;}
    .home .banner .content{min-height: auto; padding: 20px;text-align: center;}
    .home .banner h2{font-size: 140%;}

    .home .middle-container .items{flex-wrap: wrap;justify-content: space-evenly;}
    .home .middle-container .util_textbox {width: 40%; margin-bottom: 40px; }
    .home .middle-container .util_textbox:nth-child(4){border-bottom: 4px solid var(--green);}
    .home .middle-container .util_textbox:nth-child(3){border-bottom: 4px solid var(--blue);}
}

@media (max-width: 684px){
    .home .top-container .items{ margin-top: 180px;}
    .home .video-container {padding: 40px 40px;}

     .home .event_list .event{ width: 100%; margin: 0;}
}

@media (max-width: 451px){

    .home .event_list ul{columns: 1;}

    .home .top-container .items{ margin-top:220px;}
    .home .video-container .introduction p{padding-right: 0px;}
    .home video{width: 300px; height: 170px;}
    .carousel-next, .carousel-prev {margin: 0 10px;}

}

@media (max-width: 388px){
    .home .top-container .items{ margin-top: 260px;}
}

@media (max-width: 325px){
    .home .top-container .items{ margin-top: 300px;}
}

/*********************************************************************************/
/*Search*/
/*********************************************************************************/

.util_sitesearch fieldset{display: flex; justify-content: center; align-items: center; gap:20px; margin: 0 auto; max-width: 600px;}
.util_sitesearch input[type=text]{margin-bottom: 0;}

.util_sitesearch #result_report{margin-bottom: 30px;}
.util_sitesearch .result{margin-bottom: 10px;}

.util_sitesearch .result .title{font-size: 18px;}


@media (max-width: 500px){
    .util_sitesearch fieldset{flex-direction: column;}
}

/*********************************************************************************/
/*News and Events*/
/*********************************************************************************/

/* list articles */

.news .list_article{margin: 40px auto; max-width: 1000px; }
.news .list_article .article{margin: 20px 0; border-bottom: 2px solid var(--medium-grey); padding-bottom: 20px;}
.news .list_article .article .headline{padding-bottom: 5px;}
.news .list_article .article .abstract{font-weight: 200;}
.news .list_article .article .link{margin-top: 20px;}
.news .list_article img{width: auto; max-height: 300px !important; height: auto; margin: 10px 0;}

/* article page and event page*/

.news_stylea .headline, .event_eventpage .headline{font-size: 36px;padding: 20px 0px 10px 0;color: var(--dark-green);font-weight: 600;}
.news_stylea .info, .event_eventpage .info{padding-bottom: 50px; font-weight: 400; }
.event_eventpage .info .date, .event_eventpage .info .venue{font-size: 18px; font-weight: 400;padding-top: 10px;}
.news_stylea .main_image, .event_eventpage .image{text-align: center;margin: 20px 0 40px 0;}
.news_stylea .abstract{display: none;}
.event_eventpage .abstract{padding-bottom: 20px;font-size: 18px; }
.news_stylea .article, .event_eventpage .event{display: flex; flex-direction: column;} 
.news_stylea .article img, .event_eventpage .event img{margin: 20px; height: auto;}

@media (max-width: 700px){
    .news_stylea .article img, .event_eventpage .event img{float: none !important;display: block;margin: 20px auto;}
    .news_stylea img, .event_eventpage img{max-width: 100%; height: auto;}
}

/* book your places */

.event_eventpage .book{padding-top: 20px; border-top: 3px solid var(--medium-grey);}
.event_eventpage .book .field {max-width: 350px;}
.event_eventpage .book .field .label{padding: 5px 0; font-weight: 400;}
.event_eventpage .book .field input{width: 100%;height: 35px; border-radius: 10px;border:2px solid var(--medium-grey);}
.event_eventpage .book .removelink{padding-bottom: 10px;}

/* Remove abstract */
#tabs-news .abstract {display: none;}

/*********************************************************************************/
/*Event page*/
/*********************************************************************************/

.events .util_tabbed{margin-top: 40px;}

.events .event_list {margin: 30px 0;}

.event_list .event{background-color: var(--light-blue); padding: 15px; margin: 20px 0; display: flex; flex-wrap: wrap; }

.event_list .event .name{color: var(--green);font-size: 17px; width: 100%; font-weight: 400; margin-bottom: 5px; }
.event_list .event .date,.event_list .event .time {font-size: 14px; line-height: 1.4; text-transform: uppercase; font-weight: 400; }
.event_list .event .date{margin: 0 20px 10px 0;} 
.event_list .event .time {margin-bottom: 20px;}

.event_list .event .venue, .event_list .event .speaker,.event_list .event .description {width: 100%;/* padding-left: 10px; *//* border-left: 2px solid var(--green); */}
.event_list .event .venue, .event_list .event .speaker, .event_list .event .description p{font-size: 15px;line-height: 1.5;}
.event_list .event .description p{padding: 5px 0 0 0;}
.event_list .event .venue, .event_list .event .speaker{display: flex; align-items: center; gap:10px;}

.event_list .event .image{text-align: center;width: 100%;}
.event_list .event .image img{max-width: 100%; max-height: 400px; height: auto; margin-top: 20px;}

.event_list .event .category {width: 100%;font-style: italic;padding-top: 20px;/* color: #000000; */}


/*********************************************************************************/
/*About us*/
/*********************************************************************************/

.about-us h2{ border-bottom: 2px solid var(--green); margin-bottom: 20px; padding-bottom: 5px;} 
.about-us h3{color: var(--green);padding: 5px 0px;}
.about-us ul li{list-style-type:none; margin: 10px 0;}

.about-us .content {display: flex;}
.about-us img{margin: 20px;}
.about-us .map{float: inline-end; }

.about-us .content .container{display: flex; flex-wrap: wrap; gap:60px;}
.about-us .content .container div{flex: 1 1 300px;}

@media (max-width: 700px){
    .about-us img{display: block;float:none;max-width: 280px;margin: 20px auto;}
}


/*********************************************************************************/
/*Officers & Trustees*/
/*********************************************************************************/

.officers-trustees h2{ border-bottom: 2px solid var(--green); margin-bottom: 20px; padding-bottom: 5px;} 
.officers-trustees h3{color: var(--green);padding: 10px;}
.officers-trustees p{padding-bottom: 0;}
.officers-trustees em{font-size: 90%;}

.officers-trustees table{ width: 100%;}
.officers-trustees table td{vertical-align: middle; width: 30%;}
.officers-trustees table td:first-child{width: 40% !important;}

.officers-trustees .trustees td:last-child{width: 60%;}

.officers-trustees table tbody tr:nth-child(odd) {background-color:var(--light-grey);}

@media (max-width: 700px) {
  
    .officers-trustees table, .officers-trustees tbody, .officers-trustees tr, .officers-trustees td{
      display: block;
    }

    .officers-trustees td{width: 100% !important; text-align: start !important; }
  
  }


/*********************************************************************************/
/*Groups*/
/*********************************************************************************/

.feat_grouppage{display: flex;gap:60px;border-top: 3px solid var(--medium-grey);padding-top: 40px;}

.feat_grouppage .left-column{width: 250px;}
.feat_grouppage .left-column .buttons, .feat_grouppage .links{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 3px solid var(--medium-grey);}

.feat_grouppage .links h2, .feat_grouppage .newsletter h2{background-color: var(--light-green); font-weight: 400; padding: 10px 20px;color: #000000; font-size: 20px;}
.feat_grouppage .links ul, .feat_grouppage .newsletter .newsletter_inner{background-color: var(--lightest-green);padding: 10px 20px; color: #000000;}
.feat_grouppage .links li, .feat_grouppage .newsletter li{margin-bottom: 10px;}
.feat_grouppage .newsletter .newsletter_inner{padding: 30px 20px 20px 20px; font-weight: 400;font-size: 14px;}
.feat_grouppage .links a{font-weight: 400; text-decoration: underline;color: #000000; font-size: 16px;}
.feat_grouppage .links .description{font-size: 13px;}

.feat_grouppage .newsletter .download {border: 2px solid var(--green); color: #000000; font-weight: 400; padding: 10px; }
.feat_grouppage .newsletter .download:hover{background-color: var(--green); color: #fefefe;}

.feat_grouppage .newsletter .results{padding: 30px 0 10px 0;}
.feat_grouppage .newsletter .results:hover{color: var(--green);}
.feat_grouppage .newsletter li{margin-left: 10px;}

.feat_grouppage .right-column{width: 100%;}
.feat_grouppage .right-column h2{color: var(--dark-green); font-size: 30px; padding-bottom: 20px;}

.feat_grouppage img{margin: 10px;border-radius: 5px;}

.feat_grouppage #tabs-news>ul>li{margin: 30px 0;border-bottom: 2px solid var(--medium-grey);padding-bottom: 20px;}
.feat_grouppage #tabs-news h3 {padding-bottom: 5px;font-size: 22px;}
.feat_grouppage #tabs-news .created{padding-bottom: 20px; color: #767676;}
.feat_grouppage #tabs-news .created:before{content:"Published "}
.feat_grouppage #tabs-news .article p{font-weight: 200;}
.feat_grouppage #tabs-news .article li{list-style-type:disc; margin: 0 0 10px 10px;}
.feat_grouppage #tabs-news .article li ul{margin: 10px 0;}
.feat_grouppage #tabs-news .article li li{list-style-type: circle; margin: 0 0 10px 15px;}
.feat_grouppage #tabs-news table tbody tr:nth-child(odd){background-color: unset;}
.feat_grouppage #tabs-news table tr, .feat_grouppage #tabs-news table td{height: auto !important;}
.feat_grouppage #tabs-news ul>li h2{font-size: 18px;}
.feat_grouppage #tabs-news img{max-width: 100%; height: auto;}



/* .feat_grouppage #tabs-events table{width: 100%; font-weight: 200;}
.feat_grouppage #tabs-events table tr {background-color: #fefefe; }
.feat_grouppage #tabs-events table td{border-bottom: 1px solid var(--light-green); padding: 15px 10px; vertical-align: middle;}
.feat_grouppage #tabs-events table td:first-child{width: 55%;}
.feat_grouppage #tabs-events table td:nth-child(2){width: 25%;}
.feat_grouppage #tabs-events table td:nth-child(3){width: 20%;}
.feat_grouppage #tabs-events table h3{font-size: 17px;}
.feat_grouppage #tabs-events table .no-events{border-bottom: none;} */

.feat_grouppage .no-events, .feat_grouppage .no-news{text-align: center;}

.feat_grouppage #tabs-projects li{margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px solid var(--light-green);}
.feat_grouppage #tabs-projects h3{padding-bottom: 5px;}
.feat_grouppage #tabs-projects .no-projects{text-align:center; }



@media (max-width: 1000px){
    .feat_grouppage #tabs-news img{float: none !important;display: block;margin: 20px auto;}
    .feat_grouppage #tabs-news table td{display: block;}
}

@media (max-width: 969px){
    .feat_grouppage{border-top: none; padding-top: 20px; gap:30px;}
}

@media (max-width: 700px){
    .feat_grouppage {flex-direction: column; }

    .feat_grouppage .right-column h1, .feat_grouppage .links, .feat_grouppage .newsletter, .feat_grouppage .links .description{display: none;}

    .feat_grouppage .pagename, .feat_grouppage .bottom, .feat_grouppage .bottom .links, .feat_grouppage .bottom .newsletter {display: block;}
    
    .feat_grouppage .bottom{margin-top: 60px; padding-top: 20px;   border-top: 3px solid var(--medium-grey);}
}

@media (max-width: 500px){
    #tabs-introduction img{float: none !important;display: block; margin: 10px auto;}

    .feat_grouppage #tabs-events{overflow-x: auto;  }
    .feat_grouppage #tabs-events table{min-width: 550px;}
}


/*********************************************************************************/
/*Groups admin*/
/*********************************************************************************/


.feat_groupadmin h2 {color: var(--dark-green);font-size: 28px;padding-bottom: 30px;letter-spacing: 4px;font-weight: 600; text-align: center;}

.feat_groupadmin .group{max-width: 380px; margin: 0 auto; padding: 30px;}
.feat_groupadmin .group ul{width: fit-content; margin: 0 auto;}
.feat_groupadmin .group li a{display: inline-block; margin-bottom: 10px; width: 100%;  color: #fefefe;font-size: 14px;letter-spacing: 1.2px;font-weight: 400;background-color: var(--dark-green);padding: 8px 30px;text-align: center;border: none; cursor: pointer;}
.feat_groupadmin .group li a:hover{background-color: var(--green);}

.feat_groupadmin .buttons{width: fit-content; margin: 20px auto; display: flex; flex-wrap: wrap; gap:20px}
.feat_groupadmin table{margin: 0 auto;}
.feat_groupadmin table td{padding: 15px;}
.feat_groupadmin table td:last-child{min-width: 270px; display: flex; justify-content: space-between; gap:5px}
.feat_groupadmin table td .button{padding: 8px 10px;}
.feat_groupadmin table td .button:last-child{width: 97px; display: inline-block;}

@media (max-width: 700px){
    .feat_groupadmin{overflow: scroll;}
}


/* Newsletters */
#fb-MedPublicationDate-div{display: flex; gap:20px; margin-bottom: 20px;}


.fbdropzone { cursor: pointer; display: block; height: 100px; width: 100%; background-image: url(/images/vBBblg0LtpUOVzbGtE8v1iw132.jpg);  background-position: center; background-repeat: no-repeat; background-size: 80px; } 
.field_file .input {width: 100%;text-align: center;border: 4px dashed var(--medium-grey);border-radius: 15px;height: 110px;margin: 10px 0px;}
.formbuilder .dz-preview{display: inline-block;width: 102%;background-color: #dddddd;padding: 10px;box-sizing: border-box;min-height: 120px;border-radius: 15px;margin: -5px 0 0 -5px;}
.formbuilder .dz-image { display: none; }
.formbuilder .dz-preview .dz-details {padding: 10px 0}
.formbuilder .dz-preview .dz-filename { font-size: 90%; }
.formbuilder .dz-preview .dz-success-mark,.formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; margin-top: -35px;}
.formbuilder .dz-error .dz-error-mark{ display: block; float: right; margin-top: -35px;}
.formbuilder .dz-remove{color: var(--red); padding-left: 50px;} 



/* Links */

.feat_groupadmin fieldset{margin: 20px auto;}
.feat_groupadmin #fb-Links-div>.label{display: none;}

.feat_groupadmin .item{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid var(--medium-grey);}

.feat_groupadmin .moveuplink, .feat_groupadmin .movedownlink{margin-bottom: 5px;}
.feat_groupadmin .removelink{margin-top: 10px;}
.feat_groupadmin .removelink a{color: var(--red);}
.feat_groupadmin .removelink a:hover{border-bottom: 2px solid var(--red);} 
.feat_groupadmin .addlink{text-align: center; margin-bottom: 60px;}  
.feat_groupadmin .addlink a{color: var(--dark-green); border: 2px solid var(--dark-green); border-radius: 15px; cursor: pointer;padding: 8px 40px; font-weight: 400; font-size: 14px; letter-spacing: 1.2px; }
.feat_groupadmin .addlink a:hover{background-color: var(--dark-green); color: #fefefe;}


/* Events */

.event_caleditor .fc-header-toolbar{margin-top: 40px;}
.event_caleditor .fc-scroller {overflow-y: auto;margin-right: -15px; }
.event_caleditor th a{color: var(--dark-green); font-weight: 400;}

.event_caleditor .fc-daygrid-event {display: block;max-width: 180px;white-space: normal;overflow-wrap: break-word;}

.event_caleditor fieldset{margin: 20px auto;}
.field_image {margin: 15px 0 30px 0;}
.field_image .label{margin-bottom: 5px;}
.event_caleditor .field_image .input {width: 100%;text-align: center;border: 4px dashed var(--medium-grey);border-radius: 15px;height: 110px;margin: 10px 0px;}

.event_caleditor{z-index: 1;}
.event_caleditor .popup{z-index: 999;}
.event_caleditor .popup{background-color: var(--lightest-green); padding: 20px;}
.event_caleditor .popup li{margin-bottom: 10px; color: var(--green); cursor: pointer;}
.event_caleditor .popup li:hover{color: var(--blue);}

.event_caleditor .create-recevent{display: none;}




/* General Datepicker Styling */
#ui-datepicker-div {
    background: var(--lightest-green);
    border: 1px solid var(--medium-grey);
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    z-index: 9999;
}

/* Header Styling */
.ui-datepicker-header {
    background: var(--green);
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
}

/* Navigation Buttons */
.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fefefe;
    transition: background 0.2s ease-in-out;
}

.ui-datepicker-prev {
    left: 8px;
}

.ui-datepicker-next {
    right: 8px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    color: var(--dark-green);
}

/* Calendar Table */
.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
}

.ui-datepicker-calendar th {
    background: var(--light-green);
    font-weight: 400;
    padding: 6px;
    text-align: center;
    color: var(--dark-green);
}

.ui-datepicker-calendar td {
    padding: 6px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}

/* Default Date Style */
.ui-datepicker-calendar td a {
    display: block;
    padding: 8px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--dark-green);
}

/* Hover Effect */
.ui-datepicker-calendar td:hover a {
    background: var(--blue);
    color: #fff;
}

/* Selected Date */
.ui-datepicker-calendar .ui-state-active {
    background: var(--green) !important;
    color: #fff !important;
}

/* Today's Date */
.ui-datepicker-calendar .ui-state-highlight {
    background: #fefefe !important;
    color: var(--dark-green) !important;
}

/* Disabled Days */
.ui-datepicker-calendar .ui-datepicker-unselectable {
    color: var(--medium-grey);
    cursor: default;
}

/* Weekend Days */
.ui-datepicker-calendar .ui-datepicker-week-end a {
    color: var(--blue);
}




.ui-timepicker-wrapper {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    max-height: 200px; /* Set a maximum height */
    overflow-y: auto; /* Enable scrolling */
    padding: 5px;
    width: 120px;
    z-index: 9999;
}

.ui-timepicker-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-list li {
    padding: 8px 10px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.ui-timepicker-list li:hover,
.ui-timepicker-list li.ui-timepicker-selected {
    background: var(--light-grey);
    border-radius: 4px;
}


.support {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    color: #333;
    margin: 100px auto 20px auto;
}

.support h3 {
    font-size: 1.6em;
    color: var(--green);
    margin-bottom: 10px;
}

.support p {
    font-size: 1em;
    line-height: 1.6;
}

.support ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.support ul li {
    font-size: 1em;
    margin-bottom: 8px;
}

.support .email,
.support .phone {
    color: var(--green);
    text-decoration: none;
}

.support .email:hover,
.support .phone:hover {
    text-decoration: underline;
}


/*********************************************************************************/
/*Project pages*/
/*********************************************************************************/

.feat_projectpage img{max-width: 100%; height: auto;}

.audio-project table tbody tr:nth-child(odd){background-color: white;}
.audio-project:has(tr:nth-child(2)) td{border-bottom: 3px solid var(--medium-grey);}
.audio-project table td{vertical-align: middle; padding: 20px;}
.audio-project table td:has(img){text-align: center;}


.ipswich-war-graves table tbody tr:nth-child(odd){background-color: white;}
.ipswich-war-graves table td{vertical-align: middle;}

@media (max-width: 500px){
    .ipswich-war-graves table, .ipswich-war-graves tr, .ipswich-war-graves td{display: block;}
}



/* Haverhill Roll of Honour editor */
.rollofhonour-editor table{width: 100%;}


/*********************************************************************************/
/*Membership*/
/*********************************************************************************/

.membership h2{padding-bottom: 20px;}
.membership h3{text-align: center; padding-bottom: 40px;}
.membership .entitles{background-color: var(--light-blue); padding: 50px 40px 40px 40px;max-width: 900px; margin: 0 auto;}
.membership table{max-width: 900px; margin: 20px auto; }
.membership table,.membership th,.membership td{border: 1px solid #ddd}


@media (max-width: 500px){
    .membership .entitles{padding: 20px;}
}


/*********************************************************************************/
/*Publications*/
/*********************************************************************************/

.publications .buttons li{list-style-type: none;}

.publications .util_container p>img,.publications .util_textbox p>img{max-width: 200px;height: auto; float:inline-end; margin: 0 0 40px 40px;}
.publications .util_container ul{padding: 0 0 20px 0;}
.publications .util_container ul li{list-style-type: disc;margin-left: 40px;padding-bottom: 10px;}
.publications .util_container ul ul{padding: 20px 0 0 0;}
.publications  ul ul {margin-top: 10px;}
.publications  ul ul li{list-style-type: circle;}

.publications .baptism, .publications .burial, .publications .marriage, .publications .roots { padding: 40px; margin: 20px 0;}
.publications .baptism, .publications .burial{background-color: var(--light-blue);}
.publications .marriage, .publications .roots{background-color: var(--medium-grey);}
.publications .corrections{padding: 20px; margin-top: 40px;}
.publications  h2{font-size: 32px; padding-bottom: 20px; }
.publications  h3{color: var(--green); padding-bottom: 20px;}

.publications .feat_carousel {max-width: 400px;margin:0 auto;height: 350px;}
.publications .feat_carousel .carousel li {height: 250px; margin-left: 0px;list-style-type: none;background-size: contain; position: relative; margin-bottom: 60px; } 
.publications .feat_carousel .carousel li .caption{padding: 10px;text-align: center; position: absolute; bottom: -55px; }
.publications .nextprevious {bottom: 0px; width: 60px; margin: 0 auto;}
.publications .nextprevious a{margin:0;}
.ui-dialog li .caption{display: none !important;}

.ui-dialog .ui-button{width: 50px;height: 30px;}

@media (max-width: 500px){
    .publications .util_container p>img,.publications .util_textbox p>img{float:none; display: block; margin: 0 auto 20px auto;}
    .publications .util_container, .publications .util_textbox{padding: 20px;}
    .publications .corrections{padding: 0px;}
    .publications .buttons li a{padding: 8px; }
}

/*********************************************************************************/
/*Resources*/
/*********************************************************************************/

.resources .banner{margin-bottom: 60px;}

.resources .links{max-width: 900px; margin: 0 auto;}
.resources .links a{font-weight: 400; color: var(--dark-green);}
.resources .links a:hover{color: var(--green);}

.resources .links h2{border-bottom: 4px solid var(--medium-grey); padding-bottom: 10px; margin-bottom: 20px;}

.resources .links li{padding-bottom: 20px; list-style-type: none;}


/* Suffolk Roots Journal */

.rootsearch button, .rootsearch .button{margin: 20px 0 20px 0; width: 220px; display: block;}
.rootsearch table th{min-width: 60px;}
.rootsearch table td .title{margin-bottom: 10px;}
.rootsearch table td li{padding-bottom: 3px;}

.rootsearch .no-results{text-align: center; margin: 20px 0;}

@media (max-width: 600px){

    .rootsearch .util_customhtml{overflow-x: scroll;}
    .rootsearch table{width: 800px;}
}



/* TEST */
.test-roots-search fieldset{margin: 0 auto; max-width: 400px; }
.test-roots-search fieldset .field{margin-bottom: 20px; }
.test-roots-search .button{ all:unset}

.test-roots-search .results{margin-bottom: 40px;}
.test-roots-search .results li{margin-top: 20px;padding-top: 20px;border-top: 2px solid var(--medium-grey);}
.test-roots-search .results li div{padding-bottom: 5px;}
.test-roots-search .results li .name{ font-weight: 400; padding-bottom: 10px; }


/* Hearth tax */

.coverage table{margin: 0 auto 40px auto;border-collapse: collapse;}
.coverage table,.coverage th,.coverage td {border: 1px solid var(--light-grey); }

.coverage tbody,.coverage thead { display: block; } 
.coverage tbody {height: 700px;  overflow-y: auto;overflow-x: hidden;}
.coverage tbody td, .coverage thead th {width: 60px;text-align: center;}

.coverage thead th:last-child {width: 77px;}
.coverage thead th:first-child{min-width:200px;}
.coverage tbody td:first-child{min-width:200px;text-align: left;padding-left:5px; }


@media (max-width: 900px){
    .coverage .pagecontent_inner {overflow-x: auto;}
}


/* Suffolk millers */
.suffolk-millers .images{columns: 2; max-width: 800px; margin: 40px auto 0 auto;}
.suffolk-millers img{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; height: 320px; width: auto;}

@media (max-width: 700px){
    .suffolk-millers .images{columns: 1;}
}

/* Exchange journals */
.exchange-journals .feat_pdfbrowse{max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap:10px }
.exchange-journals .feat_pdfbrowse .titletxt{font-size: 38px; margin: 60px 0 40px; width: 48%; text-align: end;}
.exchange-journals .feat_pdfbrowse .introduction{width: 48%;}
.exchange-journals .feat_pdfbrowse .introduction p{padding: 0;}
.exchange-journals .feat_pdfbrowse .introduction img{width: 80px; height: auto; margin: 0 0 0 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.exchange-journals .feat_pdfbrowse .results{width: 100%;}
.exchange-journals .feat_pdfbrowse .folder_title{font-size: 24px;color: var(--green);}
.exchange-journals .feat_pdfbrowse .name{color: var(--dark-green); font-weight: 600;}
.exchange-journals .feat_pdfbrowse .name:hover{color: var(--blue);}
.exchange-journals .feat_pdfbrowse .results{margin-bottom: 40px;}


/* Past-publications */
.past-publications .util_textbox_inner {display: flex;}
.past-publications img{height: auto;width: 200px;max-width: 200px;margin: 0 20px 20px 0;}
.past-publications .content{display: flex; flex-direction: column; justify-content: center;}

@media (max-width: 600px){
    .past-publications .util_textbox_inner{flex-direction: column-reverse;}
    .past-publications img{margin: 0 auto 40px auto; display: block;}
}


/* Search services */
.search-services h2{font-size: 32px;padding-bottom: 20px;}
.search-services h3{padding: 40px 0 20px 0; border-top: 4px solid var(--medium-grey); }
.search-services .pagecontent_inner ol li{ margin-left: 20px;}
.search-services .pagecontent_inner ul li{list-style-type: disc;margin: 15px 0 0 40px;}
.search-services .buttons ul{margin: 60px auto; }
.search-services .buttons ul li{list-style-type:none;}
.search-services .anchor:hover{color: var(--green); cursor: auto;}

/* Genealogy links */
.genealogy-links h2{ border-bottom: 2px solid var(--green); margin-bottom: 20px; padding-bottom: 5px; color: var(--green);} 


/* Society library */
.society-library{display: flex; flex-direction: column;}
.society-library blockquote{background-color: var(--light-blue);padding: 40px 30px 30px 30px;max-width: 900px; margin: 0px auto 60px auto;}
.society-library blockquote h3, .society-library blockquote p{max-width: 300px; margin: 0 auto;}
.society-library img{float: inline-end;}
.society-library h3{padding-bottom: 20px;color: var(--dark-green);}


/* The War Memorials of Ipswich Villages */
.war-memorials  h2{ border-bottom: 2px solid var(--green); margin-bottom: 20px; padding-bottom: 5px;} 
.war-memorials .images p{display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.war-memorials img{margin: 10px; height: 300px; width: auto;}

@media (max-width: 500px){
    .war-memorials img{height: auto; width: 100%; margin: 20px 0;}
}

/* Parish locator */

.location .np_placesearch{margin-top: 40px;}

/*********************************************************************************/
/*Fairs*/
/*********************************************************************************/

.fairs .pagesubtitle {text-align: center; margin-bottom: 40px;}
.fairs .util_textbox_inner{display: flex; max-width: 900px; margin: 0 auto;}

.fairs h2{margin-bottom: 20px;}
.fairs img{max-width: 250px;height: auto;margin: 0 0 20px 20px;}

.fairs .event_list {max-width: 900px; margin: 80px auto;}
.fairs .event_list ul>li{margin: 20px 0; border-bottom: 2px solid var(--medium-grey); padding-bottom: 20px;}
.fairs .event_list .name {padding-bottom: 5px; font-size: 20px; color: var(--green);}

.society-fair p:has(img) {text-align: center;}
.society-fair p:has(img) img {display: inline-block;}


@media (max-width: 600px){
    .fairs .util_textbox_inner{flex-direction: column;}
    .fairs img{margin: 40px auto;}

    .fairs .event_list{margin: 40px auto 80px auto;}
}


/*********************************************************************************/
/*Login*/
/*********************************************************************************/

.memb_loginbox {max-width: 430px; margin: 0 auto; }
.fieldemail, .fieldpw{width: 100%; margin: 0 auto;}
.memb_loginbox .login input{width: 100%; margin: 20px 0 40px 0; }

.stayloggedin{display: none;}
.memb_loginbox .forgotpw, .memb_loginbox .register, .memb_loginbox .changepassword,.memb_loginbox .yourdetails{display: block; }
.memb_loginbox .forgotpw, .memb_loginbox .register{margin: 15px 0;}
.memb_loginbox .status{font-weight: 400; text-align: center; padding-bottom: 20px;}



/*********************************************************************************/
/*Register*/
/*********************************************************************************/

.register {max-width: 600px;margin: 0 auto;}
.register .formbuilder{margin-bottom: 40px;}

.register .field_section {margin-top: 20px;padding-top: 10px;  border-top:3px solid var(--medium-grey)}
.register .field_group{columns:2;}
.register .field_group>.label{display: none;}
#fb-MembExtReferralSourceOther-div{padding-top: 20px;}
.register .field_checkbox, #fb-MembGdprOptIn-div .input {display: flex; flex-direction: row-reverse; justify-content: start; align-items: center; gap:10px; margin-top: 10px;}
.register .text{text-align: center;}
#fb-MembGdprOptIn-div p{padding-bottom: 0;}

@media (max-width: 500px){
    .register .field_group{columns:1;}
    .register .field_group .field:nth-child(6), #fb-MembExtReferralSourceOther-div{padding-top: 0px;}
}


/*********************************************************************************/
/*Shop*/
/*********************************************************************************/

/* shop and publications page*/
.shop .level1, .shop-publications ul{display: flex; flex-wrap: wrap; justify-content: center; gap:20px; margin: 40px 0 60px 0;}
.shop .level1>li, .shop-publications ul li{ background-color: var(--light-blue);min-height: 180px; width: 180px;padding: 40px 0; border-radius: 5px; display: flex;flex-direction: column; justify-content: center; align-items: center;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.shop .level1>li:hover, .shop-publications ul li:hover{background-color: var(--blue);}
.shop .level1>li .name a, .shop-publications ul li a{color: var(--dark-green); }
.shop .level1>li>.name a, .shop-publications ul li a{font-size: 20px;}
.shop .level1>li:hover .name a, .shop-publications ul li:hover a{color: #fefefe; }
.shop .level2>li{margin-top: 10px;}
.shop-publications .shop_productlist {display: none;}

/* latest products */

.shop .shop_productlist{ margin:40px auto; background-color: var(--lightest-green); padding: 40px 20px;}
.shop .shop_productlist h2{text-align: center; font-size: 180%; margin-bottom: 30px;}

.shop .shop_productlist ul{display: flex;flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; gap:15px;}
.shop .shop_productlist ul li{width: 220px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;gap:10px;}
.shop .shop_productlist ul li .image{max-width: 180px; height: 180px;display: flex;align-items: center; justify-content: center;}
.shop .shop_productlist ul li img{margin: 0px; width: 100%; height: auto;}

/* links */
.shop .info-links{margin-top: 80px; display: inline-block   ;}
.shop .info-links h3{color: var(--green);padding: 5px 0px;}
.shop .info-links ul li{list-style-type:none; margin: 10px 0;}

@media (max-width: 850px){
    .shop .shop_productlist ul{justify-content: center;gap:20px}
    .shop .shop_productlist ul li{width: 45%; margin-bottom: 30px;}
}


@media (max-width: 500px){
    .shop .level1{ gap:10px; margin: 40px 0 60px 0;}
    .shop .level1>li{ min-height: 80px; width: 100%;padding: 10px 0;  }

    .shop .shop_productlist ul li{width: 90%;}
}

/* category page */

.shop_category .product{max-width: 1000px; margin: 40px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.shop_category .product .name{font-size: 20px; width: 100%; padding-bottom: 5px;}
.shop_category .product .summary{width: 60%;}
.shop_category .product .price{min-width: 120px; font-size: 18px; font-weight: 900; text-align: start;}
.shop_category .product .buybutton a{padding: 8px 10px;}

.shop_category:not(.shop-membership) .introduction{text-align: center;}
.shop_category:not(.shop-membership) .introduction img{width: auto; height: 550px; }

@media (max-width: 700px){
    .shop_category .product .summary{width: 100%;}
    .shop_category .product .price, .shop_category .product .buybutton{margin: 20px 0;}
}

.shop_tabcategory .dataTables_filter{margin-top: 20px;}
.shop_tabcategory table{width: 100%;}
.shop_tabcategory table tr td{vertical-align: middle;}
.shop_tabcategory table .name{max-width: 700px;  }
.shop_tabcategory table .summary{color:#767676; font-size: 14px; margin-top: 5px;}
.shop_tabcategory table select{background-color: #fefefe; width: 150px; margin: 0;}
.shop_tabcategory table .addbutton a{display: block; width: 140px; padding: 8px 10px;}

.shop_tabcategory .dataTables_paginate {display: flex; justify-content: end;}
.shop_tabcategory .dataTables_paginate span{margin: 0 10px;}

.burial-index #producttable_filter{display: none;}

@media (max-width: 700px){
    .shop_tabcategory table, .shop_producttable tr, .shop_producttable td{ display: block;}
    .shop_tabcategory thead{display: none;}
    .shop_tabcategory tr{padding: 10px 0;}
    .shop_tabcategory .shop_tabcategory table .name{max-width: unset;}

    .shop_tabcategory .dataTables_length{float:unset;}
    .shop_tabcategory .dataTables_filter{margin-top: 0;}
    .shop_tabcategory .dataTables_paginate {justify-content: start; margin: 10px 0;}
}


/* product page */

.shop_product{max-width: 1000px;margin: 0 auto;}

.shop_product .name{color: var(--dark-green);border-bottom: 1px solid var(--dark-green); padding-bottom: 10px; margin-bottom: 40px;}
.shop_product .image{float: right; margin: 0 0 20px 20px; }
.shop_product img{max-width: 300px; height: auto;}
.shop_product .summary{margin-bottom: 20px; font-weight: 400; display: none;}
.shop_product .description ul{display: none;}
.shop_product ul.show{display: block;}
.shop_product .price{font-size: 18px; font-weight: 900; margin: 20px 0;}
.shop_product form{max-width: 300px; margin-bottom: 20px;}
.shop_product .code,.shop_product .stock{display: none !important;}

.shop_product .loggedouttext{background-color: var(--light-green); padding: 30px; text-align: center; }
.shop_product .loggedouttext p{padding-bottom: 0;}

.shop_product input[type=number]{
    width: 50%;
    height: 35px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid var(--dark-green);
    background-color: var(--medium-grey);
}

  

@media (max-width: 700px){
    .shop_product .image{float:none;text-align: center;}
}

/* donations */

.shop_donate .introduction{max-width: 1000px;margin: 0 auto;padding: 40px; background-color: var(--medium-grey);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.shop_donate fieldset{max-width: 360px; margin: 0 auto; }
.shop_donate .label{margin: 30px 0 10px 0;}
.shop_donate .radio{margin-bottom: 5px;} 
.shop_donate .buttons{margin: 20px 0 40px 0;}

/* locator */

.locator .util_imagemap{display: flex; justify-content: center;}


/* basket */

.shop_basket .basket fieldset, .shop_basket .confirm{max-width: 1000px;}
.shop_basket fieldset, .shop_basket .confirm{margin: 0px auto;/* display: flex; */flex-direction: column;justify-content: center;}
.shop_basket table{margin: 30px 0; width: 100%;}
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove{text-align: right;}
.shop_basket .basket select{width: auto; min-width: 75px;}

.shop_basket .buttons{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.shop_basket input[type="submit"], .shop_basket #basketloginform .button{margin-right: 20px;}

.shop_basket #basketmodeform{margin: 20px 0;}
.shop_basket #basketmodeform li{margin-bottom: 10px;}
.shop_basket .help-block{margin-bottom: 5px;}

#fb-ContactGroup-div>.label, #fb-BillGroup-div>.label, #fb-ShipGroup-div>.label, .shop_basket .field_section>.label,.shop_basket .field_group>.label{
    font-weight: 400;color: var(--dark-green);font-size: 20px;margin: 20px auto 10px auto;padding-top: 20px;border-top: 3px solid var(--medium-grey);}

.shop_basket .checkout h2, .shop_basket .confirm>h2{ text-align: center;}
.shop_basket .checkout .buttons{margin-top: 20px;}

.shop_basket .field_checkbox {display: flex; flex-direction: row-reverse; justify-content: start; align-items: center; gap:10px; margin-top: 10px;}


.shop_basket .shippingmethod { margin: 0px auto; width: fit-content; }
.shop_basket .shippingmethod ul { padding-top: 30px; }
.shop_basket .shippingmethod ul li{width: auto; margin-bottom: 20px;}


.shop_basket .confirm .details{display: flex; justify-content: space-around;gap:20px; margin: 20px 0 40px 0; }
.shop_basket .confirm .details h2{margin-top: 20px;}
.shop_basket .confirm .details>div{width: 33%;}
.shop_basket .confirm .discount form, .shop_basket .confirm .voucher form{max-width: 400px; margin: 20px 0 40px 0;}


.shop_basket #termscheckbox{margin-bottom: 30px;}

.shop_basket .confirm .shippingunavailable h2{color: var(--red);margin-top: 40px; }
.shop_basket .confirm .shippingunavailable,.shop_basket .confirm .buttons {margin: 20px auto; }

.shop_basket .confirm .payment fieldset{max-width: none; }
.shop_basket .confirm .paymentgateways{margin-bottom: 40px;}
.shop_basket .confirm .paymentgateways li{margin-bottom: 10px;}
.shop_basket .confirm .paymentform{margin-bottom: 60px; text-align: center;}


.shop_basket .complete{text-align: center;}

.paymentform#paymentform-cheque, .paymentform#paymentform-banktransfer {visibility: hidden;}

.paymentform::before { visibility: visible; white-space: pre; display: block; }

.paymentform#paymentform-cheque::before {
   content:
 
    'If they concern Memberships, cheques should be made payable to Suffolk Family History Society\a'
    'and they should be sent to:\a\a'
    'David Horton\a'
    'Membership Secretary\a'
    '26 The Crescent\a'
    'Slough\a'
    'SL1 2LQ\a\a'

    'If they concern Publications, cheques should be made payable to Suffolk Family History Society\a'
    'and they should be sent to:\a\a'
    'Jean Licence\a'
    '60 Oldfield Road\a'
    'Ipswich\a'
    'IP8 3SE'; 
}

.paymentform#paymentform-banktransfer::before {
  content:
    'If you are paying by bank transfer, please use your membership number as the reference for Memberships.\a'
    'For Publications, Donations and Cards use your Order ID.\a\a'

    'For Memberships:\a'
    'CAF Bank Ltd\a'
    'Sort Code: 40-52-40\a'
    'A/C 00014811\a'
    'For the credit of SFHS SUBSCRIPTION ACCOUNT\a\a'

	'For Publications, Donations and Cards:\a'
	'Lloyds Bank. Suffolk Family History Society (no acronyms)\a'
	'Sort Code: 30-98-31\a'
	'A/C 30521468';
}


@media (max-width: 700px)
{
	.paymentform#paymentform-cheque::before {
	   content:
		'If they concern Memberships,\a'
		'cheques should be made payable\a'
		'to Suffolk Family History Society\a'
		'and they should be sent to:\a\a'
		'David Horton\a'
		'Membership Secretary\a'
		'26 The Crescent\a'
		'Slough\a'
		'SL1 2LQ\a\a'

		'If they concern Publications,\a'
		'cheques should be made payable\a'
		'to SFHS Publications Limited\a'
		'and they should be sent to:\a\a'
		'Jean Licence\a'
		'60 Oldfield Road\a'
		'Ipswich\a'
		'IP8 3SE'; 
	}


	.paymentform#paymentform-banktransfer::before {
	  content: 
		'If you\'re paying by bank transfer, \a'
		'please use your Order ID as the reference\a\a'

		'For Memberships\a'
		'CAF Bank Ltd.\a'
		'A/c 00014811, sort code 40-52-40\a'
	    'For the credit of SFHS SUBSCRIPTION ACCOUNT\a\a'

		'For Publications, Donations and Cards\a'
		'Lloyds Bank. Suffolk Family History Society (no acronyms)\a'
		'A/c 30521468, sort code 30-98-31';
	}
}





@media (max-width: 520px){

    .shop_basket fieldset, .confirm, .basket{overflow-x: scroll;}
    .shop_basket td{padding: 5px; }
    .shop_basket .buttons{flex-direction: column;}
    .shop_basket .confirm .details{flex-direction: column;}
    .shop_basket input[type="submit"], .shop_basket #basketloginform .button{margin-right: 10px;}

}


/*********************************************************************************/
/*Members area*/
/*********************************************************************************/

/* .members-area .pagecomponents_inner{ display: flex; justify-content: center; flex-wrap: wrap;}

.members-area .util_customhtml{border-right: 4px solid var(--green); width: 50%; max-width: 400px; display: flex; align-items: center;}
.members-area .profile-info .field{display: flex; margin: 5px 20px; padding: 8px 0;}
.members-area .profile-info .field .label{width: 150px;font-weight: 400; padding: 0;}
.members-area .profile-info .field .value { word-break: break-all;  overflow-wrap: anywhere;  #white-space: normal; } 
.members-area .util_container{margin: auto 0; width: 50%; max-width: 430px;}
*/


.members-area .pagecomponents_inner{display: flex;justify-content: center;flex-direction: column;}
.members-area .pagecomponents_inner>.util_container>.items{display: flex; justify-content: center;  margin: 0 auto; max-width: 920px;}
.members-area .pagecomponents_inner .util_container .items>div{max-width: 400px;width: 100%;}


.members-area .profile-info {display: flex;justify-content: center;gap:20px;margin-bottom: 20px;}
.members-area .profile-info p{padding-bottom: 10px; font-size: 15px; color: grey; letter-spacing: 0.02em;}

.members-area .memb_subscriptionstatus{padding: 0px 30px 10px 30px;text-align: center;width: fit-content;}
.members-area .memb_subscriptionstatus ul{text-align: start;}
.members-area .memb_subscriptionstatus li{margin-bottom: 10px; }
.members-area .memb_subscriptionstatus h3{margin-bottom: 10px; color: var(--green); font-weight: 600;}
.members-area .memb_subscriptionstatus div{margin-bottom: 5px;  }
.members-area .memb_subscriptionstatus .renewal{color: grey; font-size: 14px;font-style: italic;}
.members-area .memb_subscriptionstatus .buttons{margin: 20px 0 40px 0;text-align: start;}
.members-area .memb_subscriptionstatus .buttons:empty {margin-top: 0;}
.members-area .memb_subscriptionstatus .buttons a{background-color: var(--green); margin: 0;}
.members-area .memb_subscriptionstatus .buttons:hover a{background-color: var(--dark-green);}

.members-area .top-right-container .items{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.members-area .top-right-container .memb_subscriptionstatus:has(*) + .nav_linklist{text-align: start;}
.members-area .top-right-container .nav_linklist{padding: 0 30px;text-align: center;}
.members-area .top-right-container .nav_linklist a{background-color: unset;color: var(--dark-green);padding: 0;margin-bottom: 5px;/* display: inline-block; */}
.members-area .top-right-container .nav_linklist a:hover{background-color: unset; color: var(--dark-green); text-decoration: underline; text-decoration: underline;text-decoration-thickness: 2px; text-decoration-color: var(--dark-green); text-underline-offset: 3px; }

.members-area .buttons-container {display: flex; justify-content: center; align-items: center; border-left: 4px solid var(--green); padding-left: 20px;}
.members-area .buttons-container .nav_linklist{ padding: 0 30px; text-align: center;}
.members-area .buttons-container .util_expandtext .text{max-width: 350px; margin: 20px auto;padding: 20px;background-color: var(--lightest-green); }
.members-area .buttons-container .util_expandtext ul li{padding-bottom: 10px; vertical-align: middle;}
.members-area .buttons-container .util_expandtext h3{margin-bottom: 5px;}

.members-area .util_textbox h2{color: var(--dark-green); font-size: 28px; padding: 20px 0px;letter-spacing: 4px;font-weight: 600;}

.members-area .util_textbox {margin: 40px 0 80px 0;width: 100%;}
.members-area .util_textbox li{list-style-type:none;padding: 15px;border-bottom: 2px solid var(--medium-grey);margin: 0;}
.members-area .util_textbox li a{font-weight: 400;color: var(--dark-green);}
.members-area .util_textbox li a:hover{color: var(--green);}


@media (max-width: 700px){
    .members-area .pagecomponents_inner .items{flex-direction: column; align-items: center;}

    .members-area .top-right-container .items .memb_subscriptionstatus li,.members-area .top-right-container .items .memb_subscriptionstatus .buttons, .members-area .top-right-container .items .nav_linklist {text-align: center;}
    .members-area .buttons-container {border-top: 4px solid var(--green); border-left: none; padding-top: 30px; margin-top: 30px;}
}

@media (max-width: 500px){
    .members-area .nav_linklist{ padding:10px 10px 0 10px;}
    .members-area .profile-info{flex-direction: column;align-items: center; gap:0;}
}




/* Members interests */

.interests-editor .noresults, .interests-editor .confirm{ text-align: center; margin: 100px auto;}

.interests-editor h2{color: var(--dark-green); margin-bottom: 20px;}

.interests-editor .pagecontent_inner p{margin-bottom: 10px; }


@media (max-width: 600px){

    .np_interesteditor{overflow: scroll; padding-top: 20px;}

    .np_interesteditor table{width: 600px;}
}



/* My Downloads */

.downloads-page .pagecomponents{max-width: 720px; padding: 0px 10px 0px 10px; margin: 40px auto;}

.downloads-page .nodownloads{text-align: center;}

.downloads-page table {margin: 0px auto; width: 100%;}
.downloads-page th { padding: 15px ; }
.downloads-page td {padding: 15px ; border-bottom: var(--medium-grey) 1px solid;vertical-align: middle;}
.downloads-page tr td:last-child { width: 91px; }
.downloads-page td a {background: var(--dark-green); color: #fefefe; padding: 8px 15px; border-radius: 15px; display: block; text-align: center;}

/* #downloadplayer { display: flex; justify-content: center; align-items: center; }
.ui-dialog { background: #000000; border: none; padding: 0px; border-radius: 0px; }
.ui-dialog-titlebar { background: var(--blue); border: none; border-radius: 0px; color: #fefefe; padding: 10px; }
video{width: 100%;} */

/* My order history */

.shop_orderhistory .content{max-width: 720px; padding: 0px 10px 0px 10px; margin: 40px auto;}
.shop_orderhistory .content table{width: 100%; }
.shop_orderhistory .content table td{vertical-align: middle;}
.shop_orderhistory .content table .view a{width: 100%;}

.shop_orderhistory .content a {background: var(--dark-green); color: #fefefe; padding: 8px 15px; width: fit-content; border-radius: 15px; display: block; text-align: center;}


.shop_orderhistory  .content div{margin: 40px 0;}

/*********************************************************************************/
/*Members pages*/
/*********************************************************************************/

/* Suffolk roots current year*/
.current-roots .nav_linklist ul{display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap;gap:10px;}
.current-roots .nav_linklist li{max-width: 250px; min-height: 250px; margin-bottom: 60px; text-align: center; position: relative;top: 0;transition: all .2s ease-in-out;}
.current-roots .nav_linklist li:hover{transform: translateY(-10px);}
.current-roots .nav_linklist img{max-width: 300px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.current-roots .nav_linklist .name a{color: var(--dark-green); font-size: 20px;}


/* Society Lecture Videos */

.videos .util_container{ margin: 40px 0;}
.videos .util_container>h2{ border-bottom: 2px solid var(--green);margin-bottom: 20px;padding-bottom: 5px; font-size: 28px;}
.videos .util_container .items{display: flex; flex-direction: column; align-items: center;}

.videos .util_video{margin: 40px 0; max-width: 700px; display: flex; flex-direction: column;}
.videos .util_video video{width: 700px; order:4; margin: 0 auto;}

.videos .util_video .videoname h3,.videos .util_video .caption .value{color: var(--dark-green); font-weight: 600;margin: 0 auto;}
.videos .util_video .videoname h3{font-size: 160%; margin: 10px 0 5px 0; order:1; }
.videos .util_video .caption h3{display: none; }
.videos .util_video .caption .value{order:2; margin-bottom: 20px;}

.videos .util_video .introduction{order:3; }


@media (max-width: 730px){
    .videos .util_video video, .videos .util_video .title, .videos .util_video .caption{width: 500px;}
}

@media (max-width: 530px){
    .videos .util_video video, .videos .util_video .title, .videos .util_video .caption{width: 290px;}
}


/* Researching your Great War and World War 2 Military Ancestors */

.military-ancestors h3{ color: var(--green); padding-bottom: 10px; font-size: 26px;}
.military-ancestors h4{ color: var(--green); padding-bottom: 10px; font-size: 18px;}


/* Inquests into Sudden Deaths */

.inquests .util_expandtext .link{margin: 40px 0 20px 0; background-color: var(--light-green); padding: 10px; width: fit-content; }
.inquests .util_expandtext .link a{color: var(--dark-green);  }

.inquests .open {background-color: var(--lightest-green); max-width: 900px; }

.inquests .util_expandtext .text{padding: 20px; }
.inquests .util_expandtext ul{columns: 4;}
.inquests .util_expandtext li{padding-bottom: 5px;}

@media (max-width: 600px){
    .inquests .util_expandtext .link{text-align: center;}
    .inquests .util_expandtext ul{columns: 3;}
}

@media (max-width: 600px){
    .inquests .util_expandtext ul{columns: 2;}
}

/* Apprenticeship Records of Suffolk 1448-1928 */

.apprenticeship .content ul{columns: 2;}
.apprenticeship .content li{list-style-type: none; padding-bottom: 5px;}

@media (max-width: 700px){
    .apprenticeship .content ul{columns: 1;}
}



.np_nameandplace{display: block;}

.np_namesearch .introduction{margin-bottom: 20px;}
.np_namesearch h5{font-weight: 200;padding-bottom: 6px;}

/* Anthologies Page */



.anthologies .results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.anthologies .results li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
  transition: background 0.12s;
}

.anthologies .results li:hover {
  background: #f9fafb;
}


.anthologies .feat_pdfbrowse .folder_title:not(:first-of-type) {
    padding-left: 10px; padding-top: 10px; 
}



.anthologies .results li:first-child {
  border-top: 1px solid #e5e7eb;
}

.anthologies .results .name {
  font-size: 14px;
  color: #111827;
}

.antho.closed > .link {border-bottom: 1px solid #e5e7eb;}
.antho > .link {display: flex; align-items: center; }
.antho > .link a {order: 2; margin-left: 10px; text-transform: uppercase; font-size: 20px; line-height: 45px; }
.antho .link i {color: var(--dark-green);}