* {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: proxima-nova; font-weight: 400; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; font-family: proxima-nova; font-weight: 400; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: 700; color: #000000; font-family: proxima-nova; font-weight: 400; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;background: white;border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: proxima-nova; font-weight: 400; }
/* input[type=text], input[type=password]  { height: 30px; * } */
input[type=button], input[type=submit] { cursor: pointer; background-color: var(--darkyellow); color: #ffffff; padding: 10px 20px 10px 20px; border-radius: 25px; border:none; text-transform: uppercase; font-family: proxima-nova; font-weight: 700; font-size: 110%;}
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
strong { font-weight: normal; font-family: proxima-nova; font-weight: 700; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
p {padding: 0px 0px 10px 0px;margin: 0px;line-height: 1.5;}
table { border-spacing: 0px; }
td, th { padding: 0px; }
.items .spacer {display: none;}
.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; }
.ui-front { z-index: 2; }
.ui-dialog { background-color: #ffffff; padding: 10px; }
.shop_tabcategory{padding: 0px 5px;}

@media (max-width: 500px)
{ 
.ui-dialog {max-width: 300px;height: auto; left:0px !important;}
}

/* Fonts */

/* Proxima nova moved to Adobe fonts */

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


/* colours */

:root
{
    --white: #ffffff;
    --camgreen: rgb(68, 115, 109);
    --darkyellow: rgb(230, 189, 46);
    --bgrey: rgb(236,236,236);
    --tgrey: rgb(105,105,105);
    --lgreen: rgb(163,193,173);
    --border: rgb(224, 224, 224);
    --lightgrey: #ececec;
}

/* General Rules*/
.pagecontent {padding: 0px 5px;}
/*.std_contentpage a {color: var(--darkyellow);}*/
.layoutmiddle{min-height: 50vh;}
.std_contentpage {min-height: 400px;}
.title, .headline, .shop_donate h1, .shop_tabcategory h1, .event_booksession h1 {color:white; background-color: var(--lgreen); margin:0px auto; text-align: center; padding: 20px; font-size: 180%;}
.titletxt {text-transform: uppercase;} 
button, a.button, .ourevents .event .link a,.memberarea .util_container .memb_subscriptionstatus .buttons a, .shop_basket .buttons input, .home .std_contentpage a, .home .homepageabout .readmore a, .home .homesurname a, .home .membershipjoin a, .events .toplinks a, .layoutmiddle .memberarea .nav_linklist li a, .shop_tabcategory .subcategories li a, .contactustext .brochure a  {display:inline-block;border: none;color: white;background: var(--darkyellow);text-align: center;padding: 10px 20px;border-radius: 25px;font-weight: bold;text-transform: uppercase;font-size: 16px;height:40px;}
.shop_basket .buttons input { height:40px;}
.clickherebutton{display:inline-block;color: white;background: var(--darkyellow);text-align: center;padding: 2px 7px;font-weight: bold;border-radius: 25px}
.clickherebutton:hover{background: black}

.memberarea .nav_linklist ul {margin:30px 0px;display:flex;gap: 40px 40px;justify-content: center;}
.layoutmiddle .nav_linklist li {text-align: center;}
button:hover, a.button:hover, .ourevents .event .link a:hover, .home .homesurname a:hover, .events .toplinks a:hover, .layoutmiddle .memberarea .nav_linklist li a:hover, .shop_tabcategory .subcategories li a:hover, .contactustext .brochure a:hover {background-color: black;cursor: pointer;}
.pagecontent { padding: 20px;margin: 20px auto 0px auto; text-align: left; }


 @media ( min-width:1240px)
 {
  .section37 .pagecontent, .section20 .pagecontent, .section24 .pagecontent, .section25 .pagecontent, .section195 .pagecontent, .section26 .pagecontent, .section27 .pagecontent, .section37 .pagecomponents, .section20 .pagecomponents, .section24 .pagecomponents, .section25 .pagecomponents, .section195 .pagecomponents, .section26 .pagecomponents, .section27 .pagecomponents, .search {max-width:1240px;margin: 0px auto;}
 }

 @media (max-width: 500px)
 {
  .std_contentpage .pagecomponents, .std_contentpage .pagecontent {padding: 0px 10px;}
 }

/*Buttons*/

  input[type="submit"], .memb_loginbox .loggedout a {margin: 0px;padding: 5px 15px;background: var(--darkyellow);border-radius: 25px;border: none;text-transform: uppercase;font-family: proxima-nova;font-weight: 700;font-size: 110%;/* height: 30px; */}
  input[type="submit"]:hover, .headerbuttons .headerdonate2 a:hover, .memb_loginbox .loggedout a:hover {background-color: black;}

/* Layout */
.layouttopmenu_inner {display: flex;justify-content: center;max-width: 1200px; margin: 0px auto; justify-content: end;}


@media ( min-width: 1000px )
{
  .layoutheader_inner { display: flex; justify-content: space-between; margin:10px auto 10px;} 
  .layoutheader { max-width: 1200px; margin: 0px auto;  }
 
}

  .layouttopmenu {background: var(--camgreen);}
  
/* Top of page / Header */
@media(max-width:999px){

  .layoutheader_inner {display: flex; justify-content: space-between;flex-wrap: wrap; margin:10px auto 10px;}

}
@media(min-width:741px){
  .headerbuttons {  margin-top: 48px;}

}
@media(max-width:740px){

  .headerbuttons { margin: 10px auto 0px auto;}
  .layoutheader_inner {justify-content: center;}

}

@media (min-width: 1000px)
{
  /* .layoutheader { max-width: 700px; margin: 0px auto; } */
  .headertitle2 .content { margin: 20px 0px 0px 25px; width: 500px}
  .headertitlelogo .headerlogo2 img {height: 90px ;}
  .headertitle2 .content p { font-size: 140%;}

}
@media (max-width: 999px)
{
  .layouttop .headertitlelogo {max-width: 500px; }
  .headertitle2 .content { margin: 20px 0px 0px 25px;}
  .headerbuttons .items {  margin-top: 0px; }
  .headerbuttons .items .links { margin-bottom: 5px; }
  .headertitlelogo  {  margin-left: 10px; }
  .headertitlelogo .headerlogo2 img {height: 90px; margin-bottom: 20px;  }
  
}


@media (max-width: 499px)
{ 
  .headertitle2 {max-width: 400px;}
  .headertitle2 .content {  margin: 15px 0px 0px 15px; max-width: 250px;}
  
}

.headerbuttons .items {display: flex; align-items: baseline;}
.headerbuttons .headerdonate2 { margin-right: 15px;}

.headerbuttons .headerdonate2 a {margin: 0px; padding: 5px 12px; background: var(--darkyellow); border-radius: 16px; color: white; font-size: 13px; text-transform: uppercase; }

.headerlogin2 {margin-right: 15px; width:200px; text-transform: uppercase;}
.headerlogin2 ul {display: flex;  background: white; border: solid 3px var(--camgreen); border-radius: 50px; justify-content: space-evenly;}
.headerlogin2 ul {margin: 0px; padding: 1px 0px 1px 0px;}
.headerlogin2 .links .link2 {border-left: solid 1px grey;}
.headerlogin2 ul li {padding: 0px 5px 0px 10px;}
.headerlogin2 ul li a {color: var(--camgreen); font-size: 13px; font-weight: bold;}
.headerlogin2 ul li a:hover { text-decoration: underline; } 

.headertitlelogo {margin-top: 5px; height: 90px;}
.headertitlelogo .items {display: flex; height: 90px; }
.headertitlelogo .headerlogo2 img { width: auto;}

.headerbasket i {font-size: 21px; }
.nav_multilevel .expand i {color: white;}
.headertitle2 .content p {font-family: proxima-nova; font-weight: 700; margin: 0px;padding: 0px;}

/* Menu */
@media (min-width: 1000px)
{
  .nav_multilevel .expand {display: none;}
  .nav_multilevel .level1 { line-height: 60px;}
  .nav_multilevel ul li a { color: white; font-size: 100%; font-family: proxima-nova; font-weight: 600; }
  .nav_multilevel ul li a:hover { text-decoration: underline; }
  .nav_multilevel .level1>li {margin: 0px 15px 0px 15px;}

  .nav_multilevel .level2 { line-height: 35px;}

  .nav_multilevel .level2 {display: none; position: absolute;}
  .nav_multilevel .level2 {z-index: 999; background-color: rgb(88, 140, 134); border: solid 2px var(--camgreen); width: 250px; padding: 10px; text-align: left;}
  .nav_multilevel .level2 li {border-bottom: solid 1px var(--lgreen);}
  .nav_multilevel  li:hover .level2 {display: flex; flex-direction: column;}

  .nav_multilevel { max-width: 800px;}
  .nav_multilevel li {display: inline-block; }
  .util_textbox a {font-weight: bold; color: var(--camgreen); text-decoration: underline;} /* what is this rule for? very generic! */
  .nav_multilevel .link195 {display: none;}
  .util_textbox a:hover { color: black }

  .layouttopmenu .toggle  {display: none;} 
}

@media ( min-width: 741px )
{
  .layouttopmenu .toggle { top:125px;left:40px; }
  .layouttopmenu .toggleon .level1 { top: 120px; right: 0px; }

}
@media ( max-width: 740px )
{
  .layouttopmenu .toggle { top: 165px;left:40px; }
  .layouttopmenu .toggleon .level1 { top: 200px; right: 0px; }

}
@media(max-width:501px){

  .layouttopmenu .toggle { top: 165px;left:40px; }


}


@media ( max-width: 999px )
{
  .layouttopmenu .toggle {position:absolute;cursor:pointer;}
  .layouttopmenu .toggleon .level1 {display:block; position: absolute;  width: 100%; background-color: var(--camgreen); z-index: 50; opacity: 0.9; top: 170px;  }
  .layouttopmenu .titletxt {position: absolute;top: 30px;right: 55px;text-transform: uppercase;font-family: 'AvenirMedium'; }
  
  .layouttopmenu .toggleoff ul {display:none;}
  .layouttopmenu svg path {fill: white;  }
  .layouttopmenu svg {width: 40px; height: 40px; }

  .layouttopmenu .nav_multilevel .level2 {display:none;}
  .layouttopmenu .nav_multilevel .expand {cursor: pointer; float:right;}
 
  
  .layouttopmenu .nav_multilevel ul li { padding: 5px 10px 5px 20px; }
  .layouttopmenu .nav_multilevel ul li a {line-height: 30px; color: white; }
  
}
@media(max-width:740px){

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

/* Search bar */

@media (max-width: 500px){
  .topsearchbar {display: none;}
  .layouttopmenu {padding: 27px;}

}

@media(min-width:1101px){
.layouttopmenu_inner{gap: 125px;}

}
@media(max-width:1100px){

  .layouttopmenu_inner{gap: 30px;}

}
.topsearchbar {background-color: white;max-width: 187px;border-radius: 14px;height: 30px;margin: 15px 5px 15px 0px;}
.topsearchbar .query {border: none;border-radius: 50px;width: 125px;margin-left: 2px; height: 30px;}
.topsearchbar input[type="text"]::placeholder{ padding-left: 15px;}
.topsearchbar button {float: right; height:30px; background-color:white;}
.topsearchbar i {font-size: 20px;margin-top: -5px;color: grey;} 
.topsearchbar input {padding-left: 10px; outline: none; }
.headerbuttons .items {padding-right: 5px;}

/*Middle page content */

/* carousel */

@media ( min-width: 1000px )
{
  .homecarousel .carousel { height: 550px;}
  .homecarousel { height: 550px;}
  .homecarousel li {height: 550px; }
  .homecarousel .carousel ul { height: 550px;}
  .homecarousel .carousel {height: 550px;}
  .home .homecarousel .carousel .util_textbox_inner {z-index: 9999; background: var(--camgreen); opacity: 0.8; bottom: 20px;}
  .home .homecarousel .carousel .util_textbox_inner h2 {font-size: 170%;}

}
@media ( max-width: 999px )
{
  .homecarousel { height: 300px; }
  .homecarousel ul {height: 200px;}
  .homecarousel li {height: 200px;  }
  .home .homecarousel .carousel .util_textbox_inner {z-index: 9999; background: var(--camgreen); opacity: 0.8; bottom: 20px;}
}

@media (max-width: 500px)
{
  .home .homecarousel .carousel .util_textbox_inner {top: 200px; max-width:100%; }
}

.homecarousel .carousel li>div {background-size: cover;height: 550px;}

.home .homecarousel .carousel .util_textbox_inner {position: absolute;background: var(--camgreen);bottom: 20px;color: white;padding: 20px;/* width: 320px; */height: 125px;box-sizing: border-box;}
.home .homecarousel .carousel .util_textbox_inner p { padding-bottom: 0px; }
.home .homecarousel .carousel .util_textbox_inner h2 {color: white;padding-bottom: 10px;}

.home .homecarousel .carousel ul li { height: 520px; max-width: 100%; background-size: cover;}

.home .homecarousel  .fas { font-size: 280%; color: white; background: lightgray; opacity: 0.8; border-radius: 50%; padding: 10px; box-sizing: border-box; width: 60px; height: 60px;}
.home .homecarousel   .fas:hover { opacity: 1;}
.home .homecarousel  .carousel-next .fas { padding-left: 20px; }
.home .homecarousel  .carousel-prev { position: absolute; left: 50%; left: 10px;  margin-top: -300px; z-index: 1; }
.home .homecarousel  .carousel-next { position: absolute; right: 10px; margin-top: -300px; z-index: 1; }

.feat_carousel .skip { text-align: center; position: absolute; width: 100%;  margin-top: px; z-index: 1;}
.feat_carousel .skip a { border-radius: 50%; display: inline-block; font-size: 0px; width: 20px; height: 20px; }
.feat_carousel .skip a.active {  border: 3px solid white; background-color: var(--camreen); display: inline-block; opacity: 1; width: 25px; height: 25px;  }
.feat_carousel .skip a {  border: 2px solid white; display: inline-block; background-color: var(--green); opacity: 0.4; margin: 0px 15px 5px 0px; font-size: 0px;  }



.home .feat_carousel  {overflow: hidden;position: relative;background: var(--green);}
.home .feat_carousel .carousel ul { overflow: hidden; width: 20000em; position: relative; height: 550px; float: left;  }
.home .feat_carousel .carousel ul li { float: left; }

@media (min-width: 501px)
{
  .home .feat_carousel  {overflow: hidden;height: 570px}
}

@media ( max-width: 1200px )
{
    .home .carousel .fas { display: none; }
    .home .carousel .introduction { display: none; }

}

@media ( max-width: 800px )
{
    .home .carousel ul #carouselitem-1 { height: 520px; background-size: auto 100%; background-position: right -100px top; }
}

@media (max-width: 450px)
{
  .homecarousel .carousel li>div {height: 200px;}
  .home .homecarousel .carousel .util_textbox_inner {max-width: 330px; top: 160px;}
}

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

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

.homecarousel .carousel li { position: absolute; }
.homecarousel .carousel li>div {background-size:cover; height: 550px}
.homecarousel {width: 100%;padding: 0px;}
.homecarousel .carousel li { max-width: 100%; margin: 0px auto;  overflow: hidden; background-color: var(--camgreen); }
.homecarousel .carousel ul {width: 100% !important;}
.homecarousel .carousel li {float: none; } */

/* About and membership textbox */

@media ( min-width: 1000px ) /* desktop */
{ 
  .home .recordsearch  {max-width: 1240px; }
  .home .membership {max-width: 1240px; }
}

.home .recordsearch  {margin: 70px auto;}
.home .membership { margin: 0px auto 50px auto;}
.homepageabout {text-align: center;margin: 0px auto 0px auto;background: var(--bgrey);padding: 65px 0px 45px 0px;}
.readmore {margin-top: 50px;}

.homepageabout .introduction p {color: var(--tgrey);}
.membership h2 {text-transform: uppercase; font-weight: bold; font-size: 20px;} 
.home .membership { text-align: center; } 

.homepageabout .introduction, .membership .introduction { max-width: 900px; margin: 0px auto;}
.homepageabout .introduction p, .membership .introduction p { line-height: 1.5;}
.membership .benefitslink .content {text-align: center; font-size: 100%; margin-top: 30px}
.benefitslink a {text-decoration: underline; color: black; }
.benefitslink a:hover { color: var(--darkyellow);}

/* Events, current projects and social feed */



  .epscontainer { max-width: 1240px;  }
  .currentprojects, .ourevents {max-width: 350px; margin: 10px;}
  .homesurname { width: 35%; }
  .event .bgimage {margin-top:5px;}
  .epscontainer .items { margin: 30px 0px 50px 0px; }


.homesurname { border: 3px solid var(--border); padding:20px;}
.homesurname .titletxt { font-size: 130%; margin-bottom:10px; text-align: center;}
.homesurname .image {background-image: url(/images/oLDJ5kz2xKxC2lmwqx2H334223.jpg); height: 240px; background-size:contain; }
.homesurname .intro { margin-top:5px; }
.homesurname input[type=text] { width: 100%; border: 1px solid var(--border);}
.homesurname button { margin-top:10px;}
.epscontainer {border-top: 1px solid black; margin: 0px auto; }
.epscontainer .items {display: flex;justify-content: center; flex-wrap: wrap;}
.epscontainer .titletxt {text-align: center;font-size: 130%;text-transform: uppercase;padding: 10px 5px;font-family: proxima-nova; font-weight: 700; }
.currentprojects .content {min-height: 570px; border-top: 3px solid var(--border);border-left: 3px solid var(--border);border-right: 3px solid var(--border);padding: 20px;}
.currentprojects .content h2 {color: var(--camgreen); padding:0px;}
.currentprojects h3 { color: var(--camgreen);  }
.currentprojects p {font-size: 85%; padding-bottom: 20px; }
.currentprojects p a {margin-top:50px; text-align: right;}
.currentprojects a, .research a { color: black; font-family: proxima-nova; font-weight: 700; }
.currentprojects a:hover, .research a:hover {text-decoration: underline;}

.homerecord {margin: 10px;position: relative;}

.ourevents ul  {border: 3px solid var(--border);border-width: 3px 3px 0 3px;padding: 20px;min-height: 595px;}
.ourevents .bgimage {height: 230px; max-width: 350px;background-size: contain;}
.ourevents .footerlinks {max-width: 350px;}
.ourevents .noevents {width: 100%;padding: 155px 0px;border-left: 3px solid var(--border);border-right: 3px solid var(--border);margin: 0px auto;text-align: center;}
.ourevents .event .time:before, .ourevents .event .venue:before, .ourevents .event .startdate:before { text-transform: uppercase; font-weight: bold; width: 75px; display: block; float: left;  }
.ourevents .event .time:before { content: 'time: ';  }
.ourevents .event .startdate:before { content: 'date: '; }
.ourevents .event .venue:before { content: 'venue: '; }
.ourevents .event .link a {  background-color: var(--darkyellow); }
.ourevents .event .link {  margin-top: 30px; }
.ourevents .footerlinks .link, .currentprojects .link { text-align: right; padding: 0px 20px 15px 0px;  }
.ourevents .footerlinks .link a, .currentprojects .link a {text-decoration: underline;/* font-size: 85%; */font-weight: bold;}
.ourevents .footerlinks .link a:hover, .currentprojects .link a:hover { color: var(--darkyellow);}
.ourevents .footerlinks, .currentprojects .link { border:3px solid var(--border); border-width: 0 3px 3px 3px; }
.event .abstract { padding-top:10px; font-size: 90%;}
.event .name a, .event .name,.event .date a { font-family: proxima-nova; font-weight: 700; }
.event .name  {margin: 10px 0px;}
.event .time, .event .startdate,  .event .venue {padding-bottom: 5px;font-size:95%;min-height: 25px;}
.eventtitle, .projecttitle, .facebooktitle {height: 20px;}

  .homevisit ul {max-width: 350px;}


/* Spotlight of the month containers */
@media ( min-width: 1000px )
{
  .spotlighttitle {font-size: 150%; width: 1240px;}
  .homespotlight .link a:hover {background-color: var(--camgreen);}
}
@media ( max-width: 999px )
{
  .homespotlight .items { flex-wrap: wrap; flex-direction: column;}
  .homespotlight .util_textbox { max-width: 350px; margin: 0px auto;}
}

.spotlighttitle {border-top: solid 2px grey;}
.spotlighttitle {text-align: center;  margin: 20px auto 25px auto; text-transform: uppercase; font-family: proxima-nova; font-weight: 700; width: 100%;}
.spotlighttitle .content {margin-top: 40px;}

.homespotlight .link a { display:block; text-align: center; background: var(--lgreen); padding: 10px; }
.homespotlight .util_textbox a {text-decoration: none; color:white;}
.homespotlight img {width: 100%; max-width: 350px; height: 100%;}
.homespotlight .imagetop {height: 240px;}
.homespotlight h3 { font-family: proxima-nova; font-weight: 700; text-transform: uppercase; margin-top: 20px; font-size: 130%;}
.homespotlight h2 {font-family: proxima-nova; font-weight: 600; font-size: 21px;color: white; background: var(--lgreen); text-align: center; margin: 0px auto 0px auto; padding: 15px 0px}
.homespotlight {background: var(--bgrey); padding: 40px 0px 40px 0px; margin-bottom: 90px;}
.homespotlight .items {display: flex; justify-content: center; gap: 80px; padding: 0px 5px;}
.homespotlight .spacer {display: none;}
.homeplace .content, .homesurname .content {padding: 0px 40px 0px 40px;} 
.recordsearch {padding: 10px;}

/* Record search form  */




@media ( min-width: 1240px ) /* desktop*/ 
{
  .recordsearch {margin-top: 70px;}
  .home .nameandplace h2 { font-size: 150%; padding: 10px 200px 10px 200px;}  
  .home .nameandplace{ width: 68%;}

}
@media ( max-width: 1239px ) 
{
  .recordsearch .items { flex-direction: column;}
  .recordsearch {margin-top: 40px; padding: 0px 20px; }
  .recordsearch .items { flex-wrap: wrap;}
  .home .nameandplace h2 { padding: 10px 80px 10px 80px;}
  .homesurname {margin: 0px auto; max-width: 800px; width: 100%;}
  .homesurname button {text-align: right; float: right;}
  .homesurname input[type=text] {width: 48%; margin: 0px auto; }
  .homesurname fieldset div {text-align: center;}

}

@media ( min-width: 1000px ) and ( max-width: 1754px )
{
  .recordcontainer { padding-bottom: 20px; }
}

.recordsearch .spacer {display: none;}  
.recordsearch .items {display: flex;justify-content: center;gap: 50px;}
.home .nameandplace {background-image: url(/images/x7TGtXWMHzlI8N0L8wSI0rs0gf.jpg); background-size: cover; text-align: center; }
.home .nameandplace h2 {background-color: var(--camgreen);color: white; }
.home .nameandplace .footer a { font-size: 95%;text-decoration: underline;}
.home .nameandplace .footer a:hover { font-family: proxima-nova; font-weight: 700; }
.home .nameandplace fieldset {margin: 50px auto 30px auto; }
.home .nameandplace .formbuilder input {height: 30px; margin: 10px 0px 15px 0px;background: white;width: 45%;padding: 17px 0px 17px 8px;border: none;outline: none;}
.home .nameandplace .formbuilder input[type=number] { padding: 0px; height:34px; padding: 0px 8px; }
.home .nameandplace .advancedsearch { font-size: 80%; text-transform: none; color: white; }
.home .nameandplace .advancedsearch a { color: white; text-decoration: underline; }
.home .nameandplace .advancedsearch a:hover { color: black; }
.home .nameandplace .buttons { margin: 25px 0px 25px 0px; }
.home .nameandplace.buttons input { padding: 10px 25px; }
.home .nameandplace .formbuilder .label { display:none;}

.recordcontainer {min-height: 606px;margin: 0px auto 0px auto;}
.recordcontainer img { padding: 20px 0px 0px 20px;  }
.recordcontainer li {margin-top: 20px;}
.homerecord h1 {margin-top: 150px; font-weight: bold;}

.homerecord .image {background-image: url(/images/VA2KW1KMVAChVcqOD2Es06e049.jpg);height: 230px;background-size: cover;margin: 20px 20px 0px 20px; max-width: 350px;}
.homerecord .buttons {text-align: center;}
.homerecord .html {border: 3px solid var(--border);max-width: 350px;margin: 0px auto;}
.recordlink2 {text-decoration: underline;font-family: proxima-nova;font-weight: 700;margin-right: 20px;display: block;text-align: right;padding: 0px 0px 15px 0px;}
.recordlink2:hover { color: var(--darkyellow); }
.rectxt  {padding: 0px 10px 10px 10px;font-size: 90%;min-height: 327px;}
.records { margin: 13px 0px; }
.recordp p { padding-bottom: 20px; }
.records a {text-decoration: underline;}

.recordcontainer .button { padding: 7px 20px; height: 30px;}

/* Future events list*/


/* old - event list component 

.futureevents ul{display: flex;justify-content: space-evenly;margin: 50px auto 50px auto;max-width: 1240px;}
.futureevents li { max-width: 400px; border: solid 2px var(--border); border-radius: 5px; padding: 20px;  }
.futureevents li:hover { background-color: var(--lgreen)}
.futureevents .bgimage {  background-size: cover; height: 200px;} */

.event_eventpage h1 {margin-bottom: 50px;}
.event_eventpage .info, .event_eventpage .book { max-width: 1240px; margin: 10px auto;  text-align: center; }
.event_eventpage .info { font-family: proxima-nova; font-weight: 700; font-size: 120%;}
.event_eventpage .abstract { line-height:25px;}
.event_eventpage .info .date, .event_eventpage .info .venue {padding-bottom: 10px;}
.event_eventpage .article {padding-top:20px;}
.event_eventpage .abstract { display: none;}
.event_eventpage .book {margin: 30px auto 50px auto;border: 4px solid var(--lgreen);padding: 30px; background: var(--camgreen); color: white;}
.event_eventpage .book h2 { font-size: 120%; margin-bottom:20px; color: white;}
.event_eventpage .book a {color: white;}
.event_eventpage .image{ text-align:center; }
.event_eventpage .form-group { margin-bottom: 20px;}
.event_eventpage .form-group input[type=text] { width:100%;}
.event_eventpage .form-group .label { text-align:left;}
.event_eventpage .removelink { margin-bottom:10px;}
.event_eventpage .removelink a, .event_eventpage .addlink a { text-decoration: underline;  }
.event_eventpage .image, .event_eventpage .article {max-width: 868px;margin: 10px auto;padding: 0px 7px; text-align:center}

@media (min-width:1240px)
{
  .event_booksession .event_calendar, .event_booksession .introduction { max-width:1240px; margin: 50px auto; }
  .event_eventpage .book {width: 25%;}
}

/* Makes all titles bold*/

.titletxt{font-family: proxima-nova; font-weight: 700; }

/* Login Page*/

.memb_loginbox .loggedout{ width: 350px; margin: 30px auto; text-align: center;} 
.memb_loginbox .loggedout .titletxt {text-align: center;color: white;background-color: var(--camgreen);font-size: 120%; margin-bottom:30px;}
.memb_loginbox .loggedout a { color:white;}
.memb_loginbox .label {width: 110px; display: inline-block; text-align: right; margin: 10px 0px;}


.loggedout .fieldemail input, .loggedout .fieldpw input {width :100%;/* margin: 10px; */}
.loggedout .login {margin: 20px 0px;}

.memb_loginbox .forgotpw, .memb_loginbox .register { display:block; padding-bottom: 10px;}
.memb_loginbox .register { margin-top: 10px; }
.memb_loginbox .errors, .surv_standard .message, .nameandplace .errors { color: red; margin-top: 20px; text-align: center; font-weight: 600;}
.fieldpw, .fieldemail { margin: 0px auto;}
.fieldpw .label {width: 70px;}


.memberarea h2 { font-size: 120%;}
.memberarea .memb_welcome { margin:50px 0px;}
.memberarea .memb_welcome h2, .memberarea .memb_welcome p {text-align: center; text-transform:none;}
.memberarea .util_container, .memberarea .util_container .memb_details {margin: 20px 0px;}
.memberarea .memb_loginbox {text-align: right;}

.memberarea .memb_details, .memberarea .memb_content {border: 2px solid var(--camgreen);}
.memberarea .memb_details ul, .memberarea .memb_content ul {padding: 0px 0px 0px 15px;}
.memberarea .memb_loginbox .memb_content:first-of-type {margin-right: 25px;}
.memberarea .memb_loginbox .memb_content:last-of-type { margin-left: 25px;}
.memberarea .util_container .memb_subscriptionstatus {background-color: var(--camgreen);color:white;padding: 30px;/* margin-right: 25px; */}
.memberarea .util_container .memb_subscriptionstatus .product { color: white; font-size: 110%;}
.memberarea .util_container .memb_subscriptionstatus .status, .memberarea .util_container .memb_subscriptionstatus .payment { margin-bottom:5px;}
.memberarea .util_container .memb_subscriptionstatus a { color:white; text-decoration: underline;}
.memberarea .loggedin .introduction .flex {display:flex;flex-wrap: wrap;/* margin-top:30px; */justify-content: space-between;border-bottom: 2px solid var(--camgreen);padding:0px 0px 20px 0px;}
.memberarea .loggedin .introduction .memb_content h2, .memberarea .memb_details h2, .memberarea .memb_content h2 {text-align: center;color: white;background-color: var(--camgreen);padding: 10px 5px;}
.memberarea .loggedin .introduction .memb_content ul, .memberarea .memb_details ul, .memberarea .memb_content ul { margin: 10px 0px 10px 20px;}
.memberarea .loggedin .introduction .memb_content li, .memberarea .memb_details li, .memberarea .content li  { padding: 5px 0px; list-style-type: disc;}
.memberarea .loggedin .introduction .memb_content li a:hover , .memberarea .memb_details li a:hover , .memberarea .memb_content li a:hover {text-decoration: underline;}
.memberarea .loggedin .titletxt { display:none;}
.memberarea .loggedin .status { margin: 20px 10px 10px 0px; font-family: proxima-nova; font-weight: 700; display:inline-block; }
.memberarea .loggedin .logout { display:inline-block;}


.my-bookings .event_membevents{margin: 60px 20px;}
.my-bookings .event_membevents .nobookings{ text-align: center;}

.my-bookings .event_membevents .event{ background-color: var(--border); padding: 20px; margin-bottom: 30px;}
.my-bookings .event_membevents .event .places{margin-top: 20px; font-weight: bold;}


/* .memberarea .memb_content .content{ min-height: 295px; } */

.layoutmiddle .memberarea .nav_linklist ul {flex-wrap: wrap; gap: 0px;}
.layoutmiddle .memberarea .nav_linklist li {margin: 10px 10px;}
/* .layoutmiddle .memberarea .nav_linklist li a{padding:10px 0px; border-radius: 0px;color: white; width: 290px; box-shadow: 5px 5px black; background: var(--darkyellow); padding: 10px;} 
.layoutmiddle .memberarea .nav_linklist li a:hover{position: relative; right: -5px; bottom: -5px; box-shadow: none; background: var(--darkyellow);}*/

.exch_journals a { color: black; }
.exch_journals a:hover { color: var(--darkyellow);}
.agm ul { margin: 20px 0px; display:flex; flex-wrap: wrap; gap:15px; justify-content: center;}

.journals h2 {font-size: 20px; font-weight: bold; margin: 20px auto; border-bottom: 2px solid var(--lgreen); max-width: 300px;}
.journals .j-button a{background: var(--darkyellow); color: white; box-shadow: 5px 5px black; display: block; max-width: 300px; margin: 0px auto; padding: 5px;}
.journals .j-button a:hover{position: relative; top: 5px; left: 5px; box-shadow: none;}



.feat_pdfsearch .results, .agm ul { margin: 20px 0px; display:flex; flex-wrap: wrap; gap:15px; justify-content: center; }
.feat_pdfsearch .results li {width: 350px; margin: 10px 0px; background-color: var(--lgreen); padding: 15px; border-radius: 25px; border: 2px solid var(--camgreen);}
.feat_pdfsearch .results li .link a {background: var(--darkyellow); color: white; padding: 5px 7px; border-radius: 25px;}
.feat_pdfsearch .results li .link a:hover {background: black;}
.feat_pdfsearch .results li .link {margin-top: 15px;}
.feat_pdfsearch .results .page {margin: 10px 0px;}
.feat_pdfsearch .results .name {text-align: center; font-size: 17px;}
.feat_pdfsearch .results .page a {color: black; text-decoration: underline;}



.exch_journals li { border: 2px solid var(--camgreen); padding: 10px; margin: 10px 0px; }
.agm li a { border: 2px solid var(--camgreen); padding: 10px; }
.agm li a:hover {background-color: var(--camgreen); color:white;}
.agm p, .nonconf_documents p { text-align: center; }
.agm .pagecontent, .nonconf_documents .pagecontent { padding-bottom: 0px;}
.feat_pdfsearch .results li .pages { color: var(--camgreen); font-family: proxima-nova; font-weight: 700; }

.stayloggedin input{text-align: center; margin: 15px auto 5px auto; width: 15px;}
.loggedout input, .loggedout .input {/* width: 96%; */display: block;}
.loggedout .login input {width: 100%;}
.loggedout .forgotpw a, .loggedout .register a {display: block; width: 100%;}

@media (min-width:1240px)
{
  .memberarea .loggedin {width:1240px;margin: 0px auto;border-top: 2px solid var(--camgreen);}
  .memberarea .loggedin .introduction .memb_content {width: 47.5%;border:  2px solid var(--camgreen);}
}

@media(max-width:1239px)
{
  .memberarea .loggedin .introduction {padding: 0px 20px;}
  .memberarea .loggedin .introduction .flex { flex-direction: column;}
  .memberarea .loggedin .introduction .memb_content{ margin: 0px;}
  .memberarea .loggedin .status { margin: 20px 20px;}
}
@media(min-width:900px){

  .memberarea .left, .memberarea .right{width: 50%;}
  .memberarea .membership>.items {display:flex;flex-direction: row; padding: 0px 5px; gap: 20px;}

}
@media(max-width:899px){



  .memberarea .util_container .items .memb_details,.memberarea .util_container .items .memb_subscriptionstatus{
    width: 90%;
    margin: 20px auto;
  }
  .memberarea .util_container.right, .memberarea .util_container.left .memb_content {width: 90%; margin: 0px auto;}

}
@media(max-width:500px){

  .memberarea .loggedin .introduction {padding: 0px 10px;}
}
@media(max-width:400px){

  .memberarea .link4 a {
    height: 50px;
  }

}


/* member pages */

.memb_account {padding: 20px 10px;text-align: center;}
.memb_account p {text-align: center;margin: 20px 20px 0px 20px; color:var(--camgreen)}
.memb_account .form_register { max-width:450px; margin: 30px auto; text-align: center; background-color: var(--lightgrey); padding:30px}
.memb_account .formbuilder .input { margin:5px 0px 20px 0px; }
.memb_account .formbuilder .input select, .memb_account .formbuilder .input input, .memb_account .formbuilder .input textarea {background: white; width:100%;}
.memb_account .form { max-width: 650px; margin: 0px auto; background: var(--lgreen);}
.memb_account .buttons input {border: none; color: white; background: var(--darkyellow); text-align: center; padding: 5px 20px; border-radius: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px;}
.memb_account .buttons input:hover {background: black;}
.memb_account .label {font-size: 100%; color: black; text-align: left;}
.memb_account .buttons {margin: 20px;}
.memb_account .text { font-size: 140%; font-family: proxima-nova; font-weight: 700; }
/* .memb_account .text h2:nth-child(1) { padding-top: 20px; background: var(--lgreen); color: white; max-width: 650px; margin: 15px auto; } */
.memb_account .text ul li { font-size: 80%; list-style-type: circle; list-style-position: outside; max-width: 530px; margin: 0px auto; text-align: left;}
.memb_account .errors {background: red; max-width: 650px; margin: 0px auto; color: white; padding: 5px;}
.memb_account #fb-29-div .label {margin-top: 4px;}
.memb_account .field_checkbox .label {text-align: center;}

/* member newsletter */

.memb_account .form_newsletter {margin-top: 40px;}
.memb_account .form_newsletter .form-group {display: flex; justify-content: center; align-items: center; margin: 10px 0px;}
.memb_account .form_newsletter .label {margin-right: 25px; text-align: left; width: 110px; color: white;}
.memb_account .form_newsletter .input {margin: 0px;}


/* Newsletter */
.nltr_list {max-width: 300px; margin: 30px auto 0px auto;}
.nltr_list ul li {margin: 10px 0px; text-align: center;}
.nltr_list ul li:hover {text-decoration: underline;}

/* PDF search */

.feat_pdfsearch { margin: 20px 0px;}
.feat_pdfsearch .formbuilder #fb-search-div { margin: 10px 0px; text-align: center;}
.feat_pdfsearch .formbuilder #fb-order-div, .feat_pdfsearch .formbuilder #fb-match-div { margin: 20px 0px;}
.feat_pdfsearch .introduction {text-align: center;}
.feat_pdfsearch p { padding: 0px;}
.feat_pdfsearch .formbuilder #fb-order-div, .feat_pdfsearch .formbuilder #fb-match-div { width: 300px; margin: 20px auto;}
.feat_pdfsearch .formbuilder #fb-search-div input[type=text] { width:300px;}
.feat_pdfsearch .button { text-align: center; margin: 20px 0px;}
.feat_pdfsearch .status { margin: 10px 0px; text-align: center; color: red; margin-bottom: 20px;}

/*-- Footer / lower page --*/

.phonenumber {font-size: 14px;}

@media ( min-width: 1000px )
{
  .layoutfooter { height: 290px; }
  .leftcolumn2 {margin: 62px 60px 0px 60px;}
  .footerlogo {margin: 50px 20px 0px 0px;}
  .phonenumber {margin: 20px 0px 0px 0px;}
  .footermenu {margin: 90px 0px 0px 10px; width: 140px;}
  .socialbuttons ul { max-width: 170px; justify-content: space-between; }
  .layoutfooter_inner {display: flex; justify-content: space-between; max-width: 1240px; }
}
@media ( max-width: 999px )
{
  .socialbuttons ul { max-width: 150px;  }
  .socialbuttons ul li { margin-right: 10px; }
  .layoutfooter { height: 630px; padding:  0px; text-align: center;  }
  .layoutfooter_inner { flex-wrap: wrap;}
  .leftcolumn2 { text-align: center; }
  .footerleftcolumn .items { flex-direction: column; }
  .layoutfooter_inner { max-width: 700px; }
}
.layoutfooter {background: rgb(44, 44, 44);  color: #e0e0e0; margin-top: 20px;  }
.layoutfooter_inner { margin: 0px auto 0px auto; padding: 0px 15px;}

.footerleftcolumn .items {display: flex;}

.footermenu ul li a { color: #e0e0e0; }
.footermenu ul li a:hover { color: var(--darkyellow); text-decoration: underline;  }
.footermenu  ul li {padding-bottom: 12px; }
.socialbuttons {margin: 0px 0px 20px 0px}
.socialbuttons ul {display: flex; margin: 0px auto; gap: 5px; }
.socialbuttons ul li { display: flex; justify-content: space-between; border-radius: 50%; border: 2px solid var(--darkyellow); padding: 3px;  }
.socialbuttons .fab { color: var(--darkyellow); font-size: 150%; padding: 5px;  min-width: 34px;text-align: center;}
.socialbuttons .fab a:hover {background-color: none;}
.socialbuttons ul li:last-of-type { border: none; }
.socialbuttons li a img { width: 40px; height: auto; }
.footercontact { font-size: 90%; }




.phonenumber a {color: var(--darkyellow);}
.phonenumber a:hover { color: white; }

@media ( max-width: 999px )
{
  .layoutfooter { text-align: center;}
}


/* Newsletter signup */
@media ( min-width: 1000px )
{
  .layoutfooter .int_newsletter { width: 700px; }
  .int_newsletter .submit {width: 130px; font-size: 110%;}
  .int_newsletter .field {width: 50%;  padding: 0px 20px 20px 0px;  }


}
@media ( max-width: 999px )
{
  .layoutfooter .int_newsletter { margin: 20px auto; }
  .int_newsletter .buttons {padding: 0px 0px 0px 0px; }
  .int_newsletter .buttons {width: 110px;}
  .int_newsletter .submit {width: 90%; font-size: 100%;}
  .int_newsletter .field {width: 50%;  padding: 0px 20px 20px 0px;  }

}
@media(max-width: 500px){
  .int_newsletter .field {width: 50%;  padding: 0px 0px 10px 0px;  }

}
.layoutfooter .int_newsletter {box-sizing: border-box; border: solid 3px black; line-height: 20px; padding: 20px;  height: 250px; margin-top: 25px;}
.layoutfooter .int_newsletter .form {display: flex; flex-wrap: wrap;}
.int_newsletter .titletxt {color: var(--darkyellow); font-size: 160%; font-weight: bold; width: 100%; padding-bottom: 10px;}
.int_newsletter .text p { padding-bottom: 10px; }
.int_newsletter h2 { padding-top: 15px;}
.int_newsletter .text {width: 100%; }
.int_newsletter input { outline: none; }
.int_newsletter .label {display: none; }
.int_newsletter .buttons {padding: 0px 0px 0px 0px; }
.int_newsletter .submit {background-color: var(--darkyellow); font-weight: bold; padding: 6px;} 
.int_newsletter .firstname .input, .int_newsletter .surname .input, .int_newsletter .email .input {background: white;}
.int_newsletter .message {margin: 0px 280px 15px 0px; color: red;}


/* Gutter / bottom of footer */
.layoutcredits {background: black; color: white; padding: 30px;}
.layoutcredits .beachshore {text-align: right;max-width: 1500px;}

.layoutcredits .beachshore a {text-align: right; color: white;}
.layoutcredits .beachshore a:hover { color: var(--darkyellow); }

/* Contact us page */

@media (min-width: 850px){

  .contact_middlebox .items {display: flex; justify-content: space-evenly; margin:40px; align-items:center; }
  .contactemails {width: 50%;}
  .contactemails ul {padding: 0px 0px 0px 40px;}

}

@media (max-width: 849px){

.mapbox img {width: 100%; height: auto;}

}

.contactheader { max-width: 1000px; font-size: 120%; margin: 10px auto 40px; text-align: center; padding:50px; border-bottom: 2px solid var(--border);}

.contactemails { padding: 20px; text-align: center ;}
.contactemails ul li {padding-bottom: 10px; }

.contactustext .mapbox {border:solid 2px var(--border); padding:5px;}


/* projects page */

@media (min-width: 1000px){

  .projectscontainer .items {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
  .projectschfhs, .projectsvolunteers {width: 45%;margin-bottom: 30px;}

}

@media(max-width: 999px){
  .projectschfhs, .projectsvolunteers{margin: 0px auto;}
}

.projects_current img {max-width: 100%;margin: 0px 10px 0px 0px;}
.projectscontainer {margin: 50px auto 0px auto;}
.projectscontainer .projects_current p {max-width: 1000px;}
.projectscontainer p {padding: 20px 0px 0px 0px;font-size: 100%; margin:0px auto;}
.projectscontainer a:hover {color:var(--camgreen);text-decoration: underline;}
.projectscontainer ul li {list-style-type: disc; margin: 10px 0px;} 
.projectscontainer ul {padding: 20px 0px 0px 60px; margin: 0px auto; max-width: 600px;}
.projectscontainer .titletxt, .dbase_tableless .titletxt {font-size: 160%; color : white; background-color: var(--camgreen);  padding:10px; text-align: center;}

.projects_current h3 {color: white; max-width:1077px; margin:0px auto; background-color: var(--lgreen); font-size: 120%; padding: 20px 5px 20px 5px; font-weight: bold;text-align: center;}
.projects_current {margin: 20px auto 40px auto;}

.projectsvolunteers { padding: 0px 0px 2px 2px;}
.projectsvolunteers .titletxt, .projectschfhs .titletxt, .dbase_tableless .titletxt {text-align: center; color:white; background-color: var(--camgreen);}


/* Member Benefits page */
@media (max-width: 1000px){

  .memberbenefits ul {padding: 15px 0px 15px 60px;}

}

@media(max-width: 600px){

.memberbenefits ul {padding: 20px 0px;}

}

.memberbenefits .pagecontent_inner {max-width: 800px; margin: 0px auto;}
.memberbenefits .content {padding: 10px}
.memberbenefits ul li {list-style-type: disc; margin-bottom: 10px;}
.memberbenefits .button { float:right;}
.memberbenefits .content .button a { background-color: var(--darkyellow); padding: 10px 25px 10px 25px; border-radius: 50px; color: white; text-transform: uppercase; font-size: 90%; text-decoration: none;}
.memberbenefits .content .button a:hover { background-color: black; }
.memberbenefits p {margin: 5px 0px; display: flex; align-items: center;  gap: 10px;}

/* newsletter page */

.newsletter .pagecontent { text-align: center;}
.newsletter p { margin-top: 20px;}
.newsletter a {background: var(--lgreen);padding: 10px;text-align: center;  width: 70%;}
.newsletter a:hover{text-decoration: underline;}

/* Record Offices and Libararies */


.rolcontainer {width: 70%; margin: 0px auto; text-align: center;}
.rolcontainer .items {display: flex; justify-content: center;}
.rolcontainer .content {border: 2px solid var(--camgreen); }
.rolcontainer p {padding: 190px 40px;}
.rolcontainer .titletxt {font-size: 170%; background: var(--camgreen); color: white; margin: 20px 0px 20px 0px; padding: 10px;}
.rol {width: 70%;}


/* Links page */

.linkstext {padding: 20px 0px 20px 0px;max-width: 1240px;margin: 0px auto;text-align: center;}
.scrollingtext {max-width: 1240px;margin: 0px auto;padding: 10px;}
.scrollingtext .util_expandtext .link a {display: block; background-position: 99% center; font-size: 130%;padding: 20px; width:600px;}

@media(max-width: 650px){

  .scrollingtext .util_expandtext .link a {width:450px;}
}
@media(max-width: 500px){

  .scrollingtext .util_expandtext .link a {width:350px;}

}
@media(max-width: 400px){

  .scrollingtext .util_expandtext .link a {width:300px;}

}

.linkstext {padding: 20px 0px;text-align: center;}

.scrollingtext ul li {padding-bottom: 6px; list-style-type: disc;}
.scrollingtext .items {display: flex; justify-content: space-evenly; text-align: center; flex-direction: column; }
.scrollingtext .titletxt {font-size: 150%; color: var(--camgreen); font-weight: bold; margin-bottom: 20px; text-align: center; padding: 0px;}
.scrollingtext .util_textbox {width: 32%;}
.scrollingtext a {color: var(--camgreen)}
.scrollingtext a:hover {text-decoration: underline;}
.scrollingtext .util_textbox { border: 2px solid var(--camgreen); }
.scrollingtext .util_textbox ul {margin-left: 80px;}

.scrollingtext .util_expandtext .link a { background-size: 25px; display: block; background-color: var(--lgreen); background-image: url(/images/oAb126Z1aGFklIQ9WhKD0h90b6.png); font-family: proxima-nova; font-weight: 700; color: white; }
.scrollingtext .util_expandtext ul li { list-style-position: inside; padding-top: 5px;  }
.scrollingtext .util_expandtext .text li a { font-family: proxima-nova; font-weight: 700; }
.scrollingtext .util_expandtext .text { background-color: white;padding: 15px 20px;border-bottom: 2px solid var(--lgreen);border-right:  2px solid var(--lgreen);border-left: 2px solid var(--lgreen); text-align: left;}
.scrollingtext .util_expandtext .text h2 { font-size: 110%; }


/* parishes */
.temptext {background: var(--lgreen); width: 70%; padding: 20px; margin: 0px auto; text-align: center; margin-top: 20px;}
.contiguous {width: 40%;}
.gm-style-iw-chr {height: 30px;}
.gm-style-iw-chr button span {height: 20px !important; margin-top: 0 !important;}
.gm-style-iw-c {min-width: 120px !important;}
.gm-style-iw-c a {color: var(--camgreen); font-weight: bold; min-width: 50px;}
.gm-style-iw-c strong {font-size: 110%;}

/* Privacy Statement */

.privacystatement { width: 60%; margin: 0px auto; padding: 20px;}
.privacystatement h2 {color: var(--camgreen); font-size: 170%; background: var(--lgreen);}
.privacystatement h3 { font-size: 130%; }
.privacystatement .titletxt {text-align: center;}
.privacystatement p {padding: 5px 0px; /* font-size: 120%; */}


/* Temporary  */

.temp {width: 50%; margin: 0px auto; padding: 40px;}
.temp p{ font-size: 200%; text-align: center; padding: 40px; border: 1px solid var(--camgreen);}

/* Donation Page */

.donationstxt .titletxt {background: var(--camgreen); color: white; width: 60%; text-align: center; font-size: 150%; padding: 10px; margin: 40px auto 20px auto;}
.donationstxt .content {width: 60%; margin: 0px auto; margin-bottom: 80px;}
.donationstxt ul li {list-style-type: circle; padding: 5px 0px;}
.donationstxt ul {margin-left: 40px;}

/* About us Page */

.aboutcontainer .items { display: flex;flex-wrap: wrap;justify-content: space-evenly; margin: 50px auto 0px auto;}
.aboutcontainer .aboutleft, .aboutcontainer .aboutright { width: 520px; margin-bottom: 30px;}


@media(min-width: 912px){



}
@media(max-width: 911px){



}

.aboutcontainer .titletxt{
  text-align: center;
  color:
  white;
  background-color: var(--camgreen);
  font-size: 120%;
  padding: 10px;
  width: 100%;
  /* margin: 0px auto 10px auto; */
}

.aboutcontainer img{
  max-width: 672px;
  width: 100%;
  height: auto;
}


.aboutright ul li {
  list-style-type: circle;
  padding: 5px 0px;
}

.aboutright ul{
  margin-left: 30px;
}


.aboutbot{
  margin: 0px auto;
}

/* Search results */


@media (min-width: 1240px)
{
 
}
.search {
  
  padding: 20px;
  font-size: 100%;
}

.search .titletxt {
  font-size: 170%;
  background: var(--camgreen);
  margin: 20px 0px;
  padding: 10px;
  color: white;
  text-align: center;
}

.search #result_report{
  padding: 10px 0px 20px 0px;
  text-align: center;
}

.search form{
  margin: 0px auto;
  text-align: center;
}

.result .title{
  background-color: white;
  color: var(--camgreen);
  font-size: 120%;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-family: proxima-nova;
  font-weight: 700;
}
/* NEW BASKET PAGE */

.shop_basketpage .titletxt {color:white; background-color: var(--lgreen);  margin:0px auto;  text-align: center;  padding: 20px; font-size: 180%;}
.shop_basketpage .loginrequired { background-color: var(--lgreen); padding: 20px; color: white;}
.shop_basketpage .loginrequired h2 { font-size: 110%; color:white;}
.shop_basketpage .loginrequired a { color:white;}
.shop_basket { max-width: 1000px; margin: 50px auto;}
.shop_basket table th, .shop_basket table td {padding: 5px;border-bottom: solid #e4e4e4 1px;}
.shop_basket table th.baseprice, .shop_basket table td.baseprice, .shop_basket table th.quantity, .shop_basket table td.quantity, .shop_basket table th.basetotal, .shop_basket table td.basetotal
	{ text-align: right; }
.shop_basket table th.basetotal {white-space: nowrap;}
.shop_basket .buttons { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .buttons a { margin-right: 5px;}
.shop_basket .buttons input {margin: 0px 5px 0px 5px;}
.shop_basket .basket .discount { display: none; }
.shop_basket .basket .name {max-width:1000px;}
.shop_basket .basket .total { text-align: right;}
.shop_basket .basket .remove { font-size:95%;}
.shop_basket .checkout .footer { clear:both; text-align: center; padding: 50px 0px 0px 0px; }
.shop_basket .checkout .footer p {text-align: center;}
.shop_basket .errors {text-align: center;}
.shop_basket .checkout label { font-family: proxima-nova; font-weight: 700; }

.shop_basket .confirm .notes, .shop_basket .confirm .shippingunavailable { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .shippingunavailable p { text-align: center; }
.shop_basket .confirm .voucher { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .voucher fieldset { text-align: center; }
.shop_basket .confirm .discount { clear: both; padding: 20px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .discount .discount { text-align: center;}
.shop_basket .confirm .payment { clear: both; padding: 50px 0px 0px 0px; max-width: 600px; margin: 0px auto 0px auto; }
.shop_basket .confirm .payment .label { width: 150px; }
.shop_basket .confirm .payment input[type=text] { width: 100%; }
.shop_basket .confirm .payment .paymentform { margin-top:20px;}
.shop_basket .complete { text-align:center; font-size: 115%;} 

.shop_basket .loginrequired {   border-top: 2px solid white;padding-top: 20px;}

.shop_basket table tr th.total {width: 130px; text-align: right;}


@media (min-width:1240px)
{
  .shop_basket .basket .remove:hover { text-decoration: underline;}
}

/* Checkout */

.shop_basket .checkout #basketloginform .formbuilder .field {display:flex; margin-bottom:10px; margin-top:20px;}
.shop_basket .checkout #basketloginform .formbuilder .field .label { width:25%; }
.shop_basket .checkout #basketloginform .formbuilder .field .input input { width:400px; border: none; height:40px;}

.checkout {background: var(--lgreen); max-width: 1000px; margin: 0px auto; padding:50px;}


.checkout .errors { color: white; font-family: proxima-nova; font-weight: 400; padding: 20px; line-height: 1.5; background: red; max-width: 600px; margin: 0px auto;}


.checkout #fb-ContactGroup-div > .label, .checkout #fb-BillGroup-div > .label, .checkout #fb-ShipGroup-div > .label, .checkout #fb-83-div>.label, .checkout #fb-87-div > .label, .checkout #fb-85-div > .label, .checkout .field_section .label, .checkout .field_group:last-of-type > .label {color: var(--darkblue);padding-bottom: 20px;font-size: 150%;}
.checkout #fb-ExtNewsletterSub-div .input, .checkout #fb-ExtTerms-div .input {display:flex;justify-content: space-between;}
.checkout .field_checkbox>.label { display:none;}
.checkout h2 { text-align: center; font-size: 200%; padding-bottom:15px; }
.checkout input[type=text], .checkout textarea, .checkout .input select {border: 2px solid var(--lightgrey); }
/* .checkout .input .field {padding-bottom: 30px;} */
.checkout textarea { max-width: 100%; }
.checkout .label { color: black;padding: 10px 0px;font-size: 17px;}
.checkout .field_group:last-of-type .description { padding-bottom:15px;}

.checkout .input input[type=text], .checkout .input textarea, .checkout .input select, .checkout #fb-Notes, .checkout #fb-Password-div input, .checkout #fb-Password-confirm-div input {width: 100%; max-width: 600px;/* float: right; */height: 40px;border:none;}
.checkout .input textarea {height: 100px;}
.shop_basket .checkout td.total {max-width: 100px;}
.shop_basket .checkout .formbuilder {text-align: center;}

/* Basket confirm */

.shop_basket .confirm{margin: 0px auto; max-width: 1200px; background: var(--lgreen);padding: 20px;}
.shop_basket .confirm .back {background: var(--darkyellow);text-transform: uppercase; border: none; border-radius: 25px; padding: 5px 20px; font-size: 17.6px; font-weight: bold;}
.shop_basket .confirm th { color: black; font-weight: bold;font-size: 18px; text-align: left;}
.shop_basket .confirm td{  color: black; font-size: 18px;}
.shop_basket .confirm h2{ font-size: 30px; margin: 10px 0px; text-align: center; padding: 0px;}
.shop_basket .confirm .details>div {padding: 10px; border: solid 1px black;}
.shop_basket .confirm .quantity {text-align: right;}
.shop_basket .confirm .total {text-align: right;}
.shop_basket .confirm th.subscription {text-align: left;}
/* .shop_basket .confirm tr th:last-child { display: none; } */

@media(min-width:661px){

  .shop_basket .confirm .price{padding: 15px 20px 10px 80px;}
  .shop_basket .confirm th {padding: 15px 10px 15px 10px; }
  .shop_basket .confirm td{ padding: 10px 10px;}


}
@media(max-width:660px){

.shop_basket .remove {display: none;}
.shop_basket .confirm th {padding: 15px 5px 15px 5px; }
.shop_basket .confirm td{ padding: 10px 5px;}



}
@media(max-width: 570px){

.shop_basket .confirm th,.shop_basket .confirm tr, .shop_basket .confirm td {font-size: 14px;}

}
@media(max-width:450px){

  .shop_basket .confirm .subscription {display: none;}
}

.shop_basket .confirm .details {
  display: flex;
  justify-content: space-evenly;
  margin: 60px 0px 0px 0px;
  flex-wrap: wrap;
}

.shop_basket .confirm .buttons{
  margin: 15px 0px;
  text-align: center;
}

.shop_basket .confirm .details div{
  width: 350px;
  margin: 20px 0px;
}

.shop_basket .confirm .price{
  text-align: right;
}

.shop_basket .confirm td.price {padding-top: 10px !important;}

/* IPR & Copyright */

.copyright {
  width: 60%;
  margin: 0px auto;
}

.copyright h3{
  font-size: 120%;
  padding: 10px 0px;
}

.copyright h2{
  font-size: 140%;
  padding: 15px 0px;
  text-align: center;
  background: var(--lgreen);
  color: white;
}

/* Consitution */

.constitution{
  width: 70%;
  margin: 0px auto;
  
}

.constitution li{
  list-style-type: circle;
  padding: 5px 0px;
}

.constitution ul{
  margin-left: 20px;
}

.constitution h2{
  text-align: center;
  margin-top: 40px;
  padding: 10px;
  border: solid 1px var(--lgreen);
}

.constitution h3{
  font-size: 140%;
  text-align: center;
  background: var(--lgreen);
  padding: 20px 0px 20px 0px;
  color: white;
  margin-top: 10px;
}

.constitution h4{
  font-size: 120%;
  padding: 10px 0px;
}

/* Membership */

.member_options { text-align: center; }
.member_options p { padding-top: 40px; font-size: 130%; font-family: proxima-nova; font-weight: 700; }
.member_options ul  { max-width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; }
.member_options ul li { width: 300px; margin: 0px 20px 40px 70px; height: 260px;  box-sizing: border-box; box-shadow: 0 0 10px lightgray; border-radius: 10px; padding: 50px 10px 0px 10px;  }
.member_options ul li:hover { background-color: var(--lgreen); }
.member_options ul li .name { margin-bottom: 30px;  }
.member_options ul li .name a {  background-color: var(--camgreen); color: white; font-size: 110%;  padding: 10px; font-family: proxima-nova; font-weight: 700; }
.member_options ul li .addbutton { margin-top: 30px;  }
.member_options ul li .addbutton a { color: white; background-color: var(--darkyellow); padding: 10px; border-radius: 20px; font-family: proxima-nova; font-weight: 700; }

/* Donate */

.shop_donate .introduction {padding: 0px 10px;}
.shop_donate p img { margin:20px 20px 0px 0px;}
.shop_donate ul { margin-bottom: 10px;}
.shop_donate ul li { list-style-type: disc; list-style-position: inside; padding-bottom: 5px;}

.shop_donate form .label { padding: 20px 0px 10px 0px;  }
.shop_donate form .buttons { margin-top: 20px; }
.shop_donate fieldset {background: var(--lgreen); padding: 30px; width:80%; margin: 0px auto;}
.shop_donate #fb-donate-DonAmounts-input, .shop_donate #fb-donate-DonSubscription-input { display:flex; justify-content: space-evenly;}
.shop_donate #fb-donate-DonAmounts-input .radio, .shop_donate #fb-donate-DonSubscription-input .radio {width:20%; border:1px solid black; padding: 20px;margin:10px;text-align:center;font-size:125%;box-shadow: 0px 5px 10px black;}
.shop_donate #fb-donate-DonAmounts-input #fb-donate-DonAmounts-option- { text-align: center;}
.shop_donate #fb-donate-DonAmount-div { width: 30%; margin: 0px auto;}
.shop_donate #fb-donate-DonAmount-div .input {text-align: center;margin: 10px auto; font-size:125%;}
.shop_donate #fb-donate-DonAmount { width:30%; text-align: center;}
.shop_donate #fb-donate-DonAmount, .shop_donate #fb-donate-DonNotes {background: white;}
.shop_donate .buttons {text-align: center;}
.shop_donate #fb-donate-DonNotes { width:100%; height: 50px;}

@media ( min-width:1240px)
{
  .shop_donate .introduction{ max-width: 1240px; margin: 50px auto 20px auto;}
  .shop_donate form {max-width:1240px; margin: 0px auto 50px auto;}
}

@media ( max-width:1239px)
{

}

/* Research request */

.researchreq .pagecomponents_inner{
  margin: 0px 20px;
}

.researchreq .pagecontent { padding: 30px 0px 0px 0px;}

.researchreq .button {text-align: center}

.researchreq .pagecontent_inner a {background: var(--darkyellow); text-align: center; padding: 10px; color: white; border-radius: 25px;}
.researchreq .pagecontent_inner a:hover {background: black;}

.surv_standard {
  max-width: 800px;
  background: var(--lgreen);
  margin: 20px auto;
  padding: 20px;
}

.surv_standard .label{
  font-size: 160%;
  margin: 15px 0px;
  color: black;
}

.surv_standard .help-block{
  color: black;
  margin: 15px auto;
  max-width: 500px;

}

.surv_standard .field_group .input{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 600px;
  margin: 0px auto;
}

.surv_standard .form-group{
  text-align: center;
}

.surv_standard input{
  margin: 0px auto;
}

.surv_standard .buttons {
  text-align: center;
  margin: 20px 0px;
}

.surv_standard .buttons input{
  /* padding: 15px 35px; */
  font-size: 120%;
}

.surv_standard .form-control {
  background: white;
}

.surv_standard #fb-5, .surv_standard #fb-4, .surv_standard #fb-3{
  width: 50%;
  height: 140px;
}

.surv_standard #fb-1,.surv_standard #fb-2, .surv_standard #fb-6, .surv_standard #fb-7, .surv_standard #fb-8{
  width: 340px;
}


/* Shop */


.shop_category { min-height: 400px;}
/* .shop_category .description { position:absolute; left: 50%; top: 350px; margin-left: -400px;  } */
.shop_categorylist .level1 {display: flex;gap:20px;flex-wrap: wrap;max-width: 950px;margin: 50px auto; justify-content: center;}
.shop_categorylist li .name{ text-align: center;}
.shop_categorylist li { padding: 30px; border: 1px solid black; width: 300px; margin-top: 20px; background: var(--darkyellow); font-size: 120%;color: white;}
.shop_categorylist li:hover{background: black; cursor: pointer;}
.shop_categorylist a {color:white;}

.shop_productlist { max-width:1240px; margin: 0px auto;}
.shop_productlist ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;margin: 40px auto; }
.shop_productlist ul li{padding: 20px;border: 1px solid black;width: 300px;margin-top: 20px;background: var(--lgreen); transition: ease 0.3s;top: 0px; position: relative;border-radius: 10px;}
.shop_productlist .image{text-align: center;min-height: 160px;}
.shop_productlist .image img{height: 150px; width: auto;}
.shop_productlist ul li:hover{top: -10px;}
.shop_productlist li .name {min-height:40px;}

.shop_category h1{color: white;background-color: var(--lgreen); margin: 0px auto; text-align: center; padding: 20px;font-size: 180%;}
.shop_category .product{min-height: 400px;display: flex;flex-direction: column;justify-content: space-between;}
.shop_category .product .name, .shop_category .price, .shop_category .addbutton{padding: 5px 0px;}
.shop_category .price{ margin: 5px 0px; text-align: center; margin-top: auto;}
.shop_category .name{text-align: center; }
.shop_category .product .summary{font-size: 90%;color: var(--camgreen);text-align: center; margin-top: 10px;}
.shop_category .addbutton a{background: var(--darkyellow);text-align: center; display: block; color: white; padding: 5px;}
.shop_category .addbutton a:hover{background: black}

.membership-products .product{min-height: 350px;}


.shop_downloads .nodownloads { margin:30px 0px; text-align: center;}
.shop_downloads table { width: 100%; }
.shop_downloads tr th { border: none; }
.shop_downloads th, .recordings .shop_downloads td { padding: 5px 5px 20px 5px; border-bottom: 1px solid lightgrey;}
.shop_downloads td.name { width: 750px; padding-top: 20px;  }
.shop_downloads td.purchased { font-size: 95%; padding-top: 20px;  } 
.shop_downloads td.download a { display: block; text-align: center; border-radius: 16px;  padding: 10px; color: var(--darkyellow);  margin-left: 30px; color: white;}
#downloadplayer { display: flex; justify-content: center; align-items: center; }
#downloadplayer .ui-dialog { background: #000000; border: none; padding: 0px; border-radius: 0px; }
#downloadplayer .ui-dialog-titlebar { background: var(--camgreen); border: none; border-radius: 0px; color: white; font-size: 120%; padding: 10px; }
#downloadplayer .ui-dialog .ui-dialog-titlebar-close span { margin: -8px 0px 0px -8px; text-align: right; padding: 5px; ; }
#downloadplayer .ui-dialog button { position: absolute; right: 20px; }
#downloadplayer .ui-dialog button:hover { cursor: pointer;} 

.shop_downloads {margin: 20px 0px;}
.shop_downloads th {background: var(--lgreen); color: white; font-size: 20px; padding: 10px 15px;}
.shop_downloads td {padding: 10px 15px;}
.shop_downloads td.name, .shop_downloads td.purchased, .shop_downloads td.download {border-bottom: 2px solid var(--camgreen);}
.shop_downloads td.download {padding: 10px 0px;}
/* Your account details */

.memb_account fieldset {padding: 15px;}
.memb_account .label {font-size: 21px;}
.memb_account #fb-3-div {display: flex; justify-content: center;}

/* Shop Table */

table {width: 100%;}
.dataTable { padding: 30px 0px; }
/* .dataTables_length { float: left; } */
.dataTables_filter {/* float: right; */padding-right: 15px;}
.dataTables_filter input[type=search] { margin-left: 10px;}
.shop_producttable {max-width:1240px;margin: 50px auto 50px auto;}
.shop_producttable th {color: white; font-size: 115%;padding: 5px; background: var(--lgreen); }
.shop_producttable td {border-bottom: 1px solid lightgrey;padding: 20px 0px;}
.shop_producttable td.buybutton a {background-color: var(--darkyellow);color: #fefefe;/* padding: 5px 10px; */transition: 0.3s ease-in;}
.shop_producttable td.buybutton a:hover { background-color: black;  }
.shop_producttable .dataTables_info { float: left;}
.shop_producttable .dataTables_paginate {width: 180px;margin-top: 25px;}
.shop_producttable .dataTables_paginate a {box-shadow: 0 0 10px lightgrey;transition: 0.3s ease-in;border-radius: 5px;padding: 5px 10px; margin: 0px 5px;}
.shop_producttable .dataTables_paginate a:hover { background-color: lightgrey; cursor: pointer; }
.shop_producttable table tr.product:hover  { background: #e3e2e1;}
.shop_producttable table tr.product { transition: 0.3s ease-in;}
.shop_producttable table td.name { width: 70%;}


.breadcrumb { position: absolute; left: 50%; margin-left: -600px; margin-top: 20px;    }
.breadcrumb ul { display: flex; font-size: 90%; }
.breadcrumb ul li a { margin-right:5px;}
.breadcrumb ul li a:hover { color: var(--tgrey); }

.shop_tabcategory .subcategories { display:flex;}
.shop_tabcategory .subcategories li a { font-family: proxima-nova; font-weight: 700; }
.shop_tabcategory .subcategories {display: flex;flex-wrap: wrap;max-width: 1240px;margin: 40px auto 0px auto;justify-content: center;gap:  20px;}
.shop_tabcategory .subcategories li{margin: 20px 0px;}
/* .shop_tabcategory .subcategories li a { background-color: var(--darkyellow); padding: 15px;color:white; margin: 0px 10px; transition: ease 0.4s; display: inline-block; width: 220px; box-shadow: 5px 5px black;}
.shop_tabcategory .subcategories li a:hover {position: relative; top: 5px; right: -5px; box-shadow: none;} */
.shop_tabcategory .description{margin: 40px 0; text-align: center;}



/* Research surgeries */

@media (min-width:1240px)
{
  .researchsurg .pagecontent { width: 50%; float: left;}
  .researchsurg .pagecomponents { width: 50%; float:right;}
}

/* Member Interests */

.np_memberinterests h2 { display:none;}
.np_memberinterests .dataTables_wrapper {margin:20px 0px;}
.np_memberinterests .dataTables_info { float: left; width:50%;}
.np_memberinterests .dataTables_paginate { float: right; width:50%; text-align: right;}
.np_memberinterests .dataTables_paginate .paginate_button { padding: 0px 5px;}
.np_memberinterests .dataTables_paginate .paginate_button:hover {text-decoration: underline;}
.np_memberinterests .dataTables_wrapper td { padding: 5px 0px;}
.np_memberinterests .dataTables_wrapper th { background-color: var(--lgreen); padding: 5px; color:white;}
.np_memberinterests .dataTable td a {background: var(--darkyellow); display: block; text-align: center;}
.np_memberinterests .dataTable td a:hover {background-color: black;}
.np_memberinterests .contact .formbuilder  .field_readonly .label { background: var(--lgreen); max-width: 250px; 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(--lgreen); max-width: 250px; width: 100%; padding: 10px; text-align: center;}
.np_memberinterests .contact .formbuilder .label, .np_memberinterests .contact .formbuilder .input {font-size: 20px; margin:15px 0px;}
.np_memberinterests .add fieldset .formbuilder {display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;}
.np_memberinterests .add .formbuilder{ background: var(--lgreen); padding: 40px; max-width: 500px; margin: 40px auto;}
.np_memberinterests .add .field_text {display: flex; justify-content: center; align-items: center; text-align: left; gap: 10px;}
.np_memberinterests .add .field_text .label {width: 90px; font-size: 20px; font-weight: bold; margin: 10px 0px;}
.np_memberinterests .add .buttons {text-align: center;}

/* Virtual Speakers */ 

.virtual_speakers .content .links a { color: var( --darkyellow); font-weight: bold; text-decoration:underline;}
.virtual_speakers .content .links a:hover { color: var(--darkblue); }
.virtual_speakers .content { text-align: center;}
.virtual_speakers .content .intro p:nth-child(3){ margin-top: 20px;}
.virtual_speakers .vspeaker_events { text-align: center;}
.virtual_speakers .vspeaker_events ul {display: flex; justify-content: center; flex-wrap: wrap; max-width: 1000px; margin: 0px auto;}
.virtual_speakers .vspeaker_events li {padding: 15px;border-bottom: 2px ; max-width: 450px; background: var(--lgreen); margin: 15px; transition: 0.3s ease;}
.virtual_speakers .vspeaker_events li:hover{background: rgb(182, 211, 192);}
.virtual_speakers .vspeaker_events .name {font-size: 20px; font-weight: bold; margin: 20px 0px;}


/* Recorded Talks */ 

.recordings .talk { clear: both; padding: 10px; border-top: 1px solid black;}
.recordings .talk h2 {padding: 30px 0; text-align: center; font-size: 120%;}
.recordings .talk .content { width: 50%; float: right; padding: 0px 10px 20px 20px;  }
.recordings .talk .titleimg { width: 50%; float: left; }
.recordings .talk .titleimg iframe { width: 100%; height: 300px; margin-bottom: 30px; }
.recordings .talk p a { color: var(--darkyellow); font-weight: bold; text-decoration: underline;}
.recordings .talk p a:hover { color: var(--darkblue);}
.recordings .presentations { clear: both; padding-top: 40px;}

@media(max-width:800px){

  .recordings .talk .content { width: 100%; float: none; }
  .recordings .talk .titleimg { width: 100%; float: none; }
}

/* Name & Places */


.np_nameandplace .buttons input {height: 40px;}
.np_nameandplace .contact form {max-width: 500px; padding: 20px; margin: 0px auto;}
.np_nameandplace .contact form textarea{width: 100%;}
.np_nameandplace .contact .field_readonly {display: flex;justify-content: center;/* gap: 15px; */}
.np_nameandplace .contact .field_readonly .label, .np_nameandplace .contact .field_readonly .input {width: 90px; font-size: 18px;}

.namesandplacespage .nameandplace h2 {font-size: 200%; margin-bottom: 20px;}
.namesandplacespage .nameandplace h3 {font-size: 150%; margin-top: 20px; margin-bottom: 20px;}
.namesandplacespage .nameandplace form {width: 300px; margin: auto;}
.namesandplacespage .nameandplace .formbuilder input {margin: 15px 0px 15px 0px; border: none;}
.namesandplacespage .nameandplace fieldset {margin-bottom: 30px;}
.namesandplacespage .nameandplace .formbuilder .label {font-size: 150%;}
.namesandplacespage .breadcrumb { padding-bottom: 20px; text-align: left; }

.namesandplacespage .np_namesearch form, .namesandplacespage .np_placesearch form { width: 100%; }
.namesandplacespage .np_namesearch .formbuilder, .namesandplacespage .np_placesearch .formbuilder { background-color: var(--bgrey); padding: 20px 0px; margin: 20px 0px;}
.namesandplacespage .np_namesearch .field, .namesandplacespage .np_placesearch .field { width: 590px; margin: 0px auto; }
.namesandplacespage .np_namesearch .label, .namesandplacespage .np_placesearch .label { float: left; width: 40%; text-align: left; }
.namesandplacespage .np_namesearch .formbuilder .label, .namesandplacespage .np_placesearch .formbuilder .label {font-size: 120%;margin-top: 10px;line-height: 40px;}
.namesandplacespage .np_namesearch .input input[type=text], .namesandplacespage .np_namesearch .input input[type=number], .namesandplacespage .np_placesearch .input input[type=text] { background: white; border: none; outline: none; width: 280px; height: 40px; padding: 10px;}


.namesandplacespage .np_namesearch .field_radio .input #fb-mode-input, .namesandplacespage .np_placesearch .field_radio .input #fb-mode-input { display: flex; width: 350px; font-size: 90%; justify-content: space-between; }
.namesandplacespage .np_namesearch .back, .namesandplacespage .np_namesearch {text-align:center;}

/* Name and Place data tables */

.np_namesearch .additional th {background: white; color: black;}
.np_namesearch .additional td, .np_namesearch .additional th{border-bottom: 2px solid var(--lgreen); padding: 10px;}

.np_namesearch  h3 {margin: 20px 0px; font-size: 24px; padding: 0px 10px; border-bottom: solid 2px var(--lgreen);}
.np_namesearch .related h4 {margin: 20px 0px; font-size: 22px; padding: 0px 10px;}
.np_namesearch .related h5 {margin: 20px 0px; font-size: 20px; padding: 0px 10px;}
.np_namesearch .button, .np_namesearch button {margin: 5px;}

.dataTables_processing {color: white; text-align: center; padding: 5px 5px 5px 5px ; margin-left: 220px; margin-bottom: 6px; background: var(--darkyellow); max-width: 200px;;}
table.dataTable {border: none;/* padding: 0px 10px; */}
table.dataTable th, table.dataTable td { border: none; }
table.dataTable th { border-bottom: solid var(--camgreen) 2px; background: var(--lgreen); color: white; padding: 5px; }
table.dataTable td { border-bottom: solid var(--bgrey) 1px; }
table.dataTable a {display: block;}
table.dataTable a:hover { text-decoration: underline; }
table.dataTable tr td {padding: 10px 10px;}
table.dataTable .summary {font-size: 90%;color: var(--camgreen); padding-top: 5px;}
table.dataTable td.price {padding: 10px 20px 10px 7px;}
table.dataTable .buybutton a{text-align: center; background: none;}
table.dataTable .buybutton a:hover {background: none; color: black;}
table.dataTable .buybutton {/* padding: 10px 5px; */background: var(--darkyellow);}
table.dataTable tr:hover { background-color: var(--bgrey); }
/* table.dataTable .code {max-width: 150px;} */
table.dataTable select{padding-right: 0px; }
table.dataTable a{overflow-wrap:break-word; color: var(--camgreen)}
table.dataTable .sorting_disabled{ min-width: 70px;}
table.dataTable .addbutton a{display: block;}
.dataTables_filter label {padding: 10px 0px;}


.dataTables_wrapper { padding: 20px 0px 20px 0px; }
.dataTables_filter {text-align: left;padding: 5px 10px;display: flex;/* justify-content: center; */flex-wrap: wrap;gap: 20px;}
.dataTables_filter input, .dataTables_filter select { margin: 0px 0px 0px 10px; width: 200px; }
.dataTables_length {/* float: right; */padding-bottom: 30px;}
.dataTables_info {padding-bottom: 20px;padding-top: 30px;}
.dataTables_paginate a { cursor: pointer; padding: 0px 5px 0px 5px; }
table a { font-family: proxima-nova; font-weight: 700; }


@media(max-width:750px){
  .dataTables_filter{flex-direction: column; gap:0px}
  .dataTables_filter label{max-width: 260px; display: flex; justify-content: space-between;}

}

@media(max-width:600px){
  table.dataTable td.name, table.dataTable td.options, table.dataTable td.code {padding: 5px 5px 5px 0px;}
  table.dataTable td.options select {width: 40px;}
  table.dataTable td.price{padding: 7px;}
  table.dataTable td.code,table.dataTable td.name {font-size: 13px;}
  table.dataTable .buybutton{
    padding: 10px;
  }

  table.dataTable td.code {padding: 10px 0px 10px 0px;}

  .dataTables_length{float:none !important; margin-left: 10px;}
  #producttable {width: 600px;}
  .shop_producttable {overflow-x: scroll;}

}
@media(max-width:490px){
 
}

/* dataTable sorting icons */

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; min-width: 80px;}
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: 5px;right: 8px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; }

/* Research */ 

.research .pagecontent { text-align: center;}
.research h2 { font-size: 150%; text-transform: uppercase; }
.research .box {display: flex; flex-direction: row-reverse; margin: 20px auto; max-width: 800px; align-items: center; justify-content: left; background: var(--lgreen); }
.research .text {max-width: 500px;}
.research h2 {width: 100%;}
.research .box p {margin: 10px; padding: 0px;}
.research img {width: 300px;height: auto;  }
.research .box .text { padding: 0px; font-size: 18px; font-weight: bold;}


@media(max-width:550px){

  .research .box {flex-wrap: wrap; justify-content: center;}
  .research img {justify-self: center;}


}

/* Record sets */

.recordsets .util_expandtext{
  margin: 20px auto 20px auto;
  max-width: 1220px;
  padding: 0px 10px;
}

.recordsets .util_expandtext .link {width: 100%;}
.recordsets .util_expandtext .link a{
  color: white;
  padding: 15px 60px 15px 60px;
  font-size: 20px;
  background: var(--camgreen);
  display: block;
  background-image: url(/images/oAb126Z1aGFklIQ9WhKD0h90b6.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: 99% ;
  width: 100%;

  margin: 0px auto;
  
}
.recordsets .util_expandtext .text{
  margin-top: 20px;
  border-left: 5px solid var(--camgreen);
  padding-left: 10px;
}

.recordsets p{
  text-align: center;
  font-size: 20px;
  background: var(--lgreen);
  padding: 20px;
  color: white;
}

.recordsets .util_expandtext .text a{ text-decoration: underline;}

.recordsets .util_expandtext .text p {background: none; color: black; text-align: left;}

/* Name and Place */

@media(min-width:1080px){


  .np_namesearch .field_group>.input { gap: 90px;} 
  .np_namesearch .field_group {gap: 90px;}


}
@media(max-width:1079px){

  .np_namesearch .field_group>.input {gap: 20px;} 

  .np_namesearch .field_group {gap: 20px;}

  
}
@media(max-width:720px){

  .np_namesearch .field_group {justify-content: center;}
  .np_namesearch .label {text-align: center;}

}


.np_namesearch .toplinks { margin-top:20px;}
.np_namesearch .formbuilder {background-color: var(--lightgrey);padding: 20px 0px; margin: 20px auto 20px auto;  }
.np_namesearch .label {font-size: 150%; }
.np_namesearch .field_group {display: flex; flex-wrap: wrap;margin: 20px;gap: 10px;}
.np_namesearch .field_group>.input {display: flex;justify-content: center;flex-wrap: wrap; } 
.np_namesearch .field_text .input input {width: 100%;}
.np_namesearch .field_text .input{width: 270px;}
.np_namesearch .label {width: 200px; font-weight: bold;}
.np_namesearch .field_text .label { display: none; }


.np_namesearch #fb-22-div {max-width: 720px;}

.np_namesearch th{background-color: var(--lgreen); padding: 5px 10px; color: white;}
.np_namesearch td a {/* background: var(--darkyellow); *//* display: block; *//* padding: 5px; */}
.np_namesearch td a:hover {/* background: black; */}


.np_namesearch .field_radio .input #fb-firstname-mode-input, .np_namesearch .field_radio .input #fb-lastname-mode-input, #fb-place-mode-input {display: flex; flex-wrap: wrap; max-width: 400px; margin: 0px auto; font-size: 90%; justify-content: center; align-items: center;}
.np_namesearch .button, .np_namesearch button {float: right;}
.np_namesearch .back button {float: none;}

.np_namesearch .input input[type=text], .nameandplace input[type=number], .nameandplace select {
  background: white;
  border: none;
  outline: none;
  width: 280px;
  height: 40px;
  padding: 10px;}

.spacer {display: none;}
/* Spotlight surname and place */

.namesandplacespage .pagecomponents {padding-top:30px; }
.namesandplacespage .dbase_tableless .titletxt { margin-bottom: 20px;}
.namesandplacespage .dbase_tableless .records { display:flex; flex-wrap: wrap; gap: 20px 20px; }
.namesandplacespage .dbase_tableless .record {width: 48%; border-bottom: 2px solid var(--lightgrey); padding-bottom:20px;}
.namesandplacespage .dbase_tableless .column_PlaceName, .namesandplacespage .dbase_tableless .column_NameSurname { font-family: proxima-nova; font-weight: 700; }
.namesandplacespage .dbase_tableless .column__PlaceText_Value p { margin-top:10px;}
.namesandplacespage .dbase_tableless.surname .record { display:flex; flex-direction: column;}

/* Page not found */
.pagenotfound p {font-size: 25px;}
.pagenotfound a {color: rgb(96, 96, 221); text-decoration: underline;}

/* Policies */
.policies .pagecontent_inner > p:first-of-type{width: 100%; text-align: center; font-size: 20px;}
.policies .pagecontent_inner {display: flex; justify-content: center; flex-wrap: wrap;}
.policies p {margin: 10px; width: 300px;}
.policies a{background: var(--darkyellow); padding: 10px; color: white; display: inline-block; width: 300px;}

/* Talks */
.futureevents ul {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.futureevents li {max-width: 500px; border: solid 1px var(--camgreen); padding: 10px;}
.futureevents .image {text-align: center;}
.futureevents img{width: 100%; max-width: 450px; height: 300px; }
.futureevents li .link {text-align: center; margin-top:20px; margin-bottom:20px;}
.futureevents li .link a {color: white; background: var(--darkyellow); padding: 7px; border-radius: 16px;}
.futureevents li .link a:hover {background-color: black;}
.futureevents li .name {text-align: center; font-size: 30px;}
.futureevents .startdate, .futureevents .time, .futureevents .venue {font-size: 20px;}
.futureevents .abstract {font-size: 16px; margin: 10px 0px 15px 0px;}
.events .toplinks {text-align: center; margin: 30px 0px; font-size: 20px;}
/* .events .toplinks a {background: var(--darkyellow); padding: 15px; box-shadow: 5px 5px black; color: white;} */
/* .events .toplinks a:hover {position: relative; right: -5px; bottom: -5px; box-shadow: none;} */

/* Comitte expense claim */
.surv_surveypage .titletxt {text-align: center; font-size: 25px; margin: 15px 0px;}
.surv_surveypage #fb-11-div{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.surv_surveypage .label {font-weight: bold;}
.surv_surveypage .addlink a, .surv_surveypage .removelink a{background: var(--darkyellow); color: white; padding: 5px; border-radius: 16px; display: inline-block; width: 100px; margin: 5px 0px;}
.surv_surveypage .field_text, .surv_surveypage .field_select, .surv_surveypage .field_date {display: flex; justify-content: center; align-items: center;} 
.surv_surveypage .field_text .label, .surv_surveypage .field_select  .label, .surv_surveypage .field_date .label {width: 140px; text-align: left;}
.surv_surveypage .field_text .input, .surv_surveypage .field_select  .input, .surv_surveypage .field_date .input {width: 250px;}
.surv_surveypage .field_text input, .surv_surveypage .field_select select, .surv_surveypage .field_date input {width: 100%;}
.surv_surveypage #fb-17-0-16-div {display: flex; justify-content: center; align-items: center; gap: 10px;}
.surv_surveypage #fb-17-0-16-div input {margin-top: 7px;}
.surv_surveypage .message {color: red; text-align: center; margin: 10px 0px;}

.expenses .buttons input {padding: 15px 10px 30px 10px; display: block; width: 200px;}
.expenses .addlink a:hover {background: black;}

.field_file .input {width: 50%;text-align: center;border: 6px dashed #d3d3d3;border-radius: 15px;height: 300px;margin: 10px auto;}
.fbdropzone {cursor: pointer;display: block;height: 150px;width: 100%;background-image: url(/images/KD4Esa2jkLCLWfiMJYIt.svg);background-position: center;background-repeat: no-repeat;}
.dz-clickable {cursor: pointer;}
.formbuilder .dz-preview {display: inline-block;width: 100%;margin: 0 10px 10px 0;background-color: #ddd;padding: 10px;box-sizing: border-box;min-height: 100px;}
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark {display: none;}
.dz-remove { display: inline-block; color: var(--darkyellow); background-color: var(--white); font-weight: bold;padding: 5px;border-radius: 16px;width: 100px;margin: 20px 0px;}


/* Record offices */
.record-offices .pagecomponents_inner {display: flex; justify-content: center;}
.record-offices h2 {font-size: 20px; font-weight: bold; margin: 20px 0px 0px 0px;}
.record-offices .std_content { padding: 0px 50px;}

.record-offices .pagecomponents {max-width: 100%;}
.record-offices a {text-decoration: underline; color: var(--darkyellow);}
.record-offices .pagecontent_inner {margin: 30px 0px;}

@media(min-width:901px){
  .record-offices .std_content {width: 50%;}
  .record-offices .googlemap {width: 50%;}

}
@media (max-width: 900px){

  .record-offices .pagecomponents_inner {flex-wrap: wrap;}
  .record-offices .googlemap {width:100%;}
  .record-offices .std_content {max-width: 500px;}
}

/* Pop up */

.ui-widget { font-family: proxima-nova; font-weight: 400; }
.ui-widget-overlay {background: black;}
.ui-widget-overlay .ui-dialog-titlebar::before {background-color: black;}
.ui-dialog { background: var(--white); z-index: 10000; }
.ui-dialog-titlebar { background: none; border: none; }

/*  Name & Place source browser */

.dataTable tr.even { background-color: #f3f3f3;}
.dataTables_length {float: right;}
.dataTables_length select { border: 1px solid black; width: 70px; padding: 5px 0px 5px 5px; height: 30px;  font-size: 90%; }
.dataTables_info, .dataTables_paginate { text-align: center; }
.dataTables_paginate a { transition: all .3s ease-in-out; color: var(--camgreen); font-weight: 700;}
.dataTables_paginate a.disabled { cursor: default; }
.dataTables_paginate a:hover { background-color: var(--lightgrey); }

.np_sourcebrowser .toplinks {margin: 10px;}
.np_sourcebrowser .breadcrumb {position:relative; margin: 0px; left: 0px; padding: 10px 0px;}
.np_sourcebrowser h3 {margin: 20px 0px; font-size: 24px; text-align: center; font-weight: 600;}
.np_sourcebrowser .relatedmedia ul {display: flex; justify-content: center;}
.np_sourcebrowser .relatedmedia li {margin: 10px; text-align: center;}
.np_sourcebrowser .relatedmedia img {max-width: 300px; width:100%; height: auto;}

.np_sourcebrowser th, .np_sourcebrowser td { padding: 7px; }
.np_sourcebrowser .additional th, .np_sourcebrowser .additional td { border: 2px solid var(--lgreen); border-top: 0px;}
.np_sourcebrowser .additional tr:first-of-type th, .np_sourcebrowser .additional tr:first-of-type td { border-top: 2px solid var(--lgreen); }
.np_sourcebrowser .additional th { border-right: none; }

.np_sourcebrowser .dataTable td:last-of-type { width: 11%;}
.np_sourcebrowser .dataTable td:last-of-type {  }
.np_sourcebrowser .dataTable td:last-of-type {  }
.np_sourcebrowser h4 { text-align: center; background-color: var(--camgreen); color: white; padding: 10px 0px; margin-top: 30px; font-size: 110%; font-weight: 700;}

/* Place search */

.np_placesearch .back {margin: 10px;}
.np_placesearch h3 {margin: 20px 0px; font-size: 24px; border-bottom: solid 2px var(--lgreen); padding: 10px 0px;}
.np_placesearch h4 {margin: 20px 0px; font-size: 22px; }
.np_placesearch .related th {background: var(--lgreen); color: white; padding: 5px 5px; font-size: 18px;}
.np_placesearch .related td {padding: 5px;}
.np_placesearch .related a {background: var(--darkyellow); display: block; color: white; padding: 5px;}
.np_placesearch .related a:hover {background: black; }

/* Books */

.books img {width: 100%; height: auto; max-width: 500px;}

/* Projects */

.projectscontainer{padding: 0px 10px;}

/* Newsletter Archive */

.n-archive li {margin: 15px 0px;}
.n-archive li a {background: var(--darkyellow); padding: 10px; display: block; max-width: 300px; margin: 0px auto; color: white; border-radius: 25px;}
.n-archive li a:hover {background: black;}

/* Product downloads */

.productdownload h2 { text-align: center; max-width: 98%; }

/* Member Interest */

.np_interesteditor { max-width: 1240px; margin: 20px auto 0px auto; }
.np_interesteditor h2 { text-align: center; font-size: 140%;  }
.np_interesteditor a.button { margin-bottom: 20px; }
.np_interesteditor .formbuilder { max-width: 500px; background: var(--lgreen); padding: 40px; margin: 50px auto; }
.np_interesteditor .formbuilder .field_text { display: flex; justify-content: center; align-items: center; text-align: left; gap: 10px; padding-bottom: 20px }
.np_interesteditor .formbuilder .field_text .label { width: 120px; }
.np_interesteditor .buttons { width: 210px; margin: 0px auto; }

.np_interesteditor table { padding-top: 30px; }
.np_interesteditor table th { background-color: var(--lgreen); color: white; padding: 5px; border-bottom: var(--camgreen) solid 2px; }
.np_interesteditor table td { padding: 5px; border-bottom: solid var(--bgrey) 1px; }
.np_interesteditor table tr.even { background-color: #f3f3f3; }
.np_interesteditor table tr:hover { background-color: var(--bgrey); }
.np_interesteditor table tr td:last-of-type { text-align: right; }
.np_interesteditor table tr td:last-of-type a { padding-right: 20px; }
.np_interesteditor table tr td:last-of-type a:hover { color: var(--camgreen); }
.np_interesteditor table tr td:last-of-type a:last-of-type { padding-right: 0px; }

@media ( max-width: 410px )
{
  .np_interesteditor .formbuilder { max-width: 100%; padding: 20px; }
  .np_interesteditor .formbuilder .field_text { flex-direction: column; }
  .np_interesteditor .formbuilder .field_text .label { width: 100%; }
  .np_interesteditor .formbuilder .field_text .input { width: 100%; }
  .np_interesteditor .formbuilder .field_text .input input[type=text] { width: 100%; }
}

.citation {margin: 10px; font-style: italic; color: gray;}