@font-face {
    font-family: "PN-Bold";
    src: url("/library/fonts/ProximaNova/Bold.otf")
      format("opentype");
  }

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

  @font-face {
    font-family: "Semi-bold";
    src: url("/library/fonts/ProximaNova/SemiBold.otf")
      format("opentype");
  }

  @font-face {
    font-family: "Medium";
    src: url("/library/fonts/ProximaNova/Medium.otf")
      format("opentype");
  }
  @font-face {
    font-family: "GlyphiconsHalflingsRegular";
    src: url("/library/fonts/GlyphiconsHalflings/Regular.otf")
      format("opentype");
  }
  
* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #ffffff; color: #000000; font-family: "Regular"; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: disc;vertical-align: top;list-style-position: inside;}
h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;font-size: 100%;font-weight: normal;color: #000000;font-family: PN-Bold;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: transparent;border: 1px solid black;padding: 5px;color: #000000;box-sizing: border-box;font-family: "Regular";}
input[type=text], input[type=password]  {height: 30px;/* width: 100%; */}
input[type=button], input[type=submit], button, a.button {cursor: pointer;background-color: var(--brightblue);color: #ffffff;padding: 10px 20px;border-radius: 20px;border: 0px;font-family: "Regular";font-size: 125%;}
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; font-family: Regular; }
strong { font-weight: normal; font-family: PN-Bold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none;}
.spacer {clear: both;height: 0px;display: none;}
table { border-spacing: 0px; }
td, th { padding: 0px; }

:root {
    --navyblue: #323c6e;
    --brightblue: #4672fd;
    --paleblue: #b5c7fe;
    --lightgrey: #ececec;
    --darkgrey: #3b3b3b;
    --black: #1c1c1c;
    --button: #2b3fa0;
}

/* General */

.layoutmiddle{min-height: 50vh;}
.layoutheader .logo li, .layoutheader .header_buttons li, .home .nameandplace .links li, .layoutfooter .footerlinks .links li, .memb_loginbox .introduction .memberdetailslinks li, .memb_loginbox .memberlinklist li  { list-style-type: none;}
.std_contentpage {padding-bottom: 30px;}
.std_contentpage p.a { color: var(--brightblue); text-decoration: underline; font-family: Semi-bold;}
.std_contentpage p.a { color: var(--navyblue);}
.dbase_browser .introduction {max-width:1240px; margin: 0px auto;}

/* Header */ 

.layoutheader_inner { min-height: 120px;}
.layoutheader .logo h2 {font-family:Medium;}
.layoutheader .logo { display:flex; flex-direction: row-reverse;}

.layoutheader .util_sitesearchbar button { background: none; color: grey; font-size: 80%; }
.layoutheader .util_sitesearchbar .form { background-color: var(--lightgrey); border-radius: 25px;}
.layoutheader .util_sitesearchbar .form input[type=text], .layoutheader .util_sitesearchbar .form button {border:none;}
.layoutheader .header_buttons li a {border-radius: 25px;text-align:center;text-transform: uppercase;font-family: Semi-bold; height: 30px; box-sizing: border-box; padding-top: 6px;}
.layoutheader .header_buttons .link1 a {background-color: var(--brightblue);width: 170px;color:white;display:block;}
.layoutheader .header_buttons .link1 a:hover { background-color: var(--navyblue); color:white; border-radius: 25px;}
.layoutheader .header_buttons .link2 a {display:block;color: var(--button);border: 2px solid var(--button);width: 80px;padding-top: 4px;}
.layoutheader .header_buttons.loggedin_header .link2 a { width: 140px; }
.layoutheader .header_buttons .link2 a:hover { background-color: var(--navyblue); color:white; border-radius: 25px;   }
.layoutheader .header_buttons .link3 a {background-color: var(--navyblue);width: 100px;color:white;display:block;}
.layoutheader .header_buttons .link3 a:hover { background-color: var(--brightblue); color:white; border-radius: 25px; }
.layoutheader .util_container .items, .layoutheader .header_buttons ul {display:flex;flex-direction:row;justify-content: center; gap:5px;}

.layoutheader .util_sitesearchbar button { padding: 10px 0; }

@media (min-width: 1000px) /* desktop */
{
  .layoutheader_inner {display:flex; justify-content: space-between; }
  .layoutheader { width:1240px; margin: 0px auto 0px auto;}
  .layoutheader .logo { margin-top: 5px;}
  .layoutheader .logo h2 { font-size: 190%;margin:40px 0px 0px 30px; }
  .layoutheader .util_container {margin-top: 45px;}
  .layoutheader .util_sitesearchbar .form { height: 35px;}
  .layoutheader .util_sitesearchbar input[type=text] {width: 200px;font-size: 80%;padding-left: 20px;}
  .layoutheader .util_sitesearchbar .form button { margin-right: 15px;}
  .layoutheader .util_sitesearchbar {margin-right: 0px;}
}
@media ( min-width: 1000px ) and ( max-width: 1265px )
{
  .layoutheader { max-width: 1000px; }
  .layoutheader .logo h2 { font-size: 170%; }
  .layoutheader .util_sitesearchbar { position: relative; width: 200px;  }
  .layoutheader .util_sitesearchbar input[type=text] {width: 180px; }
  .layoutheader .util_sitesearchbar .form { height: fit-content; }
  .layoutheader .util_sitesearchbar .form button {margin: 0px;padding:10px; position: absolute; right: 0; top: -2px; }
  .layoutheader .util_sitesearchbar { margin-right: 10px; }
}
@media (max-width: 1000px) /* tablet and mobile */
{
  .layoutheader .util_sitesearchbar { display: none;}
  .layoutheader .logo {  margin-bottom: 25px;  }
  .layoutheader .logo h2 { font-size: 140%; margin: 40px 5px 0px 5px; text-align: center;}
  .layoutheader .logo li img { margin: 10px 0px 0px 10px;}
  .layoutheader { display: flex; justify-content: center; margin: 20px 0px; }
}
@media ( max-width: 500px )
{
  .layoutheader .util_container .items li { flex-direction: column; text-align: center; }
  .layoutheader .header_buttons ul { flex-wrap: wrap; max-width: 96%;}
  .layoutheader .header_buttons .link1 { width: 100%;  }
  .layoutheader .header_buttons .link1 a { text-align: center; display: inline-block; }
}

/* Menu */ 

.layouttopmenu .nav_multilevel { font-family: Semi-bold;}
.layouttopmenu .nav_multilevel {background-color: var(--lightgrey);}
.layouttopmenu .nav_multilevel ul { display:flex; flex-direction: row; justify-content: center; }
.layouttopmenu .nav_multilevel .level1 li {position: relative;text-align: center;}
.layouttopmenu .nav_multilevel li a { display:block;}

@media (min-width: 1000px) /* desktop  */
{
  .layouttopmenu .nav_multilevel { height: 80px;}
  .layouttopmenu .toggle, .layouttopmenu .nav_multilevel ul .link2, .layouttopmenu .nav_multilevel ul .link16 {display: none;}
  .layouttopmenu .nav_multilevel .level1 {line-height: 80px;}
  .layouttopmenu .nav_multilevel .level1 li {width: 300px;}
  .layouttopmenu .nav_multilevel li { display:flex; flex-direction: row-reverse; justify-content: center;padding: 0px 20px;width: 250px}
  .layouttopmenu .nav_multilevel li .imagelink {padding-left: 10px;}
  .level1 li:hover, .level2 li:hover { background-color: #e0e0e0; }

  .layouttopmenu .nav_multilevel li .imagelink img {max-width: 15px;height: auto;}
  .layouttopmenu .nav_multilevel .level1 { font-size: 130%;}
  .layouttopmenu .nav_multilevel .titletxt {display:none;}

  .layouttopmenu .nav_multilevel .level1 li:hover .level2 { display: block; }

  .layouttopmenu .nav_multilevel .level2   { width: 300px; float: left; font-size: 90%;  }
  .layouttopmenu .nav_multilevel .level2 li {width: 300px; line-height: 40px; }
  
  .layouttopmenu .nav_multilevel .level2 {display: none;float: left;overflow: hidden;position: absolute;top: 70px;left: 0;width: 100%;z-index: 9999;background-color: var(--lightgrey);}
  .layouttopmenu .expand { display:none;}
}

@media (max-width: 1000px) /* tablet and mobile */
{
  .layouttopmenu .toggle {position:absolute;top:240px;right:10px;cursor:pointer;}
  .layouttopmenu .toggleon .level1 {display:block;position: absolute;top: 300px;right: 0px;width: 100%;background-color: var(--navyblue);z-index: 50;text-align: center; }
  .layouttopmenu .toggleon ul li a img { display:none;}
  .layouttopmenu .toggleon .expand { position: absolute; margin-top: -20px; right: 20px;  color: white;}
  .layouttopmenu .toggleon li a { color:white; text-align:left; }
  .layouttopmenu .nav_multilevel .level2 { display:none;}
  .layouttopmenu .toggleon li {padding: 10px 0px 10px 20px; list-style-type: none;}
  .layouttopmenu .toggleoff ul {display:none;}
  .layouttopmenu svg path {fill: #ffffff;}
  .layouttopmenu svg {width: 40px; height: 40px; background-color: var(--navyblue); padding: 5px;}
  .layouttopmenu .nav_multilevel .titletxt {line-height: 70px;text-transform: uppercase;letter-spacing: 1px;font-size:115%;padding-left: 35%;color: var(--navyblue);}
}
@media ( max-width: 500px )
{
  .layouttopmenu .toggle { top: 270px;}
  .layouttopmenu .toggleon .level1 { top: 325px}
}

/* Site search */
.util_sitesearch .titletxt { color: var(--brightblue); font-size: 150%; text-align: center;}
.util_sitesearch .result .description b {background-color: var(--brightblue)!important; color: #ffffff; padding: 0px 10px;}
.util_sitesearch .include #result_report {margin-bottom: 40px; text-align: center;}
.util_sitesearch .result .title { color: var(--brightblue); font-family: PN-Bold;}

@media ( min-width: 1000px)
{
  .util_sitesearch {/* max-width: 1240px; */margin: 0px auto 0px auto;}
  .util_sitesearch .result .title:hover {text-decoration: underline;}
}

@media ( max-width: 999px)
{
  .util_sitesearch { margin: 0px 20px 0px 20px;}
}

.searchresults .showmore a { text-decoration: underline; }
.searchresults .showmore a:hover { opacity: 0.6; }

.searchresults .include {background-color: var(--lightgrey);padding:40px;margin: 30px auto;max-width:  1240px;}
.searchresults fieldset { width: 450px; margin: 0px auto 0px auto; }
.searchresults input[type=text] { background-color: #ffffff; border: solid white; border-radius: 50px; padding: 15px; width: 300px;}
.searchresults input[type="submit"] {width: 130px;background-color: var(--button);font-family: PN-Bold;border-radius: 25px;height: 35px;border: none; text-transform: uppercase;}

/* Footer */ 

.layoutfooter { background-color: var(--darkgrey); color: white; }
.layoutfooter .kirbyhall .content h2 { color: white; padding-bottom: 20px; font-size: 130%; font-family: PN-Bold;}
.layoutfooter .kirbyhall .util_textbox_inner { display:flex;}

.layoutcredits { background-color: var(--black); color: white; font-size: 85%; padding: 30px 0px; }
.layoutcredits a { color: white; }

.layoutfooter .footeradr {padding-top: 50px;}
.layoutfooter .footeradr p { padding-bottom: 7px; }

.layoutfooter .footerlinks h2 { text-align: center;  color: white; padding-bottom: 30px;}
.layoutfooter .footerlinks .links { display: flex;  }
.layoutfooter .footerlinks a { transition: 0.3s ease-in-out; position: relative; top: 0; }
.layoutfooter .footerlinks a:hover { top: -10px; }
.layoutfooter .footerlinks .link1 a { background-color: var(--brightblue); color: white;  border-radius: 20px;  padding: 7px 20px;  text-transform: uppercase;  }
.layoutfooter .footerlinks .link1 a:hover { color: var(--black); background-color: white; }
.layoutfooter .footerlinks .link2 a { background-color: white; border-radius: 60px;  padding: 0.5em 0.6em;    }
.layoutfooter .footerlinks .link2 a:hover { color: white; background-color: var(--brightblue); }
.layoutfooter .footerlinks .link2 .fab { height: 20px; width: 20px; text-align: center;}

@media ( min-width: 1000px) /* desktop */
{
  .layoutfooter .kirbyhall { width: 50%; }
  .layoutfooter .footeradr { width: 15%; }
  .layoutfooter .footerlinks { width: 25%; }

  .layoutfooter .footerlinks h2 { font-size: 150%; }

  .layoutfooter .footerlinks .links { justify-content: space-evenly; }
  .layoutfooter .footerlinks .link1 a { font-size: 120%; }
  .layoutfooter .footerlinks .link2 a { font-size: 140%; }


  .layoutfooter {padding: 40px 0px;}

  .layoutfooter .kirbyhall .content { padding: 50px 0px 0px 85px;}
  .layoutfooter_inner, .layoutcredits_inner { max-width: 1240px; margin: 0px auto 0px auto; display: flex; justify-content: space-between; align-items: center;}
  .layoutcredits a:hover { color: var(--brightblue); text-decoration: underline;}
  .layoutcredits_inner {display:flex; justify-content: space-between; }
}

@media (max-width: 999px) and (min-width: 501px) /* tablet */
{
  .layoutfooter { padding: 20px; }
  .layoutfooter_inner { margin: 0px auto; width: 70%;  text-align: center; }
  .layoutfooter, .layoutcredits { padding: 30px 20px;}
  .layoutfooter .kirbyhall .content { padding: 10px 0px 0px 40px;}
  .layoutfooter .kirbyhall .imageleft, .layoutfooter .kirbyhall .imageleft img { max-width: 250px; height: 195px;}

  .layoutfooter .footerlinks .links { width: 35%; margin: 0px auto; }
  .layoutfooter .footerlinks .link1 { margin-right: 20px; }
}

@media (max-width: 500px) /* mobile */
{
  .layoutfooter { padding: 20px; text-align: center; }
  .layoutfooter .kirbyhall .util_textbox_inner { flex-direction: column-reverse;}
  .layoutfooter .kirbyhall .content, .layoutfooter .kirbyhall .imageleft {text-align: center;}
  .layoutcredits_inner { flex-direction: column; }
  .copyright, .beachshore { text-align: center; padding: 10px 20px; line-height: 1.5;}

  .layoutfooter .footerlinks .links { margin: 0px auto; width: 40%;}
  .layoutfooter .footerlinks .link1 { margin-right: 20px; }
}

@media ( max-width: 360px )
{
  .layoutfooter .kirbyhall .imageleft, .layoutfooter .kirbyhall .imageleft img { width: 100%; }
}


/* Homepage */

.home .pagetitle { background-color: #000000aa!important;   text-align: center; }
.home .pagetitle_inner {font-size:200%;color:white;line-height: 100px;font-family: Medium;}

.home .welnews { max-width: 1240px; margin: 0px auto; }
.home .welnews .items {display: flex;flex-wrap: wrap;justify-content: space-between;}

.home .welcome {text-align: center;  }
.home .welcome h2 {text-transform: uppercase;font-family: PN-Bold;font-size: 130%;/* padding-bottom: 10px; */letter-spacing: 1px;}
.home .welcome .content { line-height: 1.4; background-color: var(--lightgrey); height: 250px; padding: 20px; }


.home .news .content { background: var(--lightgrey); padding: 20px; overflow-y: scroll; height: 250px }
.home .news .content li { padding-bottom: 20px; list-style-type: none;}


.home .infocontainer .items {display:flex;justify-content: space-between;flex-wrap: wrap;}
.home .infobox { background-color: var(--brightblue); color:white; padding: 20px; }
.home .infobox h2 { text-transform: uppercase; color: white; font-family: PN-Bold; font-size: 130%; margin-bottom: 25px; letter-spacing: 1px;}
.home .infobox h2 a { color: white;}
.home .infobox img { max-width: 250px; max-height: 250px;}

@media ( min-width: 1000px )
{
  .home .welnews { margin: 60px auto 60px auto; }
  .home .pagetitle  { position: relative; transform: translate(-50%, -50%); top: 250px; left: 50%; }
  .home .news, .home .welcome  { height: 300px; width: 590px; }
}
@media ( max-width: 500px )
{
  .home .pagetitle { padding: 20px 0px; }
  .home .pagetitle_inner { font-size: 180%; line-height: 30px;  }
  .home .welcome .content { min-height: 200px; height: 100%;}
  .home .welcome .content p:last-of-type { padding: 0px; }
}

.home .infobox .content p { font-size: 110%; line-height: 1.4;}
.home .infobox { text-align: center; }
.home .nameandplace { max-width: 1240px; margin: 0px auto 80px auto;}
.home .nameandplace label { display: none;}
.home .nameandplace .form { padding: 50px 80px 0px 80px; background-color: var(--lightgrey); }
.home .nameandplace .formbuilder { display: flex; justify-content: space-between;  font-family: PN-Bold;}
.home .nameandplace input::placeholder { color: var(--darkgrey); font-family: Semi-bold; }
.home .nameandplace input[type=text] { height: 40px; width: 280px; border: none; background: white; padding: 10px;  }
.home .nameandplace input[type=submit] { text-transform: uppercase; width: 120px; margin-bottom: 20px; font-family: Semi-bold;}
.home .nameandplace input[type=submit]:hover { opacity: 0.8; }
.home .nameandplace .links { background: var(--lightgrey); text-align: right; padding: 0px 80px 30px 80px;}
.home .nameandplace .links a { color: var(--brightblue); text-decoration: underline; font-family: Semi-bold; font-size: 90%;}
.home .nameandplace .links a:hover { color: var(--navyblue);}

.home .nameandplace fieldset { display: flex; justify-content: space-between; }


@media ( min-width: 1250px )
{
  .home .nameandplace .formbuilder {display: flex;width: 900px;}
}
@media ( min-width: 1000px ) and ( max-width: 1249px )
{
  .home .nameandplace { max-width: 1000px; }
  .home .nameandplace input[type=text] { width: 170px; justify-content: space-between; }
  .home .nameandplace .formbuilder { display: flex;  width: 700px; }
  .home .nameandplace .form { padding: 50px 50px 0px 50px; }
}
@media ( max-width: 1000px )
{
  .home .nameandplace .formbuilder, .home .nameandplace fieldset { flex-direction: column;    }
  .home .nameandplace fieldset {  }
  .home .nameandplace input[type=text] { margin-bottom: 20px; }
  .home .nameandplace .links { text-align: center;}
  .home .nameandplace .form { text-align: center;}
}

@media ( max-width: 500px )
{
  .home .nameandplace input[type=text] { width: 100%; }
  .home .nameandplace .form { padding: 20px;  }
}

.events .event_list h2 {display:none;}
.event_list h2, .home .nameandplace h2, .home .news h2, .home .welcome h2 {background-color: var(--brightblue);color: white;line-height: 50px;text-transform: uppercase;font-family: PN-Bold;text-align: center;font-size:130%;letter-spacing: 1px;}
.event_list .noevents { background-color: var(--lightgrey); min-height: 200px; }
.event_list .noevents p { text-align: center; padding-top: 50px;}
.event_list li {display:flex;background-color: var(--lightgrey);border-bottom: 2px solid white;padding-top:40px;/* flex-wrap: wrap; */}
.event_list li .details { width: 14%; }
.event_list li .info {width: 53%;padding-right: 40px;}
.event_list li .location {width: 33%; padding-right: 40px; }

.event_list li .date, .event_list li .month { background-color:white; text-align: center; width: 95px;}
.event_list li .time { text-align:center; width: 95px; padding: 10px 0px; font-size: 110%;}
.event_list li .date { font-size:200%; padding-top: 10px;}
.event_list li .month { font-family: PN-Bold; text-transform: uppercase; font-size: 110%; padding-bottom:10px;}
.event_list li .info h3 { font-size: 150%; }
.event_list li .info h4, .home .event_list li .location h3 {font-size:125%;}
.event_list li .location h3 {text-transform: uppercase;}

@media ( min-width: 1000px)
{
  .home .pagetitle { position: absolute; z-index: 1; width: 750px; }
  
  .home .infocontainer { margin: 0px auto 100px auto; max-width: 1240px; gap: 0px 50px;}
  .home .infobox .imageright { float:right; width: 45%;}
  .home .infobox .content { float:left; width: 50%; padding: 20px 0px;}
  .home .infobox { max-height: 300px; max-width: 590px; }
  .event_list { max-width: 1240px; margin: 0px auto 100px auto;}
  
}


@media ( max-width: 1259px )
{
  .home .infocontainer .items, .home .welnews .items, .home .infocontainer .items { justify-content: center; gap: 50px;  }
}
@media ( min-width: 1000px )
{
  .home .infocontainer .items { margin-bottom: 50px; }
}
@media ( min-width: 1000px ) and ( max-width: 1259px )
{
  .home .event_list {margin: 20px;}
}
@media ( max-width: 1000px )
{
  .home .welnews .items .std_content, .home .infocontainer .items .util_textbox, .home .nameandplace, .event_list li, .home .event_list h2 { margin: 20px; }
  .home .event_list h2 { margin-bottom: 0px; }
  .home .event_list li:first-child { margin-top: 0px; }
  .home .infocontainer .items, .home .welnews .items, .home .infocontainer .items {  gap: 0px;  }
}

@media ( min-width: 700px ) /* tablets and desktop */
{
  .event_list li .location h3 {padding-bottom:45px;}
}

@media (max-width: 699px) /* mobiles */
{
  .event_list li .location h3 {padding-bottom:10px;}
  .event_list li {flex-direction: column;align-items: center;}
  .event_list li .info, .event_list li .location, .event_list li .details  {width: 100%;padding-right: 0px;padding: 10px 20px;} 




  .home .infocontainer .items {flex-direction: column;  }
  .home .event_list { margin-bottom: 50px;}
}

/* Carousels 

.feat_carousel .carousel { overflow: hidden; position: relative; height: 100%; }
.feat_carousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel>ul>li { float: left; height: 100%; list-style-type: none; }

.homecarousel {height: 480px;}
.homecarousel li {background-size: cover;}*/

/* Home Carousel */
@media ( min-width: 1000px )
{
  .homecarousel .carousel { height: 550px;}
  .homecarousel { height: 480px;}
  .homecarousel li {height: 480px; }
  .homecarousel .carousel ul { height: 480px;}
  .homecarousel .carousel {height: 480px;}

}
@media ( max-width: 999px )
{
  .homecarousel { height: 200px; }
  .homecarousel ul { height: 200px; }
  .homecarousel li {height: 200px;  }
  .home .pagecomponents  .homecarousel { padding: 0px;}
}

.homecarousel .carousel li { background-size:cover; list-style: none; position: absolute;  }
.homecarousel {width: 100%; padding: 0px;}
.homecarousel .carousel { max-width: 100%; margin: 0px auto; overflow: hidden; background-color: var(--lightgrey); }
.homecarousel .carousel ul {width: 100% !important; }
.homecarousel .carousel li {float: none; }


/*Login page*/
.memb_loginbox {max-width: 500px;  margin: 0px auto;text-align: center;}
.memb_loginbox .status { display: none; }
.memb_loginbox .introduction li { text-align: center; padding-bottom: 10px; }
.memb_loginbox .forgotpw { display: block; text-align: center; padding-top: 20px; }
.memb_loginbox .loggedout .label { width: 200px; }
.memb_loginbox .loggedout input[type=text], .memb_loginbox .loggedout input[type=password] {width: 300px;}
.memb_loginbox .loggedout .fieldemail, .memb_loginbox .loggedout .fieldpw {margin-bottom:30px;display: flex;}
.memb_loginbox .loggedout .titletxt { padding-bottom: 50px;}
.memb_loginbox .loggedout input[type=submit]  {background-color: var(--brightblue);border:none;width: 30%;border-radius: 25px;color: white;/* font-size: 90%; */}
.memb_loginbox .loggedout input[type=submit]:hover, .joinonline input[type=submit]:hover, .shop_basketpage input[type=submit]:hover { background-color: var(--button);}
.memb_loginbox .logout { margin-bottom:50px;}
.memb_loginbox .forgotpw, .memb_loginbox .stayloggedin, .memb_loginbox .register  {margin-bottom: 20px; }
.memb_loginbox .forgotpw a, .memb_loginbox .register a { font-family: PN-Bold; }
.memb_loginbox .forgotpw a:hover, .memb_loginbox .register a:hover { text-decoration: underline;}
.memb_loginbox .register {display:block;}



.memb_subscriptionstatus li {list-style-type: none;}
.memb_subscriptionstatus, .member .memberdetailslinks  {text-align: center;  background-color: var(--lightgrey); border-radius: 20px; padding: 30px 20px 30px 20px;}
.memb_subscriptionstatus .product, .memb_subscriptionstatus .status, .memb_subscriptionstatus .payment, .memb_subscriptionstatus .renewal { padding-bottom:10px;}
.memb_subscriptionstatus .product { font-size: 125%;}
.memb_subscriptionstatus .buttons { margin-top:10px;}
.memb_subscriptionstatus a:hover { opacity: 0.8; }

.member .memberdetailslinks li {list-style-type: none;}
.member .memberdetailslinks li a {color: white; line-height: 80px; background-color: var(--darkgrey); padding: 30px; border-radius: 20px;}
.member .memberdetailslinks ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px;}

.member .util_container h2, .member .memberlinklist h2 { text-align: center; padding: 10px 0 ;}
.member .memberlinklist ul, .nors_index .pagecontent ul.buttons {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 30px;}
.member .memberlinklist li, .nors_index .pagecontent ul.buttons li {width: 200px; margin: 20px; list-style-type: none;}
.member .memberlinklist li a, .nors_index .pagecontent ul.buttons li a, .memb_subscriptionstatus a {color: white;line-height: 80px;display: block;height: 80px;border-radius: 20px;background-color: var(--brightblue);text-align: center;font-size: 110%;}
.member .memberlinklist li a:hover, .nors_index .pagecontent ul.buttons li a:hover, .memb_subscriptionstatus a:hover, .member .memberdetailslinks li a:hover { opacity: .8; }
.memb_subscriptionstatus a { width: fit-content; margin: 0px auto; padding: 0px 40px;}

.login .errors { color: red; font-family: PN-Bold; padding-bottom: 30px; }

@media (min-width:1240px)
{
  .member .util_container .items { display:flex; gap: 20px 20px; margin: 20px 0px 0px 0px;}
  .memb_subscriptionstatus, .member .memberdetailslinks  { width: 50%; margin-bottom: 40px;}
  .member .memberdetailslinks ul {padding: 30px 0px;}
}

@media (max-width: 1240px) and (min-width: 500px) {
  .memb_subscriptionstatus, .member .memberdetailslinks  {  margin: 20px;}
}

@media ( max-width: 600px){
  .memb_loginbox .loggedout .fieldemail, .memb_loginbox .loggedout .fieldpw{flex-direction: column; align-items: center; gap:10px}
}

@media ( max-width: 500px)
{
  .member .util_container .items { margin: 20px 20px 0px 20px;}
  .member .memberdetailslinks ul { flex-direction: column;}
  .memb_subscriptionstatus, .member .memberdetailslinks {margin-bottom:20px;}
}

/* Nors */

.nors h2 { font-size: 180%; padding-bottom: 30px; }
.nors ul { padding-bottom: 20px;}


/* Members  content */

.memb_volunteer h2 {font-size:110%; padding-bottom:10px;}
.memb_volunteer ul { padding-bottom: 20px;}

.recordings h2 { display:none;}
.recordings h4 {font-style: italic; padding-top:5px;}
.recordings .event_list li { padding: 20px 20px;}
.recordings .event_list .recordinginfo { padding-top:20px;}

.recordings .event_list .expirydate { font-size:115%;}


@media (min-width: 700px) /* tablets and desktop */
{
  .recordings .event_list li { flex-wrap: wrap;}
  .recordings .event_list .download { margin-left: 20px; }
}

@media (max-width: 699px) /* mobiles */
{
  .recordings .event_list .info {padding: 0px;}
  .recordings .event_list li { align-items: start;}
}

/*Join page*/

.joinonline .pagecomponents_inner{display: flex; justify-content: space-around;}

.memb_account {max-width: 350px;text-align: center;padding: 20px 0px;}
.joinpage .g-recaptcha {margin-bottom: 15px;}

.memb_account .field {margin: 10px 0px 20px 0px;}
.memb_account .text p { font-family: PN-Bold; font-size: 110%; }
.memb_account .input input, .memb_account .input select, .memb_account .input textarea {width: 100%;min-height: 40px;/* background-color: var(--lightgrey); */border: 1px solid var(--darkgrey);}
.memb_account .label {/* font-size: 110%; */padding-bottom: 5px;text-align: left; }
.memb_account input[type=checkbox] { height: 15px; min-height: fit-content; width: 15px !important; }
.memb_account input[type=checkbox]:hover { cursor: pointer;}

.memb_account .field_group>.label label { font-family: Semi-Bold; }
.memb_account textarea { max-width: 350px; max-height: 200px;}

.memb_account .description a { color: var(--button); text-decoration: underline; }
.memb_account .description a:hover { opacity: 0.8; }

.amenddetails .memb_account{max-width: none;}
.amenddetails .memb_account .formbuilder {display:flex;justify-content: center; flex-wrap: wrap; gap:30px;margin: 0 20px;}
.amenddetails .memb_account .field_group{width: 350px;}

.account .memb_account {width:100%;margin: 0px auto;}

.joininfo {font-size: 105%;padding: 20px 0px;}
.joininfo strong { padding: 20px 0px 10px 0px;}
.joininfo li { list-style: none; padding-bottom: 10px; }
.joininfo h2 { font-size: 130%; padding-bottom: 20px; }
.joinonline .label { text-align: center; }

.memb_account .form_password{margin: 0 auto 40px auto;}

.memb_account .form_password .label{text-align: center; padding-bottom: 10px;}

@media ( min-width: 1000px )
{
  .joininfo {width: 50%;}
}
@media ( max-width: 1280px )
{
  .joinonline .components { padding: 20px; }
}
@media ( max-width: 999px )
{
  .joinonline .pagecomponents_inner{flex-direction: column; align-items: center;}
  .joinonline .components { text-align: center; }

} 
@media ( max-width: 600px){
  .memb_account input[type=checkbox] { height: 40px; width: 15px; font-size: 150%;  }
}

@media ( max-width: 400px){
  .memb_account .input input, .memb_account .input select, .memb_account .input textarea, .amenddetails .memb_account .field_group{width: 280px;}
  .amenddetails .memb_account .label{text-align: center;}
}

/* General page */
.page_standarda.bluetitle .pagecontent.content, .page_standarda.bluetitle .pagecomponents.components, .shop_donate form {max-width: 1240px; margin: auto;}
.section3  h1, .section4 h1, .section211 h1, .section5 h1, .section6 h1, .section16 h1, .util_sitesearch .titletxt, .joinonline h1, .login h1, .bluetitle h1, .shop_donate h1 {text-align: center;height: 120px;background-color: var(--button);color: white;padding: 45px 0px 0px 0px;font-size: 170%;font-family: Medium;margin-bottom: 50px;}
.placeholder { background-color: var(--lightgrey); max-width: 1240px; margin: 0px auto 100px auto; padding: 300px 30px;}
.placeholder .content {text-align: center; font-size: 200%;}

table {margin: auto;border: 1px solid var(--navyblue);}
table th {border: 1px solid var(--navyblue);padding: 10px;}
table tr td {border: 1px solid var(--navyblue); padding: 10px;}
table h2 {font-size: 150%;}
table a {font-family: "PN-Bold";}

.boxwithcolouredbg {max-width: 500px; margin: auto; background-color: var(--lightgrey); padding: 25px; margin-bottom: 30px;}

@media ( max-width: 1250px )
{
  .bluetitle .pagecontent { width: 90%; }
}

/* Membership */

.membership .components {  max-width: 1240px; margin: 0 auto; }

.membership .join { margin: 0px auto; text-align: center; }
.membership .join h3 { font-family: Semi-bold; font-size: 170%; padding-bottom: 20px;   }
.membership .join p:last-child { margin: 40px 0px 80px 0px; }
.membership .join a { text-decoration: none; transition: 0.3s ease-in;  text-transform: uppercase; background-color: var(--brightblue); color: white; padding: 10px 30px; border-radius: 20px; font-family: Semi-bold; font-size: 140%;  }
.membership .join a:hover { opacity: 0.6; }

.membership .util_container { margin: 60px auto; max-width: 1160px; }
.membership .util_container .items { display: flex; flex-wrap: wrap;  }
.membership .util_container .items .imagetop { text-align: center;}
.membership .util_container .items img { width: 150px; height: auto;  }
.membership .util_container .link {width: 210px;}
.membership .util_container p { text-align: center; padding-top: 20px; }



@media ( min-width: 1061px )
{
  .membership .util_container .items .link1 { margin: 0px 100px 50px 140px; }
  .membership .util_container .items .link2 { margin-left: 15px;}
  .membership .util_container .items .link3 { margin: 0px 90px 0px 130px; }
  .membership .util_container .items .link4 { margin-right: 107px; }
  .membership .util_container .items .link5 { margin-right: 107px; }
  .membership .util_container .items .link6 { margin-right: 106px; }  
  .membership .join { width: 700px; }
}

@media ( min-width: 1060px ) and ( max-width: 1160px )
{
  .membership .util_container { max-width: 100%;  }
  .membership .util_container .items .link1, .membership .util_container .items .link3 { margin: 0px 60px 50px 100px; }
  .membership .util_container .items .link4, .membership .util_container .items .link5, .membership .util_container .items .link6 { margin-right: 80px;}
}

@media ( max-width: 1059px )
{

  .membership .util_container .items .link1, .membership .util_container .items .link3 { margin: 0px 0px 0px 0px; }
  .membership .util_container .items .link4, .membership .util_container .items .link5, .membership .util_container .items .link6 { }
  .membership .util_container .items { justify-content: space-between;  }

  .membership .join { padding: 0px 20px; }
}

@media ( max-width: 460px )
{
  .membership .util_container { margin: 0px auto; width: 200px; }
}

.membership .util_container .items a { top: 0; position: relative; transition: 0.3s ease-in-out; }
.membership .util_container .items a:hover { top: -20px;  }

.membership .shop_productlist ul {display: flex;justify-content: space-between;text-align: center;padding-bottom: 50px;flex-wrap: wrap;max-width: 850px; margin: 0px auto;}
.membership .shop_productlist li { list-style: none; border: 2px solid var(--lightgrey); padding: 20px; width: 400px; margin-bottom: 20px;  }
.membership .shop_productlist li:hover { background: var(--paleblue); }
.membership .shop_productlist .name { font-family: PN-Bold;}
.membership .shop_productlist .price { padding: 20px 0px; }

.membership .shop_productlist .buybutton a { font-family: PN-Bold; background-color: var(--brightblue); color: white;  padding: 7px 20px; border-radius: 20px; }
.membership .shop_productlist .buybutton a:hover { opacity: 0.8; }

/* Contact */

.contact .components { max-width: 1240px; margin: 60px auto;  }

.contact .surv_standard { float: left; width: 47%; margin-bottom: 60px;  text-align: center; }
.contact .form { background-color: var(--lightgrey); padding: 30px 0px; }
.contact .form-control { width: 316px; max-width: 316px; outline: none; margin-bottom: 30px; font-size: 120%; background-color: white;  border: none; font-family: Regular;}
.contact .label {padding-bottom: 10px;}

.contact input[type=submit], .np_memberinterests .contact a.button { background-color: var(--brightblue); border: none; position: relative; top: 0; transition: 0.3s ease-in-out; border-radius: 20px;}
.contact input[type=submit]:hover, .np_memberinterests .contact a.button:hover { top: -10px; opacity: 0.6;  }

.contact .trustees { float: right; width: 47%; background-color: var(--lightgrey); padding: 20px; }
.contact .trustees h2 { font-size: 130%; font-family: PN-bold; padding-bottom: 30px; text-align: center; }
.contact .trustees h2:last-of-type { padding-top: 38px; }
.contact .trustees ul li { font-size: 90%; line-height: 1.4;}
.contact .trustees p strong { font-size: 90%; }
.contact .trustees a { text-decoration: underline; }
.contact .trustees a:hover { opacity: 0.6; }

/* FAQs */

.faqs .components { max-width: 1240px; margin: 60px auto; text-align: center; }

.faqs .util_expandtext { background-color: var(--button);    margin: 10px auto;  position: relative; top: 0; transition: 0.3s ease-in-out; }



.faqs .util_expandtext .link a {color: white;font-family: Semi-bold; width: 100%; height: 100%; display: block; padding: 20px; }

.faqs .text  {  padding: 20px;}
.faqs .text p { background-color: white; padding: 10px; font-family: Medium; }

@media ( min-width: 650px )
{
  .faqs .util_expandtext { width: 600px; }
}
@media ( max-width: 649px )
{
  .faqs .components { padding: 0px 20px;}
  .faqs .util_expandtext { width: 100%;   }
}


/* AGM */

.bluetitle .components { max-width: 1240px; margin: 60px auto;  }
.agm .announcement {margin: 0px auto;background-color: var(--lightgrey);border: 5px solid var(--button);box-sizing: border-box;text-align: center;font-size: 120%; margin-bottom: 20px;}
.agm .announcement h3 { font-family: Semi-bold; }
.agm .announcement h2 { font-size: 140%; font-family: PN-Bold; text-transform: uppercase; padding: 30px 0px 40px 0px; }
.agm .announcement p {font-size: 90%;border-top: 1px solid var(--brightblue);padding: 30px 0px;}
.agm .top p:first-of-type { border-top: 0px; }

@media ( min-width: 830px )
{
  .agm .announcement { width: 800px; padding: 50px; }
}
@media ( max-width: 829px )
{
  .agm .announcement {padding: 50px;}
  .agm .components { padding: 0px 20px;   }
}
@media ( max-width: 610px )
{
  .agm .announcement { padding: 25px; }
  .agm .announcement h2 { font-size: 120%;  padding: 30px 0px }
  .agm .announcement p { padding: 25px 0px;  }

}
@media ( max-width: 385px )
{
  .agm .announcement h2 { font-size: 100%; }
  .agm .announcement p { font-size: 80%; }
}


/* Ancestor Magazine */

.magazine li { list-style: none;}
.magazine .introduction { padding-bottom: 60px;  margin: 0px auto;  }

.magazine .introduction ul li { list-style-type: disc; font-size: 100%;  line-height: 1.5; padding: 0px 0px 20px 20px; }

.magazine .free, .archive .util_container { margin-bottom: 60px; }
.magazine .free ul, .archive .util_container .nav_linklist ul {display: flex;justify-content: space-evenly;flex-wrap: wrap;background-color: var(--lightgrey);min-height: 550px;padding: 25px 0px 0px 40px;margin: 0px auto;border: 1px solid black;}
.magazine .free ul li {width: 200px; margin-bottom: 60px; }
.magazine .free ul li img { width: 150px; height: auto; border: 1px solid var(--darkgrey);  }
.magazine .free .titletxt { text-align: center; font-family: Semi-bold; width: 650px; margin: 20px auto;  }

.magazine .submission, .magazine .archivelink {  margin: 0px auto 50px auto; background-color: var(--lightgrey); border: 1px solid var(--darkgrey); padding: 20px; }
.magazine .submission h2 { font-family: PN-Bold; font-size: 120%; padding-bottom: 20px;}
.magazine .submission a { text-decoration: underline; color: var(--brightblue); font-family: Semi-bold;  }
.magazine .submission a:hover { color: var(--button); }

.magazine .archivelink p { padding: 10px 0px 0px 0px;  }
.magazine .archivelink a { background-color: var(--brightblue); color: white; padding: 5px 10px; border-radius: 5px; }
.magazine .archivelink a:hover { opacity: 0.8; }

@media ( min-width: 891px )
{
  .magazine .free ul, .archive .util_container { width: 850px; }
  .magazine .submission, .magazine .introduction, .magazine .archivelink { width: 850px;  }
}
@media ( max-width: 890px )
{
  .magazine .components { padding: 0px 20px; }
}
@media ( max-width: 720px )
{
  .magazine .archivelink a { font-size: 90%; }
}
@media ( max-width: 690px )
{
  .magazine .free .titletxt { width: 100%;  }
}

/* Local Groups */

.localgroups .content { margin: 0px auto; font-size: 100%; }

.localgroups .groups {  margin: 0px auto; font-size: 85%; margin-bottom: 50px;  }
.localgroups .groups .std_content_inner { display: flex;  flex-wrap: wrap;  }
.localgroups .groups h2 {  text-transform: uppercase; font-family: Semi-bold; padding-left: 15px; padding-top: 20px;   }
.localgroups .groups .content {  padding-top: 20px;    }
.localgroups .groups .content p { padding-bottom: 5px;  }
.localgroups .groups .content a { color: var(--brightblue); text-decoration: underline; font-family: Semi-bold; }
.localgroups .groups .content a:hover { color: var(--button); }

.localgroups .groups .yellow .content a { color: var(--lightgrey)}
.localgroups .groups .yellow .content a:hover { color: var(--paleblue); }

.localgroups .groups .yellow { background-color: var(--navyblue); color: white; }
.localgroups .groups .yellow h2 { color: white; }
.localgroups .groups .top { border-bottom: 2px solid white; }
.localgroups .groups .bottom { border-top: 2px solid white; }

.localgroups .groups .yellow .content { padding-top: 10px; }

.localgroups .groups .grey { background-color: var(--lightgrey);  }

@media ( min-width: 840px )
{
  .localgroups .groups .std_content_inner { align-items: baseline; }
  .localgroups .content { width: 800px; }
  .localgroups .groups { width: 800px;  }
  .localgroups .groups h2  { width: 30%; }
  .localgroups .groups .content { width: 60%; }
  .localgroups .groups .yellow h2, .localgroups .groups .grey, .localgroups .groups .yellow, .localgroups .groups .yellow .content   { height: 120px;  }
  .localgroups .groups .yellow h2 { border-right: 2px solid white; }
}
@media ( max-width: 839px )
{
  .localgroups .content, .localgroups .components { padding: 0px 20px; }
  .localgroups .groups .std_content_inner { flex-direction: column; text-align: center; padding-bottom: 20px; }
}

/* Links */

.links .records { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.links .record {display: flex; flex-wrap: wrap;align-items: center; gap:5px; background-color: var(--lightgrey);padding: 20px;font-size: 90%; margin-bottom: 20px;}
.links .record .column_LinkTitle { font-family: PN-Bold; max-width: 50%; }
.links .record .column__LinkImage_Value, .links .record .column__LinkImage_Value img { max-width: 150px; }
.links .record img { width: auto; padding-right: 10px;  }
.links .record .column_LinkDescription{width: 100%;}
.links .record .column_LinkUrl { color: red; font-size: 85%; text-decoration: underline; word-break: break-all;}

@media ( min-width: 355px )
{
  .links .record { width: 350px; }
  .links .record img { height: 50px; }
}
@media ( max-width: 705px )
{
  /* .links .record .column_LinkUrl { font-size: 60%; } */
}
@media ( max-width: 354px )
{
  .links .record { width: 90%;  }
  .links .record img { height: 30px; }
}

/* Library */

.std_contentpage.library ul {  margin: 60px 0px; display: flex; gap: 50px; justify-content: space-evenly; flex-wrap: wrap; }
.std_contentpage.library ul li { list-style-type: none; }
.std_contentpage.library ul li a { background: var(--button); color: white; padding: 7px 10px; font-size: 130%; }
.std_contentpage.library ul li a:hover { opacity: 0.8; }
.std_contentpage.library h2, .std_contentpage.library h3 { font-size: 120%; font-family: Semi-bold;padding-bottom:20px; }

.section6 .nameandplace { padding-bottom: 50px; }
.dbase_browser { text-align: center;}

@media ( max-width: 580px )
{
  .libraryintro img { width: 50%; height: auto; }
}

/* Books and Articles */ 

.booksbold { text-align: center; width: 800px; margin: 20px auto 40px auto; border: 1px solid grey; padding: 20px;  background: var(--navyblue); color: white; }
.booksbold p:first-child { font-family: PN-bold; text-transform: uppercase; }

@media ( max-width: 825px )
{
  .booksbold { width: 90%; }
}

/* Name & Place */
.nppage .nameandplace, .section6 .nameandplace, .dbase_browser .form {text-align: center;}
.nppage .nameandplace input[type=radio] { cursor: pointer; }
.nppage .nameandplace h2 {font-size: 200%; margin-bottom: 20px;}
.nppage .nameandplace h3 {font-size: 150%; margin-top: 20px; margin-bottom: 20px;}
.nppage .nameandplace .formbuilder input, .section6 .nameandplace .formbuilder input, .dbase_browser input, .nameandplace select, .np_memberinterests input {margin: 15px 0px 15px 0px;}

.nppage .nameandplace fieldset {margin-bottom: 30px;}
.nppage .nameandplace .formbuilder .label, .section6 .nameandplace .label, .np_memberinterests .label {font-family: "PN-Bold";/* font-size: 150% !important; */}
.nppage .nameandplace .formbuilder .input .label { display: none; }
.nppage .breadcrumb { padding-bottom: 20px; text-align: left; }

.np_memberinterests .label { width: 200px;}

.toplinks { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.nameandplace .toplinks li { list-style: none;  }
.nameandplace .toplinks li a {   }
.nameandplace .toplinks li button {position: relative;/* top: -10px; */margin-right: 5px;}
.nameandplace .introduction { padding-top: 30px; }

.np_namesearch form, .nppage .np_placesearch form { width: 100%;  }
.np_namesearch .formbuilder, .nppage .np_placesearch .formbuilder, .dbase_browser .formbuilder, .np_memberinterests .formbuilder {background-color: var(--lightgrey);padding: 20px 0px; margin: 20px auto 20px auto; padding: 50px;   }
.np_namesearch .field, .nppage .np_placesearch .field, .dbase_browser .field {  }
.np_namesearch .label, .nppage .np_placesearch .label  {width: 200px;text-align: left;}


.np_namesearch .field, .np_namesearch .field .input, .np_placesearch .field, .np_memberinterests .field {display: flex;  }

.np_memberinterests .buttons { text-align: center; margin-bottom: 30px;  }

.np_namesearch .formbuilder .label, .nppage .np_placesearch .formbuilder .label, .np_memberinterests .label {font-size: 120%;margin-top: 10px;text-align: left;}
.np_namesearch .input input[type=text], .nppage .np_namesearch .input input[type=number], .nppage .np_placesearch .input input[type=text], .nameandplace input[type=number], .dbase_browser .form input[type=text], .nameandplace select, .np_memberinterests input[type=text] { background: white; border: none; outline: none; width: 280px; height: 40px; padding: 10px;}

@media ( min-width: 1280px )
{
  .np_namesearch .formbuilder, .nppage .np_placesearch .formbuilder, .dbase_browser .formbuilder { max-width: 1240px; }
  .np_namesearch .field, .np_namesearch .field .input, .np_placesearch .field, .np_memberinterests .field { gap: 90px; }
  .np_placesearch .field, .np_memberinterests .field {width: 700px;margin: 0px auto;}
}
@media ( max-width: 1280px )
{
  .nppage .components, .np_memberinterests { padding: 0px 20px; }
  .np_namesearch .formbuilder, .nppage .np_placesearch .formbuilder, .dbase_browser .formbuilder { width: 100%;  }
  .np_namesearch .field, .np_namesearch .field .input, .np_placesearch .field, .np_memberinterests .field { gap: 40px; }
}
@media ( max-width: 1100px )
{
  .np_namesearch .field_group {align-items: center;max-width: 800px;margin: 0px auto;}
  .np_namesearch .field .input { flex-direction: column; gap: 0px;}
  .np_namesearch .field, .np_namesearch .field .input, .np_placesearch .field { /* flex-direction: column; justify-content: center; */ }
}
@media ( max-width: 764px )
{
  .np_namesearch .field_group { flex-direction: column; gap: 0px; text-align: center; max-width: 100%; margin-bottom: 20px; }
  .np_namesearch .field_text { display: block; margin: 0px auto; }
  .np_namesearch .formbuilder .label, .nppage .np_placesearch .formbuilder .label  { width: 100%; text-align: center; }
}
@media ( max-width: 500px )
{
  .np_namesearch .formbuilder, .nppage .np_placesearch .formbuilder, .dbase_browser .formbuilder, .np_memberinterests .formbuilder {padding: 10px;   }
}
@media ( max-width: 450px )
{
  .nameandplace .toplinks { flex-direction: column; gap: 0px; }
  .nameandplace .toplinks li { margin: 10px 0px; }
  .nameandplace .toplinks li.back { margin: 0px; }
  .nameandplace .toplinks li a,  .nameandplace .toplinks button { display: block; width: 100%; }
}


.np_namesearch .related h5 { padding: 10px 0px 20px 0px; }

.nppage .related { margin: 30px 0px 50px 0px; }
.nppage .related table th, .nppage .related table, .nppage .related table td { border: 0px;}
.nppage .np_sourcebrowser .breadcrumb { padding-top: 20px; }
.nppage .np_sourcebrowser .breadcrumb a { font-size: 90%; padding: 5px;  }
.nppage .np_sourcebrowser .breadcrumb a:hover { background-color: var(--lightgrey);  }
.nameandplace .back button:hover, .nameandplace button[type=submit]:hover, .nameandplace a.button:hover, .nppage .toplinks li a:hover  { opacity: 0.8; }

.np_sourcebrowser table.additional { margin-bottom: 40px;}
.np_sourcebrowser h4 { font-size: 130%; color: white; background-color: var(--brightblue); padding: 10px 0px; }
.dataTable tr.even { background-color: #f3f3f3; }
.dataTable tr.even:hover { background-color: var(--lightgrey); }

.nameandplace .field_radio .input>div { display: flex; width: 400px; margin: 0px auto; font-size: 90%; justify-content: space-between; align-items: center;  } 
.nameandplace .formbuilder input[ type="radio"] { vertical-align: middle; margin: -3px 0px 0px 0px !important; }
.nameandplace .formbuilder .radio { vertical-align: middle; margin: 15px 0px 15px 0px; }

.np_memberinterests { margin: 0px auto; }
.np_memberinterests .contact  {text-align: center;/* padding: 50px 0px; */margin-bottom: 50px;}
.np_memberinterests .contact .label {  font-size: 120%;  }
.np_memberinterests .contact .input { margin: 15px 0px; font-family: Semi-Bold; }
.np_memberinterests .contact .field .label { padding-bottom: 10px; }


@media ( max-width: 850px )
{
  .nameandplace .field_radio .input>div { width: 100%; gap: 20px; flex-wrap: wrap; justify-content: center; } 
  .nameandplace .formbuilder .radio { margin: 0px; }
}

/*
.nppage .nameandplace table th, .nppage .nameandplace table td { width: 50%; }
*/

.members-interests .np_memberinterests h2 { display: none; }
/*  /
.home .np_namesearch {max-width: 1240px; margin: auto; background-color: var(--lightgrey); margin-bottom: 100px; text-align: center;}
.home .np_namesearch h2 { background-color: var(--navyblue); color: white; line-height: 50px; text-transform: uppercase; font-family: PN-Bold; text-align: center; font-size:130%;letter-spacing: 1px;}
.home .np_namesearch .label {font-family: "PN-Bold"; font-size: 150%;}
.home .np_namesearch form {padding: 30px;}
.home .np_namesearch form input {margin: 10px 0px 10px 0px;} */



/* Data tables */

table.dataTable, .dbase_browser table { border: none; }
table.dataTable th, table.dataTable td { border: none; }
table.dataTable th, .nppage .related table th { border-bottom: solid var(--navyblue) 2px; }
.nppage .related .source th { border-bottom: solid var(--lightgrey) 2px; }
.nppage .related .source table { padding-bottom: 30px; }
.nppage .related .source a {/* text-decoration: underline; */}
.nppage .related .source a:hover { opacity: 0.7; }
table.dataTable td, .nppage .related table td { border-bottom: solid var(--lightgrey) 2px; }
table.dataTable tr:hover, .nppage .related table tr:hover { background-color: var(--lightgrey); }

.nameandplace .dataTables_wrapper select { border: 1px solid black; width: 70px; }

.dataTables_wrapper { padding: 20px 0px 20px 0px; }
.dataTables_filter { text-align: left; }
.dataTables_filter label { padding: 10px 0px;}
.dataTables_filter input { margin-left: 15px; height: 35px;  }
.dataTables_length {float: right;padding-bottom: 30px;}
.dataTables_length select { margin: 0px; height: 30px; padding: 5px;  }
.dataTables_info {font-family: "PN-Bold"; padding-bottom: 10px; padding-top: 30px; font-size: 100%; }
.dataTables_paginate a { cursor: pointer; padding: 0px 5px 0px 5px; }
.dataTables_paginate a:hover { background: var(--lightgrey); }

@media ( max-width: 450px )
{
  .dataTables_length {float: none; text-align: center; padding-bottom: 10px; }
  .dataTables_filter { text-align: center; }
}

/* Basket */

.shop_basketpage {text-align: center;}
.shop_basketpage .shop_basket .checkout { max-width: 1240px; margin: 0px auto;}
.basket { max-width: 800px; margin: 0px auto; }
table { width: 100%; }
.shop_basketpage table { margin-bottom: 20px; border: none; }
.shop_basket table th, .shop_basket table td { padding: 5px; border: none; border-bottom: 1px solid var(--navyblue); }
.shop_basket table td { padding-top: 10px;  }
.shop_basket table td.quantity { padding-top: 5px;  }

.remove a:hover { text-decoration: underline;}
.shop_basketpage .code { display: none; }

.shop_basket .basket .introduction a { background: var(--brightblue); padding: 10px 20px; border-radius: 20px; color: white; font-size: 125%; }
.shop_basket .basket .introduction a:hover { opacity: 0.8; }

.errors { color: red; padding: 20px 0px; font-family: PN-Bold; }

.basket .buttons input, .shop_basket .buttons a.continueshopping { margin-right: 20px;  }
.basket .buttons input:hover, .checkout .buttons input:hover, .confirm .buttons input:hover, .confirm .discount input[type=submit]:hover, .shop_basket .buttons a.continueshopping:hover { opacity: 0.8; background: var(--brightblue); }

.shop_basket #fb-BillPostcode-div button { background: none; color: black; text-decoration: underline; font-size: 90%; text-align: left; width: 100%; padding: 10px 0px 0px 0px;  }
.shop_basket #fb-BillPostcode-div button:hover { opacity: 0.7; }


.checkout h2 { font-size: 190%; padding-bottom: 30px;  }
.checkout .formbuilder { background: var(--lightgrey); padding: 20px; margin-bottom: 30px;   }
.checkout .input .field, .checkout #fb-Notes-div { display: flex; width: 600px; margin: 20px auto;  align-items: center;}
.checkout .label { font-size: 160%; font-family: PN-Bold; padding: 20px 0px 10px 0px; }
.checkout .input .label, .checkout #fb-Notes-div .label { font-size: 130%;  text-align: left; width: 400px; font-family: Semi-Bold; padding: 0px 50px 0px 0px; }

.checkout .input input[type=text], .checkout .input textarea, .checkout .input select {background: white;border: none;width: 300px;}
.checkout .input textarea { max-width: 300px; height: 60px; max-height: 100px; }


.confirm { max-width: 1240px; margin: 0px auto; }
.confirm h2 { font-size: 130%; padding: 40px 0px 10px 0px; text-align: center; }
.confirm .details { clear: both;  border-bottom: 2px solid var(--lightgrey); padding-bottom: 50px; text-align: center;  float: left; width: 100%;  }
.confirm .details div { width: 33.33%;  float: left; }
.confirm .discount .discount { width: 100%; }

.confirm .paymentform { padding-bottom: 50px; }



/* Ten and life memberships */

.talmemb { text-align: center; }
.talmemb form{ background: var(--lightgrey); margin: 30px 0px;  }
.talmemb .formbuilder { padding: 20px 0px; }

.talmemb .field { display: flex; justify-content: center; align-items: center; }
.talmemb .field .input input[type=text] { width: 300px; background: white;  height: 40px; border: none; border-radius: 20px; margin-left: 20px; }
.talmemb .field .label { font-size: 130%; }

.talmemb input[type=submit] { font-size: 100%; margin-bottom: 20px;}

.talmemb .titletxt { background: white; padding-bottom: 30px; font-size: 130%;  }

/* dbase_browser */

.dbase_browser .form, .dbase_browser .components { max-width: 1240px; margin: 50px auto;  }
.dbase_browser .form .formbuilder { max-width: 1240px; margin: 20px auto; }
.dbase_browser table, .dbase_browser .noresults { max-width: 1240px; margin: 0px auto; text-align: center; }
.dbase_browser table tr:hover { background: var(--lightgrey) ;}

.dbase_browser .noresults { font-family: PN-Bold; }

.dbase_browser .searchtype input[type=radio] { margin-left: 20px }

.dbase_browser #searchagainbutton { margin: 0px auto; display: block; }
.dbase_browser #searchagainbutton:hover, .dbase_browser input[type=submit]:hover {  opacity: 0.8;  }

.dbase_browser table th { border: none; border-bottom: 2px solid var(--navyblue); }
.dbase_browser table td { border: none; border-bottom: 2px solid var(--lightgrey); }


.ui-widget-content { background: white; padding: 10px;  }
.ui-widget-content a { text-decoration: underline; }
.ui-widget-content a:hover { opacity: 0.6; }
.ui-widget-content ul { overflow-y: scroll;  height: 300px; margin-bottom: 10px; }
.ui-widget-content li { list-style: none; padding: 5px 0px;   }
.ui-widget-content li a { display: block;}
.ui-widget-content li a  { text-decoration: none;}
.ui-widget-content li a:hover { background-color: var(--lightgrey); opacity: 1;  }
.ui-widget-content table, .ui-widget-content table th, .ui-widget-content table td { border: none; }
.ui-dialog-titlebar { background: none; text-transform: uppercase; border: none; border-radius: 0px; color: white; background-color: var(--button); padding: 10px; font-family: PN-Bold; }
.ui-dialog-titlebar-close { background-color: var(--button); text-decoration: underline; position: absolute; right: 2.5em; width: 21px; margin: -8px 0 0 0; padding: 1px; height: 30px; font-family: PN-Bold;}
.ui-dialog button span { text-align: right; }
.ui-button:hover { opacity: 0.8;}
.ui-widget-content br { display: none; }


/* Archive */

.archive { text-align: center; }
.archive .util_container .introduction :first-child { margin: 20px 0px; }
.archive ul { display: flex; margin: 0px auto; max-width: 500px; justify-content: space-between; }
.archive ul li { list-style: none; margin: 20px 0px; text-transform: capitalize;}
.archive  a { background-color: var(--brightblue); color: white; padding: 5px 10px; border-radius: 5px;}
.archive a:hover { opacity: 0.8; }
.archive .util_container { background-color: var(--lightgrey); border: 1px solid var(--black); margin: 0px auto 20px auto; padding: 20px 30px; }
.archive .util_container .nav_linklist ul  { background: none; border: none; max-width: 530px; min-height: auto; padding: 0px; }

@media ( max-width: 590px )
{
  .archive .util_container .nav_linklist ul, .archive ul { max-width: 100%; flex-wrap: wrap;}
}


/* dataTable */

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {cursor: pointer;position: relative;padding-left: 30px;white-space: nowrap;}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
table.dataTable thead .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: 11px;left: 5px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; font-size: 90%;}

/* Donation */ 

.shop_donate form { background-color: var(--lightgrey); padding: 50px; margin-bottom: 50px; }
.shop_donate form .field { display: flex; padding-bottom: 50px; }
.shop_donate form .label { font-size: 150%; font-family: PN-Bold; color: var(--button); width: 200px}
.shop_donate form input[type=submit]:hover { opacity: 0.7; }
.shop_donate form fieldset { width: 600px; margin: 0px auto; }
.shop_donate form textarea { background-color: white; border: none; }
.shop_donate form .radio { font-family: Regular; font-family: 130%; }

/* News */

.std_newsarticlea { padding-bottom: 40px; }
.std_newsarticlea .created, .std_newsarticlea .link, .std_newsarticlea .abstract, .std_newsarticlea .article { max-width: 1240px; margin: 0px auto; }
.std_newsarticlea .created { text-align: left; border-bottom: 2px solid var(--navyblue);  }
.std_newsarticlea .link { position: relative; padding-bottom: 10px;}
.std_newsarticlea .link a { position: absolute; top: -30px; right: 0; text-transform: capitalize; color: var(--navyblue); font-family: PN-Bold;}
.std_newsarticlea .link a:hover { opacity: 0.7; }
.std_newsarticlea .created, .std_newsarticlea .link { font-size: 130%;  }
.std_newsarticlea .abstract { display: none; }
.std_newsarticlea .article p { padding-bottom: 10px; }
.std_newsarticlea .article p a, .bluetitle ul li a { color: var(--button); font-family: PN-Bold;}
.std_newsarticlea .article p a:hover, .bluetitle ul li a:hover { text-decoration: underline; }
.std_newsarticlea .article ul { margin-left: 16px; }
.std_newsarticlea .article ul li { list-style-position: unset; }

.whatsonnors .list_article { max-width: 1240px; margin: 0px auto; padding-bottom: 50px; }
.whatsonnors .list_article .article {  border: 2px solid var(--navyblue); position: relative; padding: 20px; margin-bottom: 20px;  }
.whatsonnors .list_article .article:hover { background-color: var(--brightblue); color: white; }
.whatsonnors .list_article .article .created { position: absolute; right: 20px; top: 20px; }
.whatsonnors .list_article .article .headline { margin-bottom: 10px; font-size: 120%; border-bottom: 2px solid var(--navyblue); }
.whatsonnors .list_article .article .abstract { font-family: Regular; padding-bottom: 10px;  }
.whatsonnors .list_article .article .link a { color: var(--navyblue); font-family: PN-Bold; }
.whatsonnors .list_article .article:hover a, .whatsonnors .list_article .article:hover h4 { color: white; }

@media ( max-width: 1280px )
{
  .std_newsarticlea .created, .std_newsarticlea .link, .std_newsarticlea .abstract, .std_newsarticlea .article, .whatsonnors .list_article { max-width: 96%; }
}
@media ( max-width: 700px )
{
  .whatsonnors .list_article .article .created { position: static; padding-bottom: 10px; }
  .whatsonnors .list_article .article .headline { padding-bottom: 0px;  }
}
@media ( max-width: 450px )
{
  .std_newsarticlea .link a { display: block; text-align: center; top: -60px; text-decoration: underline; } 
  .std_newsarticlea .created {  padding-top: 30px; }
}