* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: "filson-soft", sans-serif;font-weight: 300;font-style: normal;font-size: 110%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a, button {color: #000000;text-decoration: none;font-weight: normal;font-weight: 500;transition: all .3s ease-in-out;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px 0px 10px 0px;margin: 0px;font-size: 130%;font-weight: 700;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: "filson-soft", sans-serif; font-weight: 300; font-style: normal; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; font-weight: 500;  font-family: "filson-soft", sans-serif; }
input[type=submit] { background-color: var(--lred); border: none; transition: all 1s ease-in-out; }
input[type=submit]:hover { opacity: 0.8; }
select {height: 30px;/* padding-right: 30px; */background-image: none;background-repeat: no-repeat;background-position: right 10px center;}
p {padding: 0px 0px 10px 0px;margin: 0px;line-height: 1.4;}
strong {font-weight: 500;}
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
img { max-width: 100%; height: auto; }
.hidden, .spacer {display: none;}
.spacer { clear: both; height: 0px; }

/* 

BOOK:

font-family: "filson-soft", sans-serif;
font-weight: 300;
font-style: normal;

REGULAR:

font-family: "filson-soft", sans-serif;
font-weight: 400;
font-style: normal;

MEDIUM:

font-family: "filson-soft", sans-serif;
font-weight: 500;
font-style: normal;

BOLD:

font-family: "filson-soft", sans-serif;
font-weight: 700;
font-style: normal;

*/

@font-face { font-family: "GlyphiconsHalflingsRegular"; src: url("/library/fonts/GlyphiconsHalflings/Regular.otf") format("opentype"); }
@font-face { font-family: PoppinsRegular; src: url(/library/fonts/Poppins/Regular.otf) format("opentype"); }
@font-face { font-family: PoppinsMedium; src: url(/library/fonts/Poppins/Medium.otf) format("opentype"); }


:root {
    --white: #ffffff;
    --dred: #871a12;
    --lred: #be3030;
    --dgrey: #8d7f7a;
    --lgrey: #ebe8e7;
    --footer: #222;
    --border: #cacaca;
    --input: #b3b3b3;
    --bluenp: #be3030;
    --greynp: #ebe8e7;
    --dgreynp: #8d7f7a;
}


/* Generic */

.layoutmiddle {min-height: 70vh;}
.archives, .info, .page_standarda, .surv_surveypage, .shop_donate, .memb_overseaslist { max-width: 1240px; margin: 0px auto; }
.section2 .std_contentpage .pagecomponents_inner>div { margin-bottom: 50px;}
svg {display: block;}
.condleft .page_standarda {/* background-color: var(--lgrey); */padding-left: 40px;}
.std_contentpage a {color: var(--lred);font-weight: 300;text-decoration: underline;text-decoration-color: transparent;}
.std_contentpage a:hover { text-decoration-color: currentColor; }
.section2 .std_contentpage a { color: black; }

.pagecontent p:first-of-type, .shop_donate p:first-of-type { font-weight: 700; font-size: 115%; padding: 20px; margin-bottom: 20px; background-color: var(--lgrey); text-align: center; margin-top: 50px; }
.condright .pagecontent p:first-of-type { margin-top: 0px; }
.section2 .page_standarda { max-width: 100%; }

.std_contentpage h2, .contactform .titletxt {color: var(--lred);font-weight: 500;font-size: 130%;text-align: center; padding-top: 20px;}
.section2 h2 { text-align: left; }

.pagenotfound { max-width: 1240px !important; margin: 0px auto; }

@media ( max-width: 1280px )
{
    .pagenotfound { max-width: 98% !important;  }
}

/* Flexed horizontally */

.horizontalflex { justify-content: space-between;  }
.horizontalflex>div {  gap: 20px; flex-wrap: wrap;  }

/* Sections that don't go full width */

.halfwidth>.items>div>.items {display: flex;/* flex-wrap: wrap; */justify-content: space-between;}



@media ( min-width: 1040px )
{
    .halfwidth { max-width: 1000px; margin: 0px auto; }
}
@media ( min-width: 940px )
{
    .homeparish .boxes .items>div { width: 400px !important; } 
    .homeparish { width: 900px;}
}
@media ( max-width: 939px )
{
    .homeparish .boxes .items>div { width: 300px !important; } 
    .homeparish { width: 100%;}
}
@media ( max-width: 750px )
{
    .homeparish .boxes .items>div { width: 100% !important; }
}
@media ( max-width: 1039px )
{
    .halfwidth {padding: 0px 20px;}
}
@media ( max-width: 500px )
{
    .halfwidth { padding: 0px; }
}

/* fullwidth with  bg color */

.fullwidth { background-color: var(--lred); color: white; }
.fullwidth .shop_productlist {margin: 0px auto;padding: 30px 0px;}

/* Grey boxes */

.grey .titletxt { color: var(--lred); padding: 0px 0px 10px 60px; }
.grey ul, .grey .list, .grey>.items {gap: 30px;display: flex;flex-wrap: wrap;background-color: var(--lgrey);border-radius: 20px;padding: 30px 60px;}
.grey ul li, .grey .list>div, .grey>.items>div {width: 350px;background-color: white;box-sizing: border-box;box-shadow: 0px 2px 15px -2px rgba(60,60,60,0.46);padding: 20px;font-size: 90%;}
.grey ul li, .grey .list>div { position: relative; top: 0; transition: all .3s ease-in-out; }
.grey ul li:hover, .grey .list>div:hover { top: -10px; }
.grey>.items>div { width: 100%; }
.grey ul li .name {/* height: 40px; */}
.grey ul li .name a, .grey .list>div a { font-weight: 700; }
.grey ul li .abstract { color: var(--lred); padding-bottom: 10px; }
.grey .toplinks .link { right: 0; position: absolute; top: -30px; }

.list_archive.grey .monthlinks.hidden { display: none; }

@media ( min-width: 1280px )
{
    .grey { max-width: 1240px; margin: 0px auto; }
    
    .grey ul, .grey .list, .grey>.items { padding: 30px 60px; justify-content: space-between;  }
}
@media ( max-width: 1279px )
{
    .grey {margin: 0px 20px;}
    .grey ul, .grey .list, .grey>.items { gap: 30px; padding: 30px 60px; justify-content: space-between; }
    .grey ul li, .grey .list>div { width: 31%; }
}
@media ( max-width: 1070px )
{
    .grey ul li, .grey .list>div {  width: 100%;  }
}
@media ( max-width: 999px )
{
    .grey ul, .grey .list, .grey>.items { padding: 20px; }
    .grey .titletxt { padding-left: 15px;}
}

.grey ul li .date { margin-right: 10px;  }
.grey ul li .date, .grey ul li .time { float: left; font-size: 90%; padding: 10px 0px; }
.grey ul li .abstract, .grey ul li .date a, .grey ul li .time, .grey .list>div .created  {font-weight: 400;position: relative;}
.grey ul li .date::after { content: '|'; padding-left: 12px}
.grey ul li a { font-weight: normal;}

.grey .list>div { border-left: 5px solid var(--lred);  font-size: 90%;}
.grey .list>div .created {  padding-bottom: 5px; }
.grey .list>div a { font-size: 85%;  }
.grey ul li .time, .grey .list>div .created::before { content: 'Published: ';}

.grey .toplinks { max-width: 1100px; margin: 0px auto; position: relative; }
.grey .toplinks .link {  font-size: 90%;}
.grey .toplinks .link a {font-weight: 700;}

figure { margin: 0px 20px 20px 0px;  }
.cemetery .pagecontent p:last-of-type { padding-bottom: 60px;}

@media ( max-width: 1279px )
{
    .grey .toplinks { max-width: 88%; }
}
@media ( max-width: 999px )
{
    .grey .toplinks { max-width: 98%; }    
}


/* Tables */

.memb_overseaslist .table-outer { overflow-x: scroll; font-size: 80%; }

.pagecontent table { width: 100% !important; margin: 40px 0; }
.pagecontent table th, .memb_overseaslist table th { background-color: var(--greynp); border-bottom: 1px solid var(--input); padding: 10px; vertical-align: middle; }
.pagecontent table td, .memb_overseaslist table td { padding: 10px; border-bottom: 1px solid var(--input); font-size:15px; }

.pagecontent table p:first-of-type {font-weight: 300;font-size:15px;padding: 0 0 10px 0;margin: 0px;background-color: unset;text-align: unset;}
.pagecontent table p { font-size:15px; }
.pagecontent table li { padding-bottom: 5px; }

@media ( max-width: 600px ){
    .pagecontent .table-outer { overflow-x: scroll; }
    .pagecontent table, .memb_overseaslist table { min-width: 600px; }
}



/* Breadcrumb */ 

.section2 .layoutbreadcrumb { display: none; }
.layoutbreadcrumb .nav_breadcrumb {font-size: 80%;color: var(--footer);  margin: 0px auto; padding: 10px 0px 10px 20px;  }
.nav_breadcrumb a { color: var(--footer); text-decoration: underline; text-decoration-color: transparent; transition: 1s; }
.nav_breadcrumb a:hover { text-decoration-color: var(--footer); }

/* Left menu */

.layoutright, .branch .menu {background-color: var(--lred); padding: 20px;width: 300px;} 
.layoutright a { color: white; text-decoration: underline; text-decoration-color: transparent; transition: 1s; }
.layoutright a:hover { text-decoration-color: currentColor; }
.layoutright ul li { margin-bottom: 10px; }
.layoutright ul li:last-of-type { margin-bottom: 0px; }
.condright .layoutmiddle {margin-bottom: 50px; display: flex; width: 100%;margin: 0px auto;gap: 40px;justify-content: space-between;}

.layoutcontent h2 

.components, .pagecontent p  {/* background-color: var(--lgrey); *//* padding: 20px; */}
.pagecontent p:first-of-type {/* background: none; */}
.section2 .components { background: none; padding: 0px;}

.layoutright { height: 100%;}
.layoutright .titletxt { color: white; font-size: 120%; padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px solid white; font-weight: 500;; }


@media ( min-width: 1281px )
{
    .condright .layoutmiddle, .layoutbreadcrumb .nav_breadcrumb { max-width: 1240px; }
    .condright .std_contentpage .content, .condright .std_contentpage .components, .condright .std_newsarticlea, .event_eventpage {width: 900px;}
}
@media ( max-width: 1280px )
{
    .condright .layoutmiddle, .layoutbreadcrumb .nav_breadcrumb, .layoutmiddle { max-width: 97%; margin: 0px auto; }
    .condright .std_contentpage .content, .condright .std_contentpage .components, .std_newsarticlea, .event_eventpage { width: 100%; }
    .layoutright, .branch .menu { width: 100%; } 
}
@media ( min-width: 1001px )
{
    .condright .layoutmiddle { padding-top: 100px; }
}
@media ( min-width: 1001px ) and ( max-width: 1279px )
{
    .condright .std_contentpage .content, .condright .std_contentpage .components, .std_newsarticlea, .event_eventpage { width: 700px; margin-right: auto; }
    .layoutright, .branch .menu { width: 300px; } 
}
@media ( max-width: 1000px )
{
    .condright .layoutmiddle, .branch .branchwrapper { flex-direction: column-reverse;  }
}

/* Title */

.pagetitle, .shop_product .name, .event_recurringpage h1, .branch h1, .shop_basketpage h1, .np_nameandplace h2,  .event_eventpage h1, .std_newsarticlea h1, .shop_category h1, .shop_tabcategory h1, .surv_surveypage .titletxt, .search .titletxt, .memb_overseaslist h1 { text-align: center; color: var(--footer); font-size: 160%;text-transform: capitalize;  border-bottom: 7px solid var(--dred); margin-bottom: 50px; font-weight: 700; padding: 0px 0px 10px 0px;}


.pagetitle_inner {/* max-width: 1240px; */}

.layoutmiddle {position: relative;}
.condright .pageheader, .condright h1 { width: 100%; }

@media ( min-width: 1280px )
{
    .pagetitle, .shop_product .name, .shop_tabcategory  {max-width: 1240px;margin: 0px auto 50px auto;}
}
@media ( max-width: 1279px )
{
    .events .grey  { margin: 0px;}
    .layoutmiddle .layoutcontent {margin: 0px;}
}
@media ( min-width: 1001px )
{
    .condright .pageheader, .condright h1 {width: 100%;position: absolute;top: 0px;left: 0;}
}

/* Header */

.layoutheader .layoutheader_inner .top { }
.layoutheader .layoutheader_inner .top>.items { display: flex; justify-content: space-between; align-items: center; }
.layoutheader .layoutheader_inner p { padding-bottom: 0px; }

.layoutheader { border-bottom: 1px solid lightgrey; position: fixed;  top: 0; width: 100%; background-color: white; z-index: 999; }
body {padding-top: 150px;}
.scroll .layoutheader {  top: 0; background-color: white;  padding: 5px 0px;}
.scroll .layoutheader .logo img { width: 160px; height: auto; }
.scroll .layoutheader .right .nav_megamenu ul.level1>li { padding: 10px 0px 10px 0px; }
.scroll .layoutheader_inner { margin: 5px auto 0px auto;}

.layoutheader .right .nav_linklist ul {display: flex;justify-content: space-between;align-items: center; }
.layoutheader .right .nav_linklist ul li.link1 a, .layoutheader .right .nav_linklist ul li.link2 a { color: white; background-color: var(--lred); padding: 5px 15px; border-radius: 20px; text-transform: capitalize; font-size: 90%;  }
.layoutheader .right .nav_linklist ul li.link3 a i { color: white; background-color: var(--lred); padding: 7px 8px 0px 8px; border-radius: 50%; font-size: 120%;}
.layoutheader .right .nav_linklist svg { height: 25px; width: 25px; fill: var(--lred); }
.layoutheader .right .nav_linklist ul li a, .layoutheader .right .nav_linklist ul li a i, .layoutheader .right .nav_linklist svg { transition: all .3s ease-in-out; }
.layoutheader .right .nav_linklist ul li.link1 a:hover, .layoutheader .right .nav_linklist ul li.link2 a:hover, .layoutheader .right .nav_linklist ul li.link3 a:hover i { background-color: var(--dred); }
.layoutheader .right .nav_linklist svg:hover { fill: var(--dred);}
.layoutheader .right .util_container>.items {display: flex;align-items: center;gap: 20px; margin-left: auto;justify-content: right;}
.layoutheader .right .util_container>.items .shop_basketlink a { color: var(--lred); transition: all .6s ease-in-out;  position: relative; font-size: 20px; }
.layoutheader .right .util_container>.items .shop_basketlink a:hover { color: var(--dred); }
.layoutheader .right .util_container>.items .shop_basketlink a i{padding-top: 3px;}
.layoutheader .right .util_container>.items .shop_basketlink a span { font-size: 90%;padding-left: 2px;}

.home .banner { background-color: var(--lred); color: white; background-size: 450px auto; background-position: top 30px right 230px; }
.home .banner .util_textbox_inner { display: flex; justify-content: space-between; align-items: center; }
.home .banner .util_textbox_inner .content h3 {color: white; padding-bottom: 20px;}
.home .banner .util_textbox_inner .content p { padding: 0px;}
.home .banner .util_textbox_inner .content a { color: white; }
.home .banner .util_textbox_inner .link a {color: white; border: 2px solid white;border-radius: 20px;padding: 10px 20px;}

@media ( min-width: 1280px )
{
    .section2 .layoutheader { margin: 0px auto 40px auto; }
    .layoutheader_inner, .home .banner { max-width: 1240px; margin: 20px auto 0px auto; }
    .home .banner {margin: 0px auto;padding: 70px;}
}
@media ( max-width: 1280px )
{
    .layoutheader { margin: 20px auto 0px auto; padding: 0px 20px; }
    .scroll .layoutheader { margin: 0px auto; }
    .home .banner { padding: 20px; }
}
@media ( min-width: 1000px )
{
    .layoutheader .right .nav_linklist {width: 320px;/* margin-left: auto; */}
    .home .banner .util_textbox_inner .content { width: 75%; }
}
@media ( max-width: 999px )
{
    .layoutheader .right .nav_linklist {margin-right: 60px;}
    .layoutheader .right .nav_linklist ul li.link1, .layoutheader .right .nav_linklist ul li.link2 { display: none; }
    .layoutheader .right .nav_linklist .links { gap: 10px;}
    .layoutheader .right .util_container>.items .shop_basketlink a { position: absolute; top: 33px; right: 60px; }
    .scroll .layoutheader .toggle { top: 35px !important; }
    .scroll .layoutheader .right .util_container>.items .shop_basketlink a { top: 40px; }
    .scroll .layoutheader .right .nav_megamenu ul.level1>li { padding: 0px; }
}

@media ( max-width: 860px )
{
    .home .banner .util_textbox_inner { flex-direction: column; min-height: 150px; }
    .home .banner .util_textbox_inner .link { margin: 20px 0px; }
}



@media ( max-width: 500px )
{
    .layoutheader .right .util_container>.items .shop_basketlink a { top: 50px; right: 15px; }
    .layoutheader .right .nav_linklist { margin-right: 15px; margin-top: 32px; }
    .scroll .layoutheader .toggle { top: 15px !important; }
    .scroll .layoutheader .right .util_container>.items .shop_basketlink a { top: 50px; }
    .layoutheader .right .util_container>.items .shop_basketlink a i{padding: 0;}
}
@media ( max-width: 430px )
{
    .layoutheader .top img { width: 210px; height: auto;}
}
@media ( max-width: 390px )
{
    .layoutheader .top img { width: 180px; height: auto;}
}
@media ( max-width: 360px )
{
    .layoutheader .top img { width: 160px; height: auto;}
}

/* Menu */ 




.layoutheader .right .nav_megamenu {display: none;}
.layoutheader .right .nav_megamenu .level1 .link5:hover>.popup, .layoutheader .right .nav_megamenu .level1 .link6:hover>.popup, .layoutheader .right .nav_megamenu .level1 .link9:hover>.popup,  .layoutheader .right .nav_megamenu .level1 .link209:hover>.popup, .layoutheader .right .nav_megamenu .level1 .link397:hover>.popup, .layoutheader .right .nav_megamenu .level1 .link209, .layoutheader .right .nav_multilevel .link209, .layoutheader .right .nav_multilevel .link469, .layoutheader .right .nav_multilevel .link501  { display: none !important; }

.layoutheader .nav_multilevel {/* display: none; */ display: block;}


@media ( min-width: 1280px )
{
    .layoutheader .nav_multilevel {  width: 800px;  } 
    .layoutheader .right .nav_megamenu ul { width: 800px; }
    .layoutheader .right .nav_megamenu ul.level1>li { padding: 30px 0px 39px; }
    .layoutheader .right .nav_megamenu .popup { top: 140px; }
}
@media ( min-width: 1060px ) and ( max-width: 1280px )
{
    .layoutheader .right .nav_megamenu ul { width: 800px; }
    .layoutheader .right .nav_megamenu ul.level1>li { padding: 20px 0px 20px; }
    .scroll .layoutheader { padding: 5px 20px;}
    .layoutheader .right .nav_megamenu .popup { top: 110px; }
    .layoutheader .nav_multilevel { width: 740px;  }
}
@media ( min-width: 1000px ) and ( max-width: 1059px )
{
    .layoutheader .nav_multilevel { width: 700px;  }
}
@media (max-width: 1000px )
{
    .scroll .layoutheader  { padding: 20px; }
    .layoutheader .right .nav_multilevel .link469, .layoutheader .right .nav_multilevel .link501 { display: block !important;}
}
@media ( min-width: 1000px )
{
    .toggle, .nav_megamenu .link2, .nav_megamenu .link59 { display: none; }
    .layoutheader .right .nav_megamenu .popup { border-bottom: 2px solid var(--footer); position: absolute; flex-direction: column;padding: 20px;background-color: var(--lgrey);display: none !important;width: 100%;left: 0px;min-height: 100px;z-index: 999;}
    .layoutheader .right .nav_megamenu .level2 {max-width: 1240px;width: 100% !important;margin: 0px auto;display: block !important;}
    .layoutheader .right .nav_megamenu .level2 li { display: block !important; margin-bottom: 5px;  }
    .layoutheader .right .nav_megamenu .level2 li a { color:black; line-height: 30px; }
    .layoutheader .right .nav_megamenu .level1 li:hover>.popup { display: flex !important; }
    .layoutheader .right .nav_megamenu .level1 .link397:hover>.popup { display: none;}
    .layoutheader .right .nav_megamenu ul {display: flex;justify-content: space-between;}
    .layoutheader .right .nav_megamenu ul li a { font-size: 100%; text-decoration: underline; text-decoration-color: transparent; transition: 1s;}
    .layoutheader .right .nav_megamenu ul li a:hover { text-decoration-color: unset; }
    .scroll .layoutheader .right .nav_megamenu .popup { top: 75px; }
    .imagelink { display: none;}

    .layoutheader .nav_multilevel .expand { display: none;}

    .layoutheader .nav_multilevel ul.level1>li a:hover { color: var(--lred); border-bottom: 2px solid var(--lred); }
    .layoutheader .nav_multilevel ul.level1>li.selected a { color: var(--lred); border-bottom: 2px solid var(--lred); }
    .layoutheader .nav_multilevel ul.level1>li {padding: 30px 0px;}
    .scroll .layoutheader .nav_multilevel ul.level1>li {padding: 10px 0px 15px;}
    .layoutheader .nav_multilevel li .level2, .layoutheader .nav_multilevel .link2, .layoutheader .nav_multilevel .link59 { display: none; } 
    .layoutheader .nav_multilevel ul.level1 { display: flex; justify-content: space-between; }
    .layoutheader .nav_multilevel ul.level1 li:hover .level2 { display: none !important; }
    .layoutheader .nav_multilevel li .level2 { cursor: default; position: absolute;width: 100%;left: 0;top: 130px;background-color: var(--lgrey);padding: 20px;border-bottom: 2px solid black;}
    .scroll .layoutheader .nav_multilevel li .level2 { top: 85px; }
    .layoutheader .nav_multilevel li .level2 li  {  max-width: 1240px; margin: 0px auto; line-height: 1.9;  }
    .layoutheader .nav_multilevel li .level2 li a { width: fit-content; text-decoration: underline; text-decoration-color: transparent; transition: 1s; }
    .layoutheader .nav_multilevel li .level2 li a:hover { text-decoration-color: currentColor; }
}
@media ( max-width: 1000px )
{
    /* .layoutheader .right .nav_megamenu .popup .level2 {background-color: var(--lred);display: flex;flex-direction: column;width: 300px;padding: 10px 20px;}


    .layoutheader .toggleon ul {display: block;position: absolute;top: 0;height: calc(100vh - 0px);width: 100%;opacity: .95;z-index: 50;display: flex;justify-content: center;flex-direction: column;}
    .layoutheader .toggleon ul.level1 { left: 0px; background-color: var(--lgrey); padding-left: 20px; }
    .layoutheader .toggleon ul.level1>li { width: 46%;  }
    .layoutheader .right .nav_megamenu.toggleon .popup  ul.level2 {right: 0px;width: 50%;}
    .layoutheader .toggleon ul a {  font-size: 130%;  }
    .layoutheader .toggleon ul li { line-height: 1.5; } */
    .layoutheader .nav_multilevel li .level2 {display: none !important;}

    .layoutheader .toggle {position: absolute;right: 20px;top: 30px;z-index: 999;}
    .layoutheader .scroll .toggle { top: 36px; }
    .layoutheader .toggle svg path { fill: var(--lred); font-size: 150%;}
    .layoutheader .toggleon .toggle i { }
    .layoutheader .toggleoff ul { display: none; }
    .layoutheader .right .nav_multilevel ul { display: none; }
    .layoutheader .toggleon ul.level1 {display: block;position: absolute;top: 0;height: 100vh;width: 100%;opacity: .95;z-index: 50;display: flex;justify-content: center;flex-direction: column;}
    .layoutheader .toggleon ul.level1 {left: 0px;top: 0px;background-color: var(--lgrey);padding-left: 20px;}
    .layoutheader .right .nav_multilevel.toggleon ul.level1 a { display: block;  }
    .layoutheader .right .nav_multilevel.toggleon ul li { padding: 5px 0px 5px 20px; }
    .layoutheader .right .nav_multilevel.toggleon ul.level1 li { position: relative; }
    .layoutheader .right .nav_multilevel.toggleon .expand { position: absolute; right: 20px; margin-top: -20px; }


    .layoutheader .imagelink { position: absolute; right: 53%; }
    .layoutheader .imagelink img { height: 7px; width: auto; }
    .nav_breadcrumb .imagelink { display: none; }
    
    .layoutheader { margin-bottom: 30px; }

    .layoutheader .util_textbox { position: relative; height: 90px;  }
    .layoutheader .util_textbox img {/* position: absolute; */z-index: 999;}

    .scroll .layoutheader .util_textbox { height: 50px; }
    .scroll .layoutheader .util_textbox img { width: 150px; height: auto; }
}
@media ( max-width: 500px )
{
    .layoutheader .toggle { top: 10px; }
}


/* Footer */

.layoutcredits { display: none; }

.layoutfooter { background-color: var(--footer); margin-top: 50px; }
.layoutfooter .layoutfooter_inner { padding: 30px 0px; text-align: center;}
.layoutfooter .layoutfooter_inner .nav_linklist { padding-bottom: 10px; }
.layoutfooter .layoutfooter_inner .copyright { color: white; font-size: 70%; }
.layoutfooter .layoutfooter_inner .copyright .content { display: flex; justify-content: center; gap:  20px; flex-wrap: wrap; }
.layoutfooter .layoutfooter_inner .copyright p { padding: 0px;  }
.layoutfooter .layoutfooter_inner .copyright p:first-of-type {  }
.layoutfooter .layoutfooter_inner .copyright p a { color: white; }

@media ( min-width: 1280px )
{
    .layoutfooter .layoutfooter_inner { max-width: 1240px; margin: 0px auto; } 
}
@media ( max-width: 1279px ) 
{
    .layoutfooter .layoutfooter_inner {/* padding-left: 20px; */}
}
@media ( max-width: 999px )
{
    .layoutfooter .layoutfooter_inner { flex-direction: column; gap: 20px; text-align: center; }
}
@media ( max-width: 540px )
{
    .layoutfooter .layoutfooter_inner .copyright { width: 100%;  }
}

/* Home Ancestors */

.home .ancestors {margin-bottom: 50px;}
.home .ancestors .items {justify-content: space-between;align-items: center;}
.home .ancestors .items .links .content { width: 300px; text-align: center;}
.home .ancestors .items .links p { padding: 15px 0px;  }
.home .ancestors .items .links a { position: relative; left: 0;  transition: all .3s ease-in-out; color: white; background-color: var(--lred); border-radius: 20px; padding: 7px 20px; width: 262px; display: block; }
.home .ancestors .items .links a:hover { left: -20px; }

.home .ancestors .items .text h3 { font-size: 130%; padding-bottom: 30px; }
.home .ancestors .items .text p:last-of-type { padding: 0px; }

@media ( max-width: 999px )
{
    .home .ancestors .items { flex-direction: column; }
}

/* Home Boxes */

.home .boxes { text-align: center; }
.home .boxes h3 {background-color: var(--lred); padding: 7px 0px; font-size: 110%; text-transform: uppercase; color: white; }
.home .boxes .imagetop { height: 170px; background-size: cover; }
.home .boxes .content { background-color: var(--lgrey); font-size: 90%; }
.home .boxes .content p { padding: 10px;}
.home .boxes .items>div {position: relative;top: 0;transition: all .3s ease-in-out;width: 31%;}
.home .boxes .items>div:hover { top: -20px; }

@media ( max-width: 999px )
{
    .home .boxes .items>div { width: 30%; } 
    .home .boxes h2 { padding: 50px 20px;}
}
@media ( max-width: 750px )
{
  .home .boxes .items>div { width: 100%;  }
}

/* Home Shop */

.home .feat_carousel { position: relative; padding: 30px 0px }
.home .feat_carousel .titletxt { max-width: 1120px; margin: 0px auto; }
.home .feat_carousel .introduction {  position: relative; font-size: 95%;  }
.home .feat_carousel .introduction p  {position: absolute;right: 0;margin-top: -35px;z-index: 1;}
.home .feat_carousel .introduction p a, .grey .toplinks .link a, .layoutfooter a { text-decoration: underline; text-decoration-color: transparent; transition: 1s; }
.home .feat_carousel .introduction p a:hover, .layoutfooter a:hover, .grey .toplinks .link a:hover { text-decoration-color: currentColor;  }

.home .feat_carousel .introduction a, .home .feat_carousel .titletxt {color: white;}

.feat_carousel .carousel { overflow: hidden; position:relative;   }
.feat_carousel .carousel ul { width: 20000em; position: relative;}
.feat_carousel .carousel li { float: left;   box-sizing: border-box; }

.home .feat_carousel.shop_productlist ul, .shop_productlist ul {display: flex;gap: 27px;color: var(--footer);}
.home .feat_carousel.shop_productlist ul li, .shop_productlist ul li {  transition: all .3s ease-in-out; background-color: white;width: 260px !important;text-align: center;font-size: 90%;}
.home .feat_carousel.shop_productlist ul li>div {  padding: 20px; }
.home .feat_carousel.shop_productlist ul li:hover { background-color: var(--border); }
.home .feat_carousel.shop_productlist ul li a, .shop_productlist ul li a { color: var(--footer); }
.home .feat_carousel.shop_productlist ul li .bgimage, .shop_productlist ul li .bgimage { height: 200px; background-size: contain; }
.home .feat_carousel.shop_productlist ul li .name, .shop_productlist ul li .name {font-size: 85%;padding: 20px 0px;min-height: 100px;}
.home .feat_carousel.shop_productlist ul li .name a, .shop_productlist ul li .name a {  font-weight: 300; }
.home .feat_carousel.shop_productlist ul li .price, .shop_productlist ul li .price { font-weight: 700; }

.home .feat_carousel .buttons {  }
.home .feat_carousel .buttons>a {background-color: rgba(255,255,255, 0.2);top: 50%;left: 50%;padding: 7px 10px;border-radius: 50%;width: 35px;height: 35px;box-sizing: border-box;}

.home .feat_carousel .buttons .fas { font-size: 130%; color: white; transition: all .3s ease-in-out; }
.home .feat_carousel .buttons .fas:hover { opacity: 0.8;  }

@media ( min-width: 1240px )
{
    .home .feat_carousel .introduction, .feat_carousel .carousel { max-width: 1120px; margin: 0px auto; }
    .home .feat_carousel .buttons .carousel-next  { margin-left: 580px; } 
    .home .feat_carousel .buttons .carousel-prev  { margin-left: -615px; } 
}
@media ( max-width: 1239px )
{
    .home .feat_carousel .introduction, .feat_carousel .carousel, .home .feat_carousel .titletxt { max-width: 90%; margin: 0px auto;}
    .home .feat_carousel .buttons .carousel-next  {margin-left: 555px;} 
    .home .feat_carousel .buttons .carousel-prev  { margin-left: -590px; }
}
@media ( min-width: 1191px )
{
    .home .feat_carousel .buttons>a { position: absolute; }
}
@media ( max-width: 1190px) 
{
    .home .feat_carousel .buttons { text-align: center; padding-top: 30px; margin: 0px auto; max-width: 100px; }
    .home .feat_carousel .buttons .carousel-next, .home .feat_carousel .buttons .carousel-prev { margin-left: 0px; margin-top: 100px; }
    .home .feat_carousel .buttons .carousel-prev { margin-right: 20px; }
}


/* Search */

.home .search .nameandplace p:first-of-type, .home .search .nameandplace p:last-of-type { display: none; }
.home .search .nameandplace .label { display: none; }

.home .search .util_textbox, .home .search .nameandplace {  padding: 20px 50px; transition: all .3s ease-in-out; }
.home .search .util_textbox:hover { background-color: var(--lgrey);}

.home .search .nameandplace .introduction p:nth-child(3), .home .search .util_textbox .content p:last-of-type { padding: 0px; }
.home .search .nameandplace .introduction p:nth-child(2), .home .search .util_textbox .content p:first-of-type { padding-bottom: 10px; }
.home .search .util_textbox_inner .content h3, .home .search .nameandplace h3 { font-weight: 700;text-transform: capitalize;font-size: 110%; color: black; font-family: "filson-soft", sans-serif; }

.home .search .util_textbox_inner, .home .search .nameandplace { position: relative; }
.home .search .util_textbox_inner .link {position: absolute;}

.home .search .imageright {width: 150px;height: 150px;background-size: cover;}
.home .search input[type=text] { border: 2px solid var(--border); padding: 20px; text-align: center; color: var(--footer); font-size: 110%; font-weight: 500; }
.home .search input[type=text]:focus { outline: 2px solid var(--lred); border: none; }
.home .search input[type=text]::placeholder { color: var(--input); }

.home .search .nameandplace .buttons {font-weight: 500; }
.home .search .nameandplace input[type=submit], .home .search .util_textbox_inner .link a {background-color: var(--lred);border: 0px;color: white;padding: 10px 20px;border-radius: 20px;text-transform: capitalize;font-size: 110%;}
.home .search .util_textbox_inner .link a  { width: 250px; display: block; text-align: center;}
.home .search .nameandplace input[type=submit] { display: block; width: fit-content; }
.home .search .nameandplace input[type=text] { margin: 0px; }

@media ( max-width: 1170px )
{
    
    .home .search .util_textbox_inner .link a { width: 150px; }

}

@media ( min-width: 1000px )
{
    .home .search .util_textbox_inner, .home .search .nameandplace { display: flex; position: relative;  align-items: center;flex-wrap: wrap; gap: 30px;}
    .home .search .util_textbox_inner .link, .home .search .nameandplace .buttons { position: absolute; right: 0; top: 50%; transform: translate( 0%,-50%); }
    .home .search .nameandplace .buttons {right: 50px;}
    .home .search .nameandplace .introduction, .home .search .util_textbox_inner .content { width: 50%; }
    .home .search input[type=text] {width: 300px;}
    .home .search .nameandplace .buttons { position:  absolute;}
}
@media ( max-width: 1100px )
{
    .home .search input[type=text] { width: 200px; }
}
@media ( max-width: 999px )
{
    .home .search .util_textbox_inner, .home .search .nameandplace { text-align: center; }
    .home .search input[type=text] { width: 100%; }
    .home .search .util_textbox_inner .link {margin: 0px auto;width: 200px;}
    .home .search .imageright {  margin: 0px auto; }
    .home .search input[type=text] { margin: 20px 0px; }
    .home .search .imageright { margin: 20px auto 60px auto; }
    .home .search .util_textbox_inner .link { bottom: -60px; left: 50%; margin-left: -100px;}
    .home .search .nameandplace {  }
    .home .search .nameandplace .input { margin: 20px 0px; }
    .home .search .nameandplace input[type=submit] { width: 100%; }
}

/* About */

.util_expandtext { margin-bottom: 20px; transition: .5s all ease-in-out; box-shadow: 0px 2px 15px -2px rgba(60,60,60,0.46); background-color: white;}
.util_expandtext:hover .link { background-color: var(--lgrey) }
.util_expandtext .link { transition: 1s;   }
.util_expandtext .link a {color: var(--footer);display: block;padding: 20px; text-decoration: none;}
.util_expandtext.open .link { background-color: var(--lgrey); }
.util_expandtext .text {padding: 20px;}
.util_expandtext .text p {padding: 0px 0px 10px 0px;}
.util_expandtext .text p:last-of-type { padding-bottom: 0px; }
.util_expandtext .text p>strong { padding-top: 50px;  }
.util_container .items>.util_expandtext:last-of-type { margin-bottom: 0px; }

/* Events */

.events .grey ul { gap: 10px; padding: 0px; background: none; }
.events .grey ul li { width: 49%; margin-bottom: 10px; }
.events .grey select, .branch .event_list select { width: fit-content; margin: 0px auto 20px auto;  display: block; border: 1px solid var(--lred); font-size: 90%; height: fit-content;  font-weight: 600; }

.event_recurringpage { max-width: 900px; margin: 0px auto; }
.event_recurringpage .info, .event_recurringpage .abstract { text-align: center; font-weight: 500; }
.event_recurringpage .image img { display: block; margin: 0px auto; padding-bottom: 20px; }
.event_recurringpage .abstract { padding-bottom: 20px; color: var(--lred); }
.event_recurringpage .article { font-size: 90%;  }
.event_recurringpage .book { border: 1px solid var(--dred); max-width: 100%; margin: 0px auto; }

.events .event_list li a { color: black; text-decoration: none; }
.events .event_list li .name { height: fit-content; padding-bottom: 10px;}

/* Shop */

.shop .shop_productlist ul { justify-content: space-evenly; background: none; padding: 50px 0px 0px 0px; }
.shop .shop_productlist ul li { width: 250px; }
.shop .shop_productlist ul li .name { min-height: 80px; }
.shop .shop_productlist ul li .summary { font-size: 80%; padding-bottom: 20px;  }

/* Product page */

.shop_product .info { max-width: 1240px; margin: 0px auto;  }
.shop_product .info .image { padding-bottom: 20px;  }
.shop_product .info .summary { padding-bottom: 20px; }
.shop_product .info .price { color: var(--lred); font-weight: 500; }
.shop_product .info .quantity { padding: 10px 0px 20px 0px; display: flex;  gap: 10px; align-items: center; }
.shop_product .info .quantity select { height: 100%; padding: 5px 0px; box-sizing: border-box; font-size: 85%; }

/* Basket */

.shop_basketpage { max-width: 1240px; margin: 0px auto; }
.shop_basketpage h1 { margin-bottom: 50px;}
.shop_basketpage table { width: 100%; min-width: 650px; padding: 20px 10px; background-color: white; margin-bottom: 20px; }
.shop_basketpage .buttons {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;margin: 0px auto; max-width:880px;}
.shop_basketpage .buttons input[type=button], .continueshopping, .shop_basketpage .donationbutton {width: 200px !important; background-color: var(--lred); border: none; border-radius: 5px; text-transform: uppercase; }
.shop_basketpage .buttons input, .continueshopping, .shop_basketpage .donationbutton  {transition: all .3s ease-in-out;}
.shop_basketpage .buttons input:hover, .continueshopping:hover, .shop_basketpage .donationbutton:hover { background-color: var(--dred); }
.shop_basketpage th{padding: 5px;}
.shop_basketpage td { border-bottom: 1px solid var(--lred); border-top: 1px solid var(--lred);  padding: 5px;}
.shop_basketpage td select { width: fit-content; height: fit-content;  padding: 0px; margin: 0px;}
.shop_basketpage .price, .shop_basketpage .quantity, .shop_basketpage .total{text-align: end; }

td.remove, .shop_basketpage tr:first-of-type th:last-of-type { width: 8%; text-align: center;}

.shop_basket .details { display: flex;  gap: 50px; flex-wrap: wrap; }

.shop_basketpage .buttons input.checkout { max-width: 100%; margin: 0px; }
.continueshopping, .shop_basketpage .donationbutton  {width: fit-content;color: white;padding: 12px 15px 8px 15px;font-weight: 500;font-size: 90%; text-align: center;}

#fb-ShipUseBilling-div, #fb-SaveDetails-div{display: flex; flex-direction: row-reverse; justify-content: start; gap:10px; margin-bottom: 40px;}

#basketcheckoutform .field_group{ margin: 30px 0;}

@media ( max-width: 700px ){
    .shop_basket{ overflow-x: scroll;  }
}

/* Shop - category list */

.shop_productlist ul li .name { word-break: break-word; }
.shop_categorylist ul, .shop_category ul {display: flex;flex-wrap: wrap;justify-content: center; gap: 1%;}
.shop_categorylist ul li, .shop_category ul li { width: 49%;  }
.shop_categorylist ul li, .shop_category ul li { cursor: pointer; display: block; padding: 20px; text-align: center; transition: all .3s ease-in-out; }
.shop_categorylist ul li:hover, .shop_category ul li:hover { background-color: var(--lgrey); }
.shop_categorylist .level1 li, .shop_category ul li { border: 1px solid var(--footer); margin-bottom: 20px; box-sizing: border-box;  }
.shop_categorylist li .name a, .shop_category ul li .name a { color: black; font-weight: 500; }
.shop_categorylist .level1 .level2 { display: none; }

.shop_categorylist ul li .image img, .subcategories li .image img { width: 200px; height: auto; }
.shop_categorylist ul li .image a { padding: 0px 0px 20px 0px; }

.shop_tabcategory .description, .shop_category .description { padding-bottom: 40px; text-align: center; }
.subcategories {/* padding-top: 40px; */}

.shop_categorylist .name, .subcategories .name { padding-bottom: 10px; }
.shop_categorylist li a { color: black; }

@media ( max-width: 650px )
{
    .shop_categorylist ul, .shop_category ul { flex-direction: column; align-items: center; }
    .shop a { word-break: break-all; }
}

/* Shop - category page */

.shop_category { max-width: 1240px; margin: 0px auto; }
.shop_category .shop_productlist ul li .summary { display: none; }





/* Shop - basket page */

/* Join */

.join { background-color: var(--lgrey); padding: 20px; }
.join h3 { padding-bottom: 20px; }
.join .field_group>.label { margin-bottom: 15px; color: var(--footer); font-size: 110%; font-weight: 500; border-bottom: 2px solid var(--footer);}
.join .field { margin-bottom: 20px;}
.join .input .field .label, .myaccount .label, .shop_basket .label { font-weight: 400; padding-bottom: 5px; }
.join .form, .myaccount .loggedout, .shop_basket .checkout {max-width: 400px;margin: 0px auto;}
.join input[type=text], .join textarea, .join select, .myaccount input[type=text], .myaccount input[type=password], .memb_account input, .memb_account select, .memb_account textarea, .shop_basket input[type=text], .shop_basket textarea, .shop_basket select, .branchcontact input[type=text], .branchcontact textarea, .branchcontact select, .contactform select, .contactform input[type=text], .contactform textarea, .shop_basket input[type=password] {max-width: 100%;width: 100%;background-color: white;/* border: none; */}
.join textarea, .shop_basket textarea { max-width: 400px; max-height: 100px; min-width: 400px; }

.errors { color: var(--lred); font-weight: 700; max-width: 400px; margin: 0px auto; padding-bottom: 20px;}

.shop_basket .checkout a { transition: all .3s ease-in-out; text-decoration: underline; text-decoration-color: transparent;}
.shop_basket .checkout a:hover { text-decoration-color: currentColor; }
.shop_basket #basketmodeform { padding-bottom: 20px; }
.shop_basket #basketmodeform ul li { line-height: 1.4; }
.shop_basket .description { padding-bottom: 20px;}
.shop_basket #basketloginform .buttons { width: 350px; margin: 20px auto 0px auto;   }
.shop_basket #basketloginform a.button, .shop_basket #basketloginform button {  font-family: "filson-soft", sans-serif; background-color: var(--lred); text-transform: uppercase; border-radius: 5px; color: white; cursor: pointer; transition: all .3s ease-in-out; padding: 10px 20px; font-weight: 500; height: 100%; border: none;  font-size: 100%;}
.shop_basket #basketloginform button { box-sizing: border-box; height: 41.111px;}
.shop_basket #basketloginform a.button:hover, .shop_basket #basketloginform button:hover { background-color: var(--dred); }

@media ( max-width: 440px )
{
    .shop_basket #basketloginform .buttons { display: block;  }
    .shop_basket #basketloginform a.button, .shop_basket #basketloginform button { width: 100%; display: block; text-align: center; }
    .shop_basket #basketloginform button { margin-top: 20px;}
}

/* My Account */


.myaccount { max-width: 1240px; margin: 0px auto; }
.myaccount .memb_loginbox, .memb_account, .shop_basket, .branchcontact form, .contactform form { background-color: var(--lgrey); padding: 20px; margin-top: 50px;}
.myaccount .loggedout { max-width: 500px; }
.myaccount .loggedout .introduction { font-weight: 500; text-align: center; font-size: 110%; }
.myaccount .loggedout .fieldemail, .myaccount .loggedout .fieldpw, .myaccount .loggedout .login, .myaccount .loggedout .stayloggedin, .myaccount .loggedout .forgotpw,  .myaccount .loggedout .register { max-width: 400px; margin: 0px auto 15px auto;  }
.myaccount .loggedout .login, .myaccount .loggedout .stayloggedin, .myaccount .loggedout .forgotpw, .myaccount .loggedout .register { text-align: center;  }
.myaccount .loggedout .fieldemail input, .myaccount .loggedout .fieldpw input { margin-top: 5px;}
.myaccount .loggedout .register { margin: 0px auto; }
.myaccount .loggedout .hidden { display: block;}

.myaccount .memb_subscriptionstatus h3 { font-weight: 500; }

.myaccount .loggedin {display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}

.myaccount .pagecomponents { margin-top: 50px; }
.myaccount .util_container .items { display: flex; justify-content: space-between; flex-wrap: wrap;  }

.myaccount .util_container .util_customhtml {border-right: 2px solid var(--lred);width: 49%;padding-right: 30px;}
.myaccount .util_container .util_customhtml .titletxt { color: var(--lred); font-weight: 500; font-size: 130%; text-align: center; padding-bottom: 20px; }
.myaccount .util_container .util_customhtml .field { display: flex; flex-wrap: wrap; gap: 10px; padding: 5px 0px 5px 5px; }
.myaccount .util_container .util_customhtml .field .label { width: 150px; padding: 0px; }
.myaccount .util_container .util_customhtml .field:nth-child(odd) {background-color: #f3f3f3;}
.myaccount .util_container .util_customhtml ul { display: flex; padding-top: 50px; justify-content: space-between; width: 70%; margin: 0px auto; flex-wrap: wrap; gap: 20px;}
.myaccount .util_container .util_customhtml ul li a { font-weight: 500; background-color: var(--lred); color: white; border-radius: 5px; padding: 5px 10px;; text-decoration: none; transition: all .6s ease-in-out; font-size: 90%; }
.myaccount .util_container .util_customhtml ul li a:hover { opacity: 0.9; }
.myaccount .util_container .util_customhtml .profile-info-two { margin: 10px 0px 15px 0px; border-top: 2px solid var(--lred); border-bottom: 2px solid var(--lred); padding: 15px 0px 10px 0px; }

.myaccount .util_container .std_content { width: 49%; }
.myaccount  ul li { line-height: 1.5; }

.memb_subscriptionstatus { border: 1px solid black; padding: 20px; margin-bottom: 30px; width: 100%; }

.myaccount .archiverecords { width: 100%; margin-bottom: 50px; background-color: var(--lgrey); padding: 20px; }
.myaccount .archiverecords a{font-weight: bold;}

@media ( max-width: 750px )
{
    .myaccount .util_container .util_customhtml, .myaccount .util_container .std_content { width: 100%; border: none;  }
    .myaccount .util_container .std_content { margin-top: 50px; border-top: 2px solid var(--lred); padding-top: 30px}
}


/* Registration */


.memb_account .field_group>.label, .shop_basket .field_group>.label  { text-align: center; font-size: 120%; padding-bottom: 20px; }
.memb_account .field_group { width: 100% !important; padding-bottom: 10px; }
.memb_account .form, .branchcontact .formbuilder, .contactform .formbuilder { max-width: 400px; margin: 0px auto; }
.memb_account input[type=submit], .branchcontact input[type=submit], .contactform input[type=submit] { background: var(--lred); transition: all 1s ease-in-out; margin: 0px auto; display: block; }
.memb_account .text { text-align: center; padding-bottom: 20px;  }

.memb_account .formbuilder { padding-bottom: 30px;}
.memb_account .field_checkbox { display: flex; gap: 20px; align-items: center;}

/* Branch */


.branch .branchwrapper {display: flex;justify-content: space-between;gap: 40px;/* padding-top: 50px; */}
.branch .menu li { cursor: pointer; color: white; text-decoration: underline; text-decoration-color: transparent; transition: 1s; margin-bottom: 10px; font-weight: 500; }
.branch .menu li:hover { text-decoration-color: currentColor; }

.branch .details h2 {text-align: center;background-color: var(--lgrey);padding: 20px;font-weight: 500;font-size: 130%;margin-bottom: 20px;}
.branch .content { display: flex; justify-content: space-between; padding-bottom: 20px; align-items: center; }
.branch .content .intro { width: 55%; }
.branch .content .image img { width: 350px; height: auto; }
.branch .upnext { display: flex; gap: 10px; padding-bottom: 20px; }
.branch .upnext>div { width: 50%;  }
.branch .upnext>div h2 { color: var(--lred); padding: 10px 0px 0px 0px; background: none; text-transform: capitalize; }
.branch .upnext .event_list ul {  }
.branch .upnext .event_list ul li { display: none; }
.branch .upnext .event_list ul li img { display: block; margin: 0 auto; margin-bottom: 10px;}
.branch .upnext .event_list ul li:first-of-type { display: block; width: 100%; }
.branch .meetings h2 { background: none; color: var(--lred); font-size: 130%; font-weight: 500; padding: 0px 0px 10px 0px; }
.branch .meetings {  }
.branch .meetings .address { padding-bottom: 10px; font-weight: 500; }
.branch .meetings .meeting { padding-bottom: 20px; }

.branch .officials .text h3:nth-child(1) { padding-top: 20px; }
.branch .officials .text h3 { color: var(--lred);  font-weight: 500; padding-bottom: 10px; }
.branch .officials .text p {  }

.branch .officials { display: flex; justify-content: space-between; width: 400px; align-items: center; margin: 0px auto; flex-wrap: wrap; }


.branch .branchmeetings .event_list h2 { display: none; }
.branch .event_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.branch .event_list ul li { width: 49%; margin-bottom: 10px; position: relative; top: 0; transition: all .3s ease-in-out; box-shadow: 0px 2px 15px -2px rgba(60,60,60,0.46); box-sizing: border-box; padding: 20px; font-size: 90%; }
.branch .event_list ul li:hover { top: -10px; }
.branch .event_list ul li .name { padding-bottom: 10px; }
.branch .event_list ul li .name a { font-weight: 700;  }
.branch .event_list ul li .abstract { font-weight: 400; position: relative; padding-bottom: 10px; color: var(--lred); }
.branch .event_list ul li .date, .branch .event_list ul li .time { float: left;  }
.branch .event_list ul li .date { margin-right: 10px; }
.branch .event_list ul li .date a, .branch .event_list ul li .time { font-weight: 400; }
.branch .event_list ul li .date::after { content: '|'; padding-left: 12px; }

.branch .branchnews h2 { display: none; }
.branch .officials p a { text-decoration-line: underline; text-decoration-color: transparent; }
.branch  p a:hover { text-decoration-color: currentColor; }

.branch .contact h2 { background: none; color: var(--lred); }

.branch .feat_googlemap  { }

@media ( min-width: 1280px )
{
    .branch { max-width: 1240px; margin: 0px auto; }
}
@media ( min-width: 980px )
{
    .branch .details {width: 940px; }
}

@media ( max-width: 1000px )
{
    .branch .branchwrapper { padding-top: 0px; position: relative; }
    .branch .branchwrapper .menu { margin-bottom: 100px; }
    .branch  h1 { position: absolute; top: 270px; width: 100%; }
    .branch .content { flex-wrap: wrap; }
    .branch .content .intro { width: 100%; }
    .branch .content .image { margin: 0px auto; }
    .branch .content .image img { width: 350px; height: auto; }
}

/* Branches page */

.branches .list { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 50px; gap: 2%}
.branches .list .article { width: 32%; box-shadow: 0 0 2px black; margin-bottom: 20px; padding: 20px; box-sizing: border-box; transition: all .3s ease-in-out; }
.branches .list .article:hover { background-color: var(--lgrey);}
.branches .list .article .bgimage {height: 200px;/* width: 250px; */background-size: cover;margin: 0px auto;}
.branches .list .article h3 { color: var(--lred); text-align: center;}
.branches .list .article h3 a { font-weight: 700;  }
.branches .list .article h4 { font-weight: 400; font-size: 100%; height: 100px}
.branches .list .article .link { padding-top: 20px; }
.branches .list .article .link a {  display: block; width: fit-content; margin: auto; text-decoration: none;  }


/* News */

.news .grey .list, .grey .list { background: none; padding: 0px; gap: 20px; }
.news .grey .list>div, .grey .list>div { width: 100%; }

.branch .branchnews a { color: var(--lred); text-decoration: underline; text-decoration-color: transparent; }
.branch .branchnews a:hover { text-decoration-color: currentColor; }

/* Contact */

.contactform .titletxt {padding: 20px 0px;}
.contactform .intro { padding-bottom: 5px;  max-width: 400px; margin: 0px auto; }

.label {color: var(--lred);font-weight: 400;}
input[type=text], textarea, select, input[type=password], input[type=number] {border: 1.5px solid lightgrey;margin: 5px 0px 15px 0px;height: 40px;width: 100%;border-radius: 5px;}
textarea { max-width: 900px; width: 900px; height: 100px}

input[type=submit] {text-transform: uppercase;width: 200px;border-radius: 5px;}



/* Membership */

.membership h2 { padding-top: 10px; color: var(--lred); }
.membership a {/* text-decoration: underline; *//* transition: all .3s ease-in-out; *//* text-decoration-color: currentColor; */}
.membership a:hover {/* color: var(--lred); */}

.membership  .content ul { margin-left: 20px;}
.membership  .content ul li { padding-bottom: 20px; list-style: disc;}

.membership .shop_productlist ul { flex-wrap: wrap; padding: 10px 0px; }
.membership .shop_productlist ul li {border: 1px solid black;transition: all .3s ease-in-out;padding: 20px;}
.membership .shop_productlist ul li:hover { background-color: var(--border); }
.membership .shop_productlist ul li a { text-decoration: none; }
.membership .shop_productlist ul li img { width: 130px; height: auto; }
.membership .shop_productlist ul li .name { font-size: 100%; min-height: 70px; height: 70px; max-height: 70px; }
.membership .shop_productlist ul li .name a { font-weight: 500; }

@media ( max-width: 860px )
{
    .membership .shop_productlist ul { justify-content: center; }
}

/* Members - Archives */

.membarchive .std_content { box-sizing: border-box; border-top: 2px solid var(--lred); padding-top: 20px; margin-top: 20px; }
.membarchive .std_content p { font-size: 90%; padding-bottom: 5px; }
.membarchive .std_content p a {color: var(--dred);transition: all .6s ease-in-out;position: relative; text-decoration: none;}
.membarchive .std_content p a:hover { color: var(--footer);   }
.membarchive .std_content p a::before { content: ''; position: absolute; width: 100%; height: 1px; border-radius: 1px; background-color: var(--footer); bottom: 0; left: 0; transform-origin: right; transform: scaleX(0); transition: transform .6s ease-in-out; }
.membarchive .std_content p a:hover::before { transform-origin: left; transform: scaleX(1); }
.membarchive .std_content p:nth-child(3) { padding-bottom: 0px;}
.membarchive .std_content p:nth-child(4), .membarchive .std_content p:nth-child(6), .membarchive .std_content p:nth-child(8), .membarchive .std_content p:nth-child(10), .membarchive .std_content p:nth-child(12), .membarchive .std_content p:nth-child(14) {  padding-top: 7px; margin-top: 7px; }
.membarchive .std_content h2 { padding-bottom: 20px; }

/* Event page */

.event_eventpage .date {/* text-align: center; */ font-weight: bold;}
.event_eventpage .image { text-align: center; padding: 20px 0px; }
.event_eventpage .book { padding-top: 30px;}
.event_eventpage .fieldemail { display: block;}
.event_eventpage .book h2 { margin-bottom: 15px;}
.event_eventpage .booknow {padding-top: 30px;background-color: var(--lred);border: 0px;color: white;padding: 10px 20px;border-radius: 20px;text-transform: capitalize;font-size: 110%;}
.event_eventpage .book .formbuilder input[type=text]{max-width: 450px;}
.event_eventpage .book .formbuilder .field{margin-bottom: 10px;}
.event_eventpage .book .formbuilder .field_radio{margin-bottom: 25px ;}
.event_eventpage .book .formbuilder .radio{ padding-top: 5px;}

.event_eventpage ul { margin-left: 20px;}
.event_eventpage ul li { list-style: disc; }

.event_eventpage .book .formbuilder .removelink a, .event_eventpage .book .formbuilder .addlink a{border:2px solid var(--lred);color:var(--lred); padding: 5px 10px; border-radius: 5px; width: 145px; text-align: center; display: block;}
.event_eventpage .book .formbuilder .addlink{margin-top:5px}
.event_eventpage .book .formbuilder .removelink a:hover, .event_eventpage .book .formbuilder .addlink a:hover{background-color: var(--lgrey);}
.event_eventpage .book input[type=submit]{margin-top: 20px;}

.event_eventpage .book .formbuilder #fb-Attendees-items .item{border-top: 3px solid var(--lgrey); margin-top: 30px; padding-top: 20px;}
.event_eventpage .book .formbuilder #fb-Attendees-items .item:first-child{border-top: none; margin-top: 0px; padding-top: 0px;}

/* News page */

.std_newsarticlea { max-width: 1240px; margin: 0px auto; }
.std_newsarticlea a { text-decoration-color: transparent; transition: all .6s ease-in-out; text-decoration-line: underline; }
.std_newsarticlea a:hover { text-decoration-color: currentColor; }
.std_newsarticlea .datetime::before {
  content: "Published: ";
}

.std_newsarticlea .datetime::after {
  content: "\A";
  white-space: pre; /* ensures \A renders as a real line break */
  display: block;   /* makes the line break take effect visually */
}

.std_newsarticlea .datetime { text-align: center; font-weight: 700; font-size: 0.8em; text-align: left; }

.std_newsarticlea .image { text-align: center; padding-top: 20px; }
.std_newsarticlea .caption { text-align: center; padding-bottom: 20px; font-size: 90%; }

@media ( max-width: 1280px )
{
    .std_newsarticlea { width: 100%; }
}

/* Constitution */

.constitution p {  padding: 10px 0px;}
.constitution p:nth-child(2) { padding-top: 0px;  }
.constitution p:last-of-type { padding-bottom: 0px; }
.constitution strong { color: var(--lred); }
.constitution u {color: green; text-decoration: none; }

/* Branch newsletter */

.newsletters ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* Family files */

.familyfiles ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px; }
.familyfiles ul li { width: 18%; line-height: 2; }

/* Forum */

.layoutcontent .wrap { font-size: 90%; }
.layoutcontent .wrap a, .layoutcontent .wrap strong { color: var(--lred); transition: all .6s ease-in-out; text-decoration: underline; text-decoration-color: transparent;}
.layoutcontent .wrap a:hover {color: black;text-decoration-color: currentColor;}
.layoutcontent .wrap .forabg, .layoutcontent .wrap .forumbg {  background: none; }
.layoutcontent .wrap .forumbg { margin: 20px 0px; }
.layoutcontent .wrap li.header .list-inner, .layoutcontent .wrap li.header .list-inner a, .layoutcontent .wrap li.header .topics, .layoutcontent .wrap li.header .posts, .layoutcontent .wrap li.header .lastpost { color: var(--lred); font-weight: 700; font-size: 150%; text-transform: none; }
.layoutcontent .wrap li.header .list-inner a { font-size: 100%;}

.layoutcontent .forums { font-size: 120%;}

.layoutcontent #page-header, .layoutcontent .wrap .time {font-size: 130%;}

.layoutcontent .wrap h3 { font-size: 160% !important; font-family: "filson-soft", sans-serif !important; font-weight: 700 !important; color: var(--lred) !important; }
.layoutcontent .jumpbox-cat-link { background-color: var(--border) !important; }


/* N&P Tables */

.np_nameandplace table, .dbase_table table, .nameandplace table { width: 100%; margin-top: 30px;  }

.np_nameandplace table td a, .dbase_table table td a, .nameandplace table td a { color: var(--lred); }
.np_nameandplace table td, .dbase_table table td, .nameandplace table td { color: black; font-family: PoppinsRegular; font-size: 80%; }
.np_nameandplace table th, .dbase_table table th, .nameandplace table th {background-color: var(--dgreynp); color: var(--white); padding: 10px;font-family: PoppinsRegular;border-bottom: 1px solid var(--border);font-size: 80%;}
.np_nameandplace table th:nth-child(2) { width: 400px; }
.np_nameandplace table tbody tr:nth-child(odd), .dbase_table table tbody tr:nth-child(odd), .nameandplace table tbody tr:nth-child(odd) { background-color: var(--lgrey); }
/*
.np_nameandplace table tbody tr:hover, .dbase_table table tbody tr:hover, .nameandplace table tbody tr:hover { background-color: var(--input);}
*/
.np_nameandplace table tbody tr td, .dbase_table table tbody tr td, .nameandplace table tbody tr td { padding: 15px 10px; }
.dataTables_processing {background-color: var(--border);margin: 0px 0px 20px 0px;text-align: center;font-size: 110%;font-family: PoppinsMedium;padding: 5px 0px;}

.np_nameandplace button, .nameandplace button, .nameandplace .button, .np_nameandplace .toplinks a, .nameandplace .toplinks a { font-family: PoppinsMedium; text-decoration: none; cursor: pointer; transition: all .5s ease-in-out; background-color: var(--bluenp); border: none; padding: 5px 15px; border-radius: 20px; color: white; text-transform: capitalize; font-size: 90%; position: relative; top: 0px;  }
.np_nameandplace button:hover, .nameandplace button:hover, .nameandplace .button:hover, .np_nameandplace .toplinks a:hover, .nameandplace .toplinks a:hover { top: -5px;  }
.np_nameandplace .toplinks, .nameandplace .toplinks { align-items: center; max-width: 680px; display: flex; justify-content: space-between; padding-top: 20px; flex-wrap: wrap; }
.np_nameandplace .toplinks a, .nameandplace .toplinks a { padding: 7.5px 16px; display: block;}

@media ( max-width: 670px )
{
    .np_nameandplace .toplinks, .nameandplace .toplinks { flex-direction: column;   }
    .np_nameandplace .toplinks a, .nameandplace .toplinks a, .np_nameandplace button, .nameandplace button, .nameandplace .button, .gen_memberinterests .search a.button, .gen_interesteditor .search a.button 
    { width: 200px; text-align: center;}
}

.nameandplace .back, .nameandplace .toplinks li a {margin-bottom: 30px;}
.dataTables_length { float: right; }
.dataTables_length select { border: 1px solid black; width: 70px; padding: 3px 0px 5px 5px; height: 30px; font-size: 90%; margin: 0px 0px 30px 0px; }
.dataTables_filter input[type=search] { margin-left: 10px; height: 30px; border-radius: 7px;   }

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, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{ width: 15% !important; }
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 .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: 10px;right: 0px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; }

/*
@media ( min-width: 1100px )
{
    table.dataTable {
        width: 100% !important;
        table-layout: fixed;
    }

    table.dataTable th,
    table.dataTable td {
        box-sizing: border-box;
        overflow-wrap: break-word;
        padding: 8px;
    }

    /* First 7 columns */
    table.dataTable th:not(:nth-last-child(-n+2)),
    table.dataTable td:not(:nth-last-child(-n+2)) {
        width: 15% !important;
    }

    /* Last 2 columns */
    table.dataTable th:nth-last-child(-n+2),
    table.dataTable td:nth-last-child(-n+2) {
        width: 8% !important;
    }
}
*/

/* Name search */

.np_namesearch form {background-color: var(--lgrey);padding: 20px;}
.np_namesearch form .formbuilder {  margin: 0px auto; }
.np_namesearch input[type=text], .np_namesearch form select, .np_namesearch input[type=number] {max-width: 100%;width: 100%;background-color: white;}
.np_namesearch .field_group .form-group .label, .np_namesearch .field_radio .label { display: none; }

.np_namesearch .field_group {display: flex;flex-wrap: wrap;/* align-items: center; */gap: 10px;}
.np_namesearch .field_group>.input { display: flex; justify-content: center; flex-wrap: wrap; gap: 90px;  align-items: center;}

.np_namesearch .field_group {/* padding-bottom: 20px; */}
.np_namesearch .field_radio .input>div { display: flex; flex-wrap: wrap;  gap: 10px; }
.np_namesearch .field_radio .input>div label { color: black; font-family: PoppinsRegular; font-size: 80%; }
.np_namesearch .button, .np_namesearch button { }

.np_memberinterests h2 { display: none; }


.np_namesearch .label {font-size: 90%;}
.np_namesearch .source h5 { padding-top: 20px; font-size: 90%; font-family: PoppinsRegular; color: var(--bluenp); }

.np_namesearch .field_text .input input {width: 100%;}

@media ( max-width: 1120px )
{
    .np_namesearch .field_group>.input { gap: 10px;}
}
@media ( min-width: 801px )
{
    .np_namesearch .field_text .input, .np_namesearch .field_number .input, .np_namesearch .field_select .input {width: 270px; }
    .np_namesearch .label {width: 200px;padding-top: 10px;}
}
@media ( max-width: 800px )
{
    .np_namesearch .field_group { justify-content: center; flex-direction: column; text-align: center; padding-bottom: 30px; }
    /* .np_namesearch .field_group>.input { justify-content: ; } */

    .np_sourcebrowser .dataTables_wrapper { overflow-x: scroll;}
}


.results {padding: 20px 0px;}

.nameandplace .dataTables_paginate, .np_nameandplace .dataTables_paginate { float: right; width: 50%; text-align: right; padding-top: 30px; font-size: 90%; }

.np_nameandplace .dataTables_paginate .paginate_button, .nameandplace .dataTables_paginate .paginate_button { padding: 0px 5px; color: black;  }
.np_nameandplace label, .nameandplace label {color: black;font-family: PoppinsMedium;}


.nameandplace .dataTables_paginate a, .np_nameandplace .dataTables_paginate a { cursor: pointer; }
.nameandplace .dataTables_paginate a.disabled, .np_nameandplace .dataTables_paginate a.disabled { cursor: default; }
.np_nameandplace .dataTables_info, .nameandplace .dataTables_info { float: left; width: 50%; padding-top: 30px; font-size: 90%; }
.np_namesearch .dataTables_length { margin-top: 30px; }

.nameandplace .breadcrumb a, .np_nameandplace .breadcrumb a { color: black; font-family: PoppinsRegular; font-size: 80%;}
.nameandplace, .np_nameandplace {/* padding-top: 20px; */}

/* Source browser */

.np_sourcebrowser h3, .np_sourcebrowser h4,
.nameandplace .relatednames h4, .np_nameandplace .relatednames h4 { padding-top: 30px; }
.nameandplace .relatedmedia h4, .np_nameandplace .relatedmedia h4 { padding: 70px 0px 30px 0px; }
.nameandplace .relatedmedia ul, .np_nameandplace .relatedmedia ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap: 20px; }
.nameandplace .relatedmedia ul li, .np_nameandplace .relatedmedia ul li { max-width: 250px; box-shadow: 0 0 2px black; margin-bottom: 20px; padding: 20px !important; box-sizing: border-box; transition: all .3s ease-in-out; text-align: center; font-size: 15px ; }
.nameandplace .relatedmedia ul li:hover, .np_nameandplace .relatedmedia ul li:hover { background-color: var(--border);}
.nameandplace .relatedmedia ul li img, .np_nameandplace .relatedmedia ul li img { width: 200px; margin: 0px auto; display: block; }
.np_sourcebrowser .additional, .np_sourcebrowser .related {background-color: var(--greynp);padding: 10px;}
.np_sourcebrowser .relatednames table/* , .np_sourcebrowser table.additional  */ { background-color: white; padding: 20px 10px;}
.np_sourcebrowser .relatednames table td, .np_sourcebrowser table.additional td { background-color: white; border-bottom: 1px solid var(--border)}
.np_sourcebrowser .relatednames input[type=search] { background: white; }
.nameandplace h3, .nameandplace h4, .np_nameandplace h3, .np_nameandplace h4 { color: var(--bluenp); font-family: PoppinsRegular; font-size: 120%; }
.np_sourcebrowser .dataTables_wrapper {/* padding-top: 20px; */}

.np_sourcebrowser .sourcehome .dataTables_filter,.np_sourcebrowser .sourcehome .dataTables_length { display: none; }

.np_sourcebrowser .related.relatednames ul { background-color: white; }
.np_sourcebrowser .related ul li th, .np_sourcebrowser .related ul li td { width: 50%; }

.np_sourcebrowser .content { background-color: var(--greynp); display: flex; flex-wrap: wrap; gap: 50px; padding: 20px;}
.np_sourcebrowser .content .leftcolumn img { width: 200px; border: 1px solid var(--footer);  }

.np_sourcebrowser .content .rightcolumn {width: 79%;background-color: white;padding: 20px;}
.np_sourcebrowser .content .rightcolumn .related ul { padding-top: 20px; }
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related table { margin: 0px; padding: 0px; }
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related { background: none; padding: 0px; margin: 0px;}
.np_sourcebrowser .content .rightcolumn .related ul li { padding-bottom: 40px;}
.np_sourcebrowser .content .rightcolumn .related ul li:last-of-type { padding: 0px;}
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related td { border-bottom: 1px solid var(--border) }
.np_sourcebrowser .content .rightcolumn table tbody tr:nth-child(odd) { background: none; }

.np_sourcebrowser .content .rightcolumn h5 { color: var(--bluenp); font-family: PoppinsRegular; padding-bottom: 10px; font-size: 90%; }


@media ( max-width: 1270px ){
    .np_sourcebrowser .content { gap:20px}
    .np_sourcebrowser .content .rightcolumn {width: 100%;}
}

@media ( max-width: 500px ){
    .np_sourcebrowser .content {justify-content: center;}
}

/* Shop downloads */

.shop_downloads table { width: 100%; }
.shop_downloads table th { background-color: var(--greynp); border-bottom: 1px solid var(--input); padding: 5px; }
.shop_downloads table tr:nth-child(even) { background-color: var(--lgrey); }
.shop_downloads table tr:hover { background-color: var(--input); }
.shop_downloads table tr td { padding: 5px; font-size: 90%;  }
.shop_downloads table tr td a { color: black; }
.shop_downloads table tr td.download { width: 1%; }

/* link styling */

.ancestors .text ul { display: flex; gap: 50px; flex-wrap: wrap; padding-top: 10px; }   
.ancestors .text ul a { font-weight: 500; }
/* .cemetery ul { padding-bottom: 20px;} */
.util_expandtext:nth-child(1) { margin-top: 30px; }

@media ( max-width: 500px )
{
    .ancestors .text ul  { gap: 10px;}
}

/* Journal */

.feat_pdfbrowse .results { display: flex; flex-wrap: wrap; gap: 1%;  justify-content: space-between; }
.feat_pdfbrowse .results li { width: 24%; border: 1px solid var(--footer); padding: 20px; box-sizing: border-box; margin-bottom: 2%; transition: all .3s ease-in-out; }
.feat_pdfbrowse .results li:hover { background-color: var(--input); }
.feat_pdfbrowse .results li .image { height: 143px; background-size: contain; }
.feat_pdfbrowse .results li .name { text-align: center; padding-bottom: 10px; }


@media ( max-width: 1000px )
{
    .feat_pdfbrowse .results li { width: 49%; }
}
@media ( max-width: 550px )
{
    .feat_pdfbrowse .results li { width: 100%; }
}

.supplement ul li { line-height: 1.5; }

/* Shop dataTable */

.shop_tabcategory { padding-bottom: 50px;}
.shop_producttable label { font-weight: 500; }

.dataTable { width: 100%;}
.dataTable th { background-color: var(--dgreynp); padding: 10px; border-bottom: 1px solid var(--border); font-size: 80%; }
.dataTable td { padding: 10px; font-size: 80%;  }
.dataTable tr:nth-child(odd) { background-color: var(--lgrey); }
/*
.dataTable tr:hover { background-color: #cfcecc; }
*/
.dataTable td a { text-decoration-color: transparent; text-decoration-line: underline; }
.dataTable td a:hover { text-decoration-color: currentColor; }
.dataTables_paginate a { cursor: pointer; padding: 0px 5px; text-decoration-line: underline; text-decoration-color: transparent; font-weight: 300; }
.dataTables_paginate a:hover { text-decoration-color: currentColor; }
.dataTables_paginate a.disabled { cursor: default; text-decoration-line: none;}
.dataTables_info { float: left; width: 50%; padding-top: 30px; font-size: 90%; font-weight: 300; }
.dataTables_paginate { float: right; width: 50%; padding-top: 30px; font-size: 90%; text-align: right; }

/* Society Documents */

.societydocuments ul { display: flex; flex-wrap: wrap; justify-content: flex-start !important; text-align: center; background: var(--dgreynp); margin-bottom: 40px; }
.societydocuments ul li { width: 15%;}
.societydocuments ul li .image { padding-bottom: 20px; margin-bottom: 20px;  }

/* Surname interests */

.np_nameandplace .contact form { max-width: 800px; padding: 20px; margin: 0px auto; }
.np_nameandplace .contact .field_readonly { display: flex; justify-content: center; }
.np_memberinterests .contact .formbuilder .field_readonly .label { background: var(--bluenp);  width: 100%; padding: 13px 10px 0px 10px; text-align: center; color: white; font-weight: bold; }
.np_memberinterests .contact .formbuilder .field_readonly .input { border: solid 3px var(--bluenp);width: 100%; padding: 10px; text-align: center; }
.np_nameandplace .contact form textarea { width: 100%; }
.np_memberinterests .contact .formbuilder .label, .np_memberinterests .contact .formbuilder .input { margin: 15px 0px; }
.np_memberinterests .field_readonly label {color: white;}
.np_memberinterests .field_textarea label { color: var(--bluenp); }

.np_memberinterests .add { padding-top: 20px; }
.np_memberinterests .add .field_text { display: flex; align-items: center; margin: 0px auto; gap: 20px; max-width: 400px; }
.np_memberinterests .add .field_text .label { width: 100px; }
.np_memberinterests .add .buttons { max-width: 200px; margin: 0px auto; text-align: center; padding-top: 20px; }
.np_memberinterests .add .buttons a.button { margin-top: 10px; display: block; }

.gen_memberinterests h3, .gen_interesteditor h3 { text-align: center; } 
.gen_memberinterests a.button, .gen_interesteditor a.button { color: white; background-color: var(--lred); padding: 10px 20px; margin-bottom: 20px; width: fit-content; border-radius: 5px; font-weight: 500;  }
.gen_memberinterests a.button:hover, .gen_interesteditor a.button:hover { text-decoration-color: transparent; opacity: 0.8; }


.gen_interesteditor .formbuilder, .gen_memberinterests .formbuilder { display: flex; gap: 20px; flex-wrap: wrap; }
.gen_interesteditor .search, .gen_memberinterests .search { max-width: fit-content; margin: 0px auto; }
.gen_interesteditor .formbuilder input[type=text], .gen_memberinterests .formbuilder input[type=text] { border-radius: 0; }
.gen_memberinterests .search a.button, .gen_interesteditor .search a.button { border-radius: 20px; font-size: 90%; padding: 7px 15px; position: relative; top: 0px; transition: all .3s ease-in-out; display: inline-block; }
.gen_memberinterests .search a.button:hover, .gen_interesteditor .search a.button:hover { opacity: 1; top: -5px; }

.gen_memberinterests .details table { table-layout: fixed; }
.gen_memberinterests .details th { width: 200px; }

/*
.np_interesteditor .buttons a.button { color: var(--lred); background: none; padding: 0px; display: inline; text-decoration-color: transparent;}
.np_interesteditor .buttons a.button:hover { opacity: 1; text-decoration-color: currentColor;}
*/
.np_interesteditor h2 { border: none; }
.np_nameandplace.np_interesteditor table td a { color: var(--lred); }

.memberinterest ul { display: flex; gap: 30px; flex-wrap: wrap; }

.np_interesteditor form { max-width: 500px; margin: 0px auto; }
.np_interesteditor .buttons { text-align: center; margin: 20px auto 0px auto;  }
.np_interesteditor .field_text, .np_interesteditor .field_number, .np_interesteditor .field_textarea {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.np_interesteditor .field_text .label, .np_interesteditor .field_number .label, .np_interesteditor .field_textarea .label { padding-bottom: 13px; width: 150px; }
.np_interesteditor .field_text .input, .np_interesteditor .field_number .input, .np_interesteditor .field_textarea .input textarea { width: 300px; max-width: 300px; }

@media ( max-width: 930px )
{
   .dataTables_wrapper { width: 100%; overflow: hidden; overflow-x: auto; }
}

@media ( max-width: 500px )
{
    .np_nameandplace .contact .field_readonly { flex-direction: column; }
    .np_memberinterests .contact .formbuilder .field_readonly .label { padding: 10px; }
    .np_memberinterests .add .field_text {max-width: 100%; display: block; }
    .np_interesteditor form { max-width: 100%; }
    .np_interesteditor .field_text .input  { width: 100%; }
    .np_interesteditor .field_text .label { padding-bottom: 0px; width: 100%; }
    .np_interesteditor .field_textarea, .np_interesteditor .field_text {max-width: 300px; display: block; margin: 0px auto; }
}
@media ( max-width: 420px )
{
    .gen_memberinterests .search a.button, .gen_interesteditor .search a.button { margin-top: 20px;}
}

/* AGM Voting */

.agmbuttonmemb { margin-bottom: 10px;}
.agmbuttonmemb a { color: white; font-weight: 500; background-color: var(--lred); border-radius: 5px; padding: 5px 10px; margin-bottom: 20px; font-size: 90%; text-decoration: none; }
.agmbuttonmemb a:hover { opacity: 0.9; }

.message { color: red; padding-bottom: 20px; max-width: 400px; margin: 0px auto; font-weight: 400; line-height: 1.5; }
.agmvoting .message { max-width: 100%; }

.agmvoting .field_readonly { margin-bottom: 20px; }
.agmvoting .field_group {  box-shadow: 0px 2px 15px -2px rgba(60, 60, 60, 0.46); margin-bottom: 30px; }
.agmvoting .field_group>.label { padding: 10px; font-size: 120%; font-weight: 300; color: black; background-color: var(--lgrey); }
.agmvoting .field_group>.input { padding: 10px; }
.agmvoting .field_group>.input>strong { color: var(--dred); }
.agmvoting .field_group .description { padding-bottom: 20px; }
.agmvoting .field_group .description p:last-of-type { padding-bottom: 0px; }
.agmvoting .field_group .field .label { padding-bottom: 10px; }
.agmvoting .field_group .field_area { padding-top: 20px; }
.agmvoting .field_group .field_area textarea { margin: 0px; width: 100%; }
.agmvoting .field_radio { font-size: 110%; padding: 20px 0px; }
.agmvoting .field_radio .label { font-size: 110%; }
.agmvoting .field_radio .radio { cursor: pointer; padding: 4px 0px;}

.agm a.button { font-weight: 500; color: white; background-color: var(--lred); border-radius: 20px; padding: 7px 14px; text-decoration: none; }
.agm a.button:hover { background-color: var(--dred); }

@media ( max-width: 670px )
{
    .agmvoting .field_group .description p { line-height: 1.5; }
}
@media ( max-width: 440px )
{
    .message { max-width: 100%; }
}

/* Microfiche */

.fichelinks { text-align: center; padding-top: 15px;}
.fichelinks a { color: white; background-color: var(--lred); border-radius: 20px; padding: 7px 14px; text-decoration: none; }
.fichelinks a:hover { background-color: var(--dred); }

.ficheorder strong { color: var(--dred); padding-top: 10px; display: block; }
.ficheorder ul, .std_newsarticlea ul { padding-bottom: 10px; margin-left: 18px; }
.ficheorder ul li, .std_newsarticlea ul li { line-height: 1.5; list-style: disc;}
.ficheorder ul li::marker { color: var(--lred)   }

/* Members news */

.noarticles { text-align: center; padding: 10px 0px; }


/* Officers */

.officers .util_container .items { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; padding-top: 20px;  }
.officers .util_container .items .util_textbox { width: 25%; }
.officers .util_container .items .util_textbox_inner { display: flex; flex-direction: column-reverse; }
.officers .util_container .items .content { width: 100%; }

@media ( max-width: 820px )
{
    .officers .util_container .items { gap: 1%; }
    .officers .util_container .items .util_textbox { width: 35%; }
}
@media ( max-width: 650px )
{
    .officers .util_container .items { gap: 0px; }
    .officers .util_container .items .util_textbox { width: 100%; padding-bottom: 20px; }
    .officers .util_container .items .util_textbox_inner { align-items: center; }
    .officers .util_container .items .content { width: fit-content; }
}

/* Search */

.search { max-width: 1240px; margin: 0px auto; }

.search form { max-width: 800px; margin: 0px auto; }
.search input[type=text] { border-radius: 30px; padding: 5px 10px;}
.search input[type=submit] { margin: 0px auto; display: block; }
.search #result_report { padding-bottom: 20px; text-align: center; }
.search #result_report span { display: none; }
.search .title a {color: var(--lred);text-decoration-line: underline;text-decoration-color: transparent;padding-bottom:  5px;}
.search .title a:hover { text-decoration-color: currentColor; }
.search b { font-weight: 500;}
.search .showmore { text-align: right; }
.search .showmore a { text-decoration-line: underline; text-decoration-color: transparent; }
.search .showmore a:hover { text-decoration-color: currentColor; }
.search .url { font-size: 90%; font-weight: 500; padding-top: 5px; }

/* Search bar */

.util_sitesearchbar { height: 39px; }
.util_sitesearchbar input[type=text] { border-radius: 20px; height: 30px; font-size: 80%; padding: 5px 30px 5px 10px; box-sizing: border-box; outline: none; }
.util_sitesearchbar button { position: absolute; border-radius: 50%; border: none; padding: 6px; background: var(--lred); color: white; cursor: pointer; right: 1px; height: 28px; width: 28px; }

@media ( max-width: 800px )
{
    .util_sitesearchbar input { display: none; }
    .util_sitesearchbar button{right:-10px}
}
@media ( min-width: 501px )
{
    .util_sitesearchbar { position: relative; }
    .util_sitesearchbar button { bottom: 5.5px; }
}
@media ( max-width: 500px )
{
    .util_sitesearchbar button {top: 46px;right: 128px;font-size: 80%;}
    .scroll .util_sitesearchbar button { top: 46px; }
}

/* PDF Search */

.feat_pdfsearch  {  }
.feat_pdfsearch form { background-color: var(--lgrey); padding: 20px; }
.feat_pdfsearch form fieldset { max-width: 600px; margin: 0px auto; }
.feat_pdfsearch form input[type=text] { background-color: white; }
.feat_pdfsearch form .field_radio { padding-bottom: 20px; }
.feat_pdfsearch form .field_radio>.label { padding-bottom: 10px;  }
.feat_pdfsearch .status { text-align: center; padding: 10px 0px;}

.feat_pdfsearch .results { display: flex; margin: 20px auto; flex-wrap: wrap; gap: 15px; justify-content: center; }
.feat_pdfsearch .results>li { font-size: 90%; width: 30%; margin: 10px 0px; border-left: 5px solid var(--lred); box-shadow: 0px 2px 16px -2px rgba(60, 60, 60, 0.46); padding: 20px; }
.feat_pdfsearch .results li .name { font-size: 110%;}
.feat_pdfsearch .results li .page { margin: 10px 0px; }
.feat_pdfsearch .results li .link { margin-top: 15px; }
.feat_pdfsearch .results>li .thumbnail { display: flex; flex-wrap: wrap;}


@media ( max-width: 1280px )
{
    .pdfsearch  {/* max-width: 96%; */}
}
@media ( max-width: 800px )
{
    .feat_pdfsearch .results>li { width: 48%;}
}
@media ( max-width: 640px )
{
    .feat_pdfsearch form fieldset { max-width: 96%; }
}

/* Donate */

.shop_donate form { background-color: var(--lgrey); padding: 20px; margin-top: 50px; }
.shop_donate .formbuilder { max-width: 500px; margin: 0px auto;  }
.shop_donate .label { padding: 20px 0px 10px 0px; }
.shop_donate .field:first-of-type .label { padding-top: 0px;}
.shop_donate textarea, .shop_donate input[type=number], .shop_donate input[type=text] { background-color: white; }
.shop_donate textarea { max-width: 500px; width: 500px; }
.shop_donate .buttons { text-align: center; }
.shop_donate .field_radio .radio { line-height: 1.5;}
.shop_donate .field_radio .radio label, .shop_donate .field_radio .radio label input { cursor: pointer; }



/* Gen Research */


.genresearch .formbuilder .field_radio .input { padding: 5px 0px 15px 0px; }
.genresearch .formbuilder .field_radio .input  .radio { line-height: 1.5; font-size: 90%; }

#viewdialog table { width: 100%; }
#viewdialog th, #viewdialog td  { border-bottom: 1px solid var(--border); padding: 10px 0px; font-size: 90%; }

body.printdialog main, body.printdialog .layout_standard { display: none; }
body.printdialog .ui-dialog { width: auto !important; height: auto !important; position: relative !important; top: 0px !important; left: 0px !important; }
body.printdialog .ui-dialog-titlebar { display: none; }
body.printdialog .ui-dialog-content { height: auto !important; }
body.printdialog .ui-dialog-buttonset button { display: none; }
body.printdialog .ui-dialog-buttonset button.exitbutton { display: inline-block; }
