/* Colours */
 
:root
{
    --white: #ffffff;
    --blue: #333a8b;
    --lightblue: #3f51ff;
    --grey: #5e7784;
    --lightgrey: #d6d6d6;
	--bluenp: #009f93;
	--greynp: #f6f3f0;
	--dgreynp: #F6F6F6;
	--lgrey: #ebe8e7;
	--input: #b3b3b3;
	--border: #cacaca;
}
 
/* Fonts */

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

/* CSS reset */
 
* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: var(--white);color: var(--darkblue);font-family: Arial;font-weight: normal;font-size: 110%;line-height: 1.4;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a {color: var(--blue);text-decoration: none;font-weight: bold;cursor: pointer;font-family: Arial;transition: 0.3s ease-in;/* display: block; */}
a:hover { text-decoration: underline; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align:top;}
h1 h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: bold; line-height: 1; font-family: Arial; }
h2 { border-bottom: 2px solid var(--blue); color: var(--blue); font-size: 150%;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select, button { font-family: Arial; font-weight: normal; font-size: 90%; border: none; background-color: #ffffff; padding: 5px; color: #000000; box-sizing: border-box; }
input[type=text], input[type=password]  { height: 30px;  }
input[type=button], input[type=submit], .nameandplace button, .basket .buttons a {cursor: pointer;background-color: #4c9bd0;color: #ffffff;padding: 10px 20px 10px 20px;font-family: Arial;font-weight: bold;}
.basket .buttons a, .basket .buttons input[type=submit] { padding: 8px 15px; height: fit-content; }
.basket .buttons input[type=submit] {padding: 11px 20px 10px 20px;}
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 10px 0px;margin: 0px;}
strong, b {font-weight: bold;font-family: Arial;}
td, th { padding: 0px; text-align: left; vertical-align: top; }
th { font-family: Arial; font-weight: bold; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; display: none; }
img {max-width: 100%;height:auto;}
table { border-spacing: 0px; }
td, th { padding: 0px; }
.beachshore {display:none;}

.layoutmiddle { min-height: 50vh;}

/* Text Font Size */

.feat_textsize ul { margin-right: 30px; position: absolute; top: 10px; margin-left: -100px;  }
.feat_textsize ul li { display: inline-block; cursor: pointer; padding-left: 1px;}
.button1 { font-size: 70%;}
.button2 { font-size: 80%; }
.button3 { font-size: 90%; }
body.size1 { font-size: smaller; }
body.size2 { font-size: normal; }
body.size3 { font-size: larger; }


/* Layout & General */

.layoutfooter {background-color: black; color:#ffffff}
.layoutmiddle  { clear:both;}
.nav_breadcrumb {border-top: 2px solid lightgrey; }
.home.std_contentpage { border: none;}
.std_contentpage .pagetitle, .shop_category h1, .shop_donate h1, .event_eventpage h1, .shop_orderhistory h1, .util_sitesearch .titletxt, .shop_basketpage h1, .section4 .shop_product h1, .event_recurringpage h1   {text-align: center;font-size:200%;margin-bottom: 30px;text-transform: uppercase;background: var(--blue);color: white;padding: 15px 0px; font-family: Arial; font-weight: bold;}
.std_contentpage .pagecontent a {color: var(--blue);font-family: Arial; font-weight: bold;}
.memberslogin li a i { margin-right:10px;}

.std_contentpage .pagecontent li { list-style-type: disc; }
.std_contentpage .pagecontent ul {text-align: left;margin: 0px 0px 15px 15px;} 

@media (min-width: 1040px)
{
  .layoutheader_inner  {max-width: 1240px;margin: 15px auto; height: 110px; }
  .std_contentpage .pagetitle .pagetitle_inner { max-width: 1240px; margin: 0px auto; }
}

@media ( min-width: 1280px )
{
	.std_contentpage .pagecontent, .std_contentpage .pagecomponents, .shop_product, .shop_orderhistory .content { max-width: 1240px;margin: 0px auto;  }
}
@media ( min-width: 1040px ) and ( max-width: 1279px )
{
	.std_contentpage .pagecontent, .std_contentpage .pagecomponents, .shop_product, .shop_orderhistory .content { max-width: 98%; margin: 0px auto;  }
	.std_contentpage .pagecontent ul { }
}

@media ( max-width: 1039px )
{
  .layoutmiddle .content { padding: 0px 20px; }
  .layoutmiddle .pagecomponents, .shop_product { margin: 0px 20px;}
  .layoutheader_inner { height: 100%; display: flex; align-items: center; gap:  50px; }
  body {margin-top: 130px;}
}

@media ( max-width: 800px )
{
	.headerlogo img { width: 150px; }
	body {margin-top: 100px;}
	.std_contentpage .pagetitle, .shop_category h1, .shop_donate h1, .event_eventpage h1, .shop_orderhistory h1, .util_sitesearch .titletxt, .shop_basketpage h1, .section4 .shop_product h1, .event_recurringpage h1 { font-size: 150%; padding: 10px !important; }
}
@media ( max-width: 700px )
{
	.layoutheader_inner { display: block; }
}

@media (max-width: 500px)
{
  .std_contentpage {/* margin-left: 20px; *//* margin-right:20px; */}
}

/* Header */

.layoutheader .flexbox {padding-bottom: 20px;}
.layoutheader .flexbox .items{display:flex;flex-direction: row;align-items: center;}
.layoutheader .flexbox .headerbuttons { padding-right: 25px;}
.layoutheader .flexbox .headerbuttons ul {display:flex;flex-direction: row;gap: 10px;}
.layoutheader .flexbox .headerbuttons li a {display:block;padding: 5px 20px;text-transform: uppercase;border-radius: 25px;font-size: 80%;font-family: Arial; font-weight: bold;text-align: center;}
.layoutheader .flexbox .headerbuttons .link1 a {background-color: var(--lightblue); color: white;padding: 8px 20px;}
.layoutheader .flexbox .headerbuttons .link2 a {background-color: var(--blue);color: white;padding: 5px 18px; border: 3px solid var(--blue);}
.layoutheader .flexbox .headerbuttons .link3 a { border: 3px solid var(--blue); color: var(--blue);}
.layoutheader .flexbox .headerbuttons .link1 a:hover {background-color: var(--blue); color:white; }
.layoutheader .flexbox .headerbuttons .link2 a:hover {background-color: white;  color: var(--blue);   }
.layoutheader .flexbox .headerbuttons .link3 a:hover { background-color: var(--blue); color:white;}

.layoutheader .util_sitesearchbar .form { background-color: #f0ecec; border-radius: 25px;}
.layoutheader .util_sitesearchbar input[type=text] {background-color: transparent;}
.layoutheader .util_sitesearchbar .form input[type=text], .layoutheader .util_sitesearchbar .form button {border:none;  }
.layoutheader .util_sitesearchbar .form button { background-color: #f0ecec; }
.layoutheader .util_sitesearchbar .form button:hover i { cursor: pointer;}

@media (min-width: 1040px) /* desktop */
{
  .layoutheader .headerlogo {float: left;width: 20%;clear: both;}
  .layoutheader .util_sitesearchbar .form { height: 35px;}
  .layoutheader .util_sitesearchbar input[type=text] { width: 130px; font-size: 80%; padding-left: 20px; padding-top: 10px; }
  .layoutheader .util_sitesearchbar .form button { margin-right: 15px;}
  .layoutheader .toggle {display: none;}
  .layoutheader .flexbox .items{ justify-content: end;}
}

@media (max-width: 1040px) /*  mobile */
{
  .layoutheader {/* margin-top:15px; */}
  .layoutheader .util_sitesearchbar { display: none;}
  .layoutheader .flexbox .items{justify-content: center;}
  .layoutheader .headerlogo {/* text-align: center; */}
}

@media ( max-width: 800px )
{
	.layoutheader .flexbox { padding-bottom: 0px; }
}
@media ( max-width: 700px )
{
	.layoutheader .headerlogo { text-align: center;}
	.layoutheader .headerlogo img { width: 170px; height: auto; text-align: center; ;}
}

@media ( max-width: 500px) /* mobile */
{
  .layoutheader .headerbuttons {/* display:none; */ font-size: 80%; }
  .layoutheader .flexbox .headerbuttons { padding-right: 0px; }

  .layoutheader .flexbox .headerbuttons ul {gap: 5px;margin-top: 20px;flex-wrap: wrap; justify-content: center; width: 280px; margin: 20px auto 0px auto;}
}

/* Menu */

.nav_multilevel .level1 a {line-height: 30px; color: var(--blue); font-family: Arial; font-weight: bold; }
.nav_multilevel .level2 a {color:white; line-height: 30px; font-family: Arial; font-weight:bold;}
.nav_multilevel .level2, .layoutheader .nav_multilevel .level3 {display: none;}


@media ( min-width: 1040px ) /* desktop */
{
  .nav_multilevel {/* float: right; */padding-top: 20px;/* width: 60%; */text-align: right;}
  .nav_multilevel .level1>li { display:inline-block; padding: 0px 15px; }
/*   .nav_multilevel .level1 li:hover .level2, .nav_multilevel .level2 li:hover .level3 { display: block; position: absolute; z-index: 9999; } */

  .nav_multilevel .level1 li:hover { text-decoration: underline;}

  .nav_multilevel .level2, .nav_multilevel .level3 {background: #535BBD; padding: 20px; width: 250px;  }
  .nav_multilevel .level2>li { text-align:left;}
  .nav_multilevel .level2, .layoutheader .nav_multilevel .level3 {display: none; }

  .nav_multilevel .links .link199, .nav_multilevel .links .link203, .nav_multilevel .links .link99 { display: none; }

  .nav_multilevel .level3 { position: absolute; margin: -40px 0px 0px 210px; background-color: #535BBD; width:250px; padding:10px;}
  .layoutheader { position: fixed; top: 0px; width: 100%; z-index: 999; background: white; padding: 20px 5px; height: 150px; }
  body { margin-top: 140px; }
}
@media ( min-width: 700px )
{
	.scroll .layoutheader {box-shadow:  0 0 10px var(--grey);padding: 20px 0px 0px 0px;height: 120px;}
}
@media ( max-width: 700px )
{
	body { margin-top: 140px; }
	.scroll .layoutheader .flexbox { display: none; }
	.scroll .layoutheader { padding: 0px; height: fit-content;}
}

.scroll .layoutheader {box-shadow:  0 0 10px var(--grey);}
.scroll .layoutheader .headerlogo img { width: 180px; height: auto; }
.scroll .layoutheader .nav_multilevel { padding-top: 0px;}
.scroll .layoutheader .flexbox { padding-bottom: 10px; }
.scroll .layoutheader_inner { margin: 10px auto 0px auto; }



.std_contentpage .nav_simple ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.std_contentpage .nav_simple ul li {width: 350px;text-align: center;margin-bottom: 40px;padding: 10px;}
.std_contentpage .nav_simple ul li:hover { background: white;  border-radius: 10px; box-shadow: 0px 0px 5px lightgray;  }
.std_contentpage .nav_simple ul li .bgimage { height: 110px; width: 110px; background-size: cover; background-position: center center; margin: 0px auto;}
.std_contentpage .nav_simple ul li .description { font-size: 90%; padding-top: 10px; }
.std_contentpage .nav_simple ul li .name { padding-top: 20px; }
.std_contentpage .nav_simple ul li .name a { color: black; }



@media ( max-width: 1040px ) /* mobile */
{
  .layoutheader .toggle {position:absolute;top: 35px;right:20px;cursor:pointer;}
  .layoutheader .toggleon .level1 {display:block; position: absolute; top: 100px; right: 0px; width: 100%; background-color: var(--blue); z-index: 50;}
  .layoutheader .toggleon .level2 {/* display:block; */}
  .layoutheader .toggleon li {padding: 10px 0px 10px 20px;}
  .layoutheader .toggleon li a { color: white;}
  .layoutheader .toggleoff ul{display:none;}
  .layoutheader svg path {fill: var(--blue);}
  .layoutheader svg {width: 30px; height: 30px;}
  .layoutheader { position: fixed; top: 0px; width: 100%; z-index: 999; background: white; padding: 10px 5px;  }
  .feat_textsize ul { right: 0px}
}

@media ( max-width: 700px )
{
	.layoutheader .toggleon .level1 { top: 140px; }
	.scroll .layoutheader .toggleon .level1 { top: 95px; }
}

@media ( max-width: 500px ){
	.layoutheader .toggleon .level1 { top: 100px; }
	.scroll .layoutheader .toggleon .level1 { top: 95px; }
}

/* Footer */

.layoutfooter .flexbox .items {display:flex;gap: 20px;margin: 50px auto 0px auto;padding: 50px;flex-wrap:wrap;flex-direction: row;}
.layoutfooter .flexbox .footerlinks, .layoutfooter .flexbox .footercopyright, .layoutfooter .flexbox .footercontacts, .layoutfooter .flexbox .footersocial, .layoutfooter .flexbox .footerbuttons, .layoutfooter .flexbox .footerphone { font-family: Arial; font-weight: normal; }  
.layoutfooter a {color: lightgrey; }
.footerlinks, .footercopyright, .footercontacts, .footersocial , .footerbuttons , .footerphone { margin: 0px auto 0px auto;  }
.footerlinks li a {font-size: 80%;/* border-bottom: 1px solid lightgrey; */}
.footerlinks li { padding-bottom:5px;}
.footercopyright {font-size: 80%; text-align: center;}
.footercontacts { text-align:right; font-size: 90%;}
.footersocial ul, .footerbuttons ul {display: flex; }
.footersocial li, .footerbuttons li {padding: 0px 5px; }
.footersocial li { min-width: 50px;}
.footersocial li .fab { /* font-size: 100%; border: 2px solid lightgrey; border-radius: 100%; padding:10px; width: 20px; height: 20px; */  border: 2px solid lightgrey; width: 40px; height: 40px; padding: 10px;  border-radius: 50%; font-size: 90%; }
.footersocial li .fa-facebook-f { padding-left: 13px;}
.footerbuttons ul {justify-content: center;}
.footerbuttons li a { display:block; background-color: var(--blue); padding: 10px 20px;color: white;text-transform: uppercase;border-radius: 25px;font-size: 100%;}
.layoutfooter .flexbox .footercontacts { font-family: Arial; font-weight: normal; font-size: 90%;}
.footerphone { text-align:right; font-size: 125%; font-family: Arial; font-weight: normal;}


@media ( min-width: 700px ) /* desktop */
{
  .layoutfooter .flexbox .items { max-width: 1240px;}
  .layoutfooter .flexbox .footerlinks, .layoutfooter .flexbox .footercopyright, .layoutfooter .flexbox .footercontacts, .layoutfooter .flexbox .footersocial, .layoutfooter .flexbox .footerbuttons, .layoutfooter .flexbox .footerphone { width: 30%;}
  .footerbuttons ul { gap: 30px;}
}

@media ( max-width: 699px ) /* mobile */
{
  .layoutfooter .flexbox .items {flex-direction: column;text-align: center;}
  .layoutfooter .flexbox .footerlinks, .layoutfooter .flexbox .footercopyright, .layoutfooter .flexbox .footercontacts, .layoutfooter .flexbox .footersocial, .layoutfooter .flexbox .footerbuttons, .layoutfooter .flexbox .footerphone {width:100%;text-align: center;margin: 5px 0px;}
  .footersocial ul { justify-content: center;}
  .footerbuttons ul {gap: 5px;}
}


/* 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;width: 1240px;}

.slide {height: 315px;}
.jcarousel-control.skip { display: flex; justify-content: space-between;}
.jcarousel-control.skip a { width: 15px;height: 15px;border-radius: 100%;background-color: white;font-size: 0;margin-right: 5px;opacity: 0.5;}
.jcarousel-control.skip a.active {background-color: white; opacity:1;}

.slide {background: var(--blue);}
.slide .content { font-family: Arial; font-weight: normal; color: white; }
.slide .content h2 { font-family: Arial;; font-weight: bold; font-size: 125%;  color: white;}
.slide .link a {font-family: Arial; font-weight:bold; color:white; padding: 15px 30px 15px 0px; font-size: 95%; display: inline-block; }
.slide .util_textbox { overflow: hidden; max-width: 1240px; margin: 0px auto 0px auto; color: var(--white); }

@media ( min-width: 1240px ) /* desktop */
{
  .feat_carousel {max-width: 1240px;margin: 0px auto;padding-top:20px; }
  .slide .imageright {width: 65%;height: 315px;background-size:cover;margin-left: 435px;}
  .slide .content {padding: 30px 40px 20px 40px;width: 35%;float: left;clear: both;}
  .slide .link {width: 30%;float: left;clear: both;padding-left: 40px;}
  .jcarousel-control.skip {position: absolute;left: 50%;width: 100px;margin-left: -310px;margin-top: -40px;}
}

@media ( max-width: 1240px )
{
  .slide .imageright {text-align: center;}
  .slide .imageright { height: 300px; background-size: cover;  background-position: center center; }
}

@media ( max-width: 800px ) /* mobile */
{
  .slide {height: 315px;text-align: center; position: relative;}
  .slide .content h2 { padding: 20px 0px 10px 0px;; font-size: 150%; text-align: center; margin: 0px;}
  .slide .imageright {text-align: center;}
  .slide .imageright {height: 250px;background-size: cover; position: absolute; bottom: -0px; width: 100%;}
  .slide .content { padding: 0px 20px 20px 20px; line-height: 1.5;}
  .slide .link {  padding-right: 20px; }
  .slide .nextprevious { display: none; }
  .slide .jcarousel-control.skip {position: absolute; left: 50%; top: 810px; width: 100px; margin-left: -50px;}
}

@media ( min-width: 800px ) and ( max-width: 1240px )
{
  .slide .imageright {width: 50%;height: 315px;background-size:cover; background-position: right; margin-left: 490px}
  .slide { height: 300px;}
  .slide .content { padding: 10px; width: 40%; float: left;  clear: left; }
  .slide .link { float: left; clear: left; padding-left: 10px; }

}

@media ( max-width: 800px )
{

	.slide .content { padding-top: 0px; }
	.slide {height:  450px;}
	.jcarousel-control.skip { display: none;}
}


/* Homepage */

@media ( min-width: 1241px )
{
  .home { zoom: 100% !important; }
}

@media ( min-width: 1240px ) and ( max-width: 1440px ){
  .home { zoom: 75% !important; }

}


.homelinkscontainer .util_textbox { border: 2px solid #e9e9e9; width: 350px; }
.homelinkscontainer .util_textbox:hover { background: lightgray; }
.homelinkscontainer {margin: 40px auto; border-bottom: 2px solid lightgrey; padding: 0px 0px 40px 0px;}
.homelinkscontainer .items {display:flex;justify-content: space-between;flex-wrap: wrap;}
.homelinkscontainer .util_textbox .imagetop { height:220px; background-size: cover;}
.homelinkscontainer .util_textbox h3 {font-size: 120%; text-align:center; padding-bottom:15px;  }
.homelinkscontainer .util_textbox .content {margin: 30px 15px 15px 15px; text-align: center; font-size: 85%}

.welcome {border-bottom: 2px solid lightgrey;}
.welcome h2 strong { font-family: Arial; font-weight: bold; }


.homesocialfeeds>h2 {text-transform: uppercase; font-size:125%;}
.homesocialfeeds .items .feat_twitterplugin, .homesocialfeeds .items .facebook { border: 4px solid lightgrey; padding: 20px;}
.homesocialfeeds .items .feat_twitterplugin h2, .homesocialfeeds .items .facebook h2 {font-size: 100%; margin:0px 0px 10px 0px; border-bottom:1px solid lightgrey; padding-bottom:5px; }
.homesocialfeeds .items .feat_twitterplugin , .facebook h2 { float: left; width: 50%; border-bottom: none; }

.homesocialfeeds .items .feat_twitterplugin, .homesocialfeeds .items .facebook { overflow-y: scroll; height: 500px; }
.homesocialfeeds .items .feat_twitterplugin::-webkit-scrollbar,  .homesocialfeeds .items .facebook::-webkit-scrollbar { width: 10px; }
.homesocialfeeds .items .feat_twitterplugin::-webkit-scrollbar-thumb, .homesocialfeeds .items .facebook::-webkit-scrollbar-thumb { background: lightgray; border-radius: 10px; border-right: 3px solid white; }


.homesocialfeeds .items .feat_twitterplugin ul.toplinks, .facebook ul.toplinks { border-bottom: 1px solid lightgrey; padding-bottom: 5px;  }
.homesocialfeeds .items .feat_twitterplugin ul.toplinks li, .facebook ul.toplinks li  { text-align: right; padding-right: 30px; }
.homesocialfeeds .items .feat_twitterplugin ul.toplinks .fab, .facebook ul.toplinks .fab  {position: relative;left: 150px;color: white;background: var(--blue);padding: 5px;border-radius: 50%;width: 20px;height: 20px;box-sizing: border-box;font-size: 70%;}
.facebook ul.toplinks .fab  { left: 110px; padding: 6px; }
.homesocialfeeds .items .feat_social ul.toplinks li a, .facebook li a { color: var(--blue); font-size: 90%; }

.homesocialfeeds .items .feat_social ul.feed .status, .homesocialfeeds .items .facebook .record { padding-top: 10px}
.homesocialfeeds .items .feat_social ul.feed .status .logo, span.column_FacebookMedId { float: left; width: 10%; }
.homesocialfeeds .items .feat_social ul.feed .status .logo img, .facebook span.column_FacebookMedId img { border: 1px solid lightgrey; border-radius: 50%; }
.facebook span.column_FacebookMedId img {  padding: 3px; }
.homesocialfeeds .items .feat_social ul.feed .status .name, .facebook  span.column_FacebookName { float: left; width: 90%;  padding: 15px 0px 20px 10px; font-family: Arial; }
.homesocialfeeds .items .feat_social ul.feed .status .text, .facebook span.column_FacebookContent { line-height: 1.1; font-size: 80%; font-family: Arial; font-weight: normal; }

.homesocialfeeds .items .feat_social ul.feed li, .homesocialfeeds .items .facebook .record { padding-bottom: 30px;}
.homesocialfeeds .items .feat_social ul.feed li:hover, .homesocialfeeds .items .facebook .record:hover { cursor: pointer; border-bottom: 2px solid lightgrey; color: var(--blue); }

.homesocialfeeds .items .facebook .record span.column_Link { font-size: 80%; }


@media ( min-width: 1240px )
{
  .homesocialfeeds>.items { display:flex; gap: 70px; }
}
@media ( max-width: 1239px )
{
	.homesocialfeeds .feat_social { margin-bottom: 20px; }
}

@media ( max-width: 420px )
{
	.homesocialfeeds .items .feat_social ul.toplinks .fab, .facebook ul.toplinks .fab { left: -10px; }
	.homesocialfeeds .items .feat_social, .homesocialfeeds .items .facebook {  padding: 5px; }
	.homesocialfeeds .items .feat_social h2, .homesocialfeeds .items .facebook h2 { font-size: 90%; }
	.homesocialfeeds .items .feat_social ul.toplinks li, .facebook ul.toplinks li  { padding-right: 0px; }
	.homesocialfeeds .items .feat_social ul.toplinks li a, .facebook li a {  font-size: 80%; }

	.homesocialfeeds .items .feat_social::-webkit-scrollbar,  .homesocialfeeds .items .facebook::-webkit-scrollbar { width: 6px; }
}

.dna {width: 360px; height: 360px; background-position: center center; background-repeat: no-repeat; background-size: 400px 400px; 
color: white; font-size: 130%;}
.dna a {background: white; padding: 5px 15px 5px 15px; border-radius: 20px; font-size: 90%; color: var(--indigo);}
.dna .util_textbox_inner {margin: 55px 0px 45px 40px;}
.dna h3 {font-family: Arial; font-weight: bold; font-size: 90%; }
.dna p {font-size: 80%; margin-top: 10px;}

.homesocialfeeds .facebook .content p i { margin-left: 5px; color: var(--blue);}

@media ( min-width: 1240px ) /* desktop */
{
   .welcome {max-width: 1240px;margin: 40px auto 60px auto;}
   .welcome .content { /*max-width:700px;*/ margin: 0px auto 20px auto; }
  
  .homelinkscontainer {max-width: 1240px; margin: 40px auto 0px auto;}
  .homelinkscontainer .items {gap: 40px 40px;}
  .homelinkscontainer .util_textbox {max-width: 28%;}
 
  .homesocialfeeds {max-width:1240px;margin: 40px auto 100px auto;}
  .homesocialfeeds .items .feat_social, .homesocialfeeds .items .facebook { width: 50%; height: 500px;  }
  .homesocialfeeds .facebook .link {      /*  position: absolute; left: 50%; margin-left: 500px; margin-top: -40px; */}
}

@media ( min-width: 420px ) and ( max-width: 740px ) /* mobile */
{
  .homelinkscontainer .items { flex-direction: column;  margin: 40px auto; width: 350px;  }
}
@media ( max-width: 740px )
{
  .homelinkscontainer .items { gap: 10px 0px; }
}


/* Site search */


.util_sitesearch .result .description b {background-color: var(--blue)!important; color: #ffffff; padding: 0px 10px }
.util_sitesearch .include #result_report {margin-bottom: 40px; text-align: center;}
.util_sitesearch .result .title { color: var(--blue); font-family: Arial; font-weight: bold;}

@media ( min-width: 1000px)
{
  .util_sitesearch .include {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 .include { background-color: var(--lightgrey); padding:40px; margin-bottom: 30px; }
.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: Arial; font-weight: bold; border-radius: 25px;height: 35px;border: none; text-transform: uppercase;}

/* Donate */

@media ( min-width: 1000px)
{
  .shop_donate .introduction,  .shop_donate fieldset, .shop_donate .bottomcomponents { max-width: 1240px; margin: 0px auto;}
}

.shop_donate .introduction p:last-of-type { padding: 40px 0px 20px 0px; font-family: Arial; font-weight: bold; }
.shop_donate .field { justify-content: start; }

.shop_donate fieldset { background-color: var(--lightgrey); margin-bottom: 50px; }
.shop_donate input[type=submit] { margin-bottom: 50px;}

.shop_donate .field .description { font-size: 90%;  }
.shop_donate  .input { width: 800px}

.shop_donate .util_textbox { background-color: var(--blue); padding: 50px; color: white;}
.shop_donate .util_textbox h2 { color: white; }


/* Forms */

#formbuilder-donate {  padding: 40px; width: 900px; margin: 0px auto; }
#formbuilder-donate .field { margin-top: 20px;}
#formbuilder-donate .label { font-weight: bold;}

/* Shemot */

@media (min-width:1240px)
{
  .shemot table { padding: 40px 0px; margin: 0px auto; }
  .shemot ul {flex-wrap: nowrap;margin: 10px 0px;justify-content: c;}

  .shemot .feat_pdfsearch .formbuilder { width: 325px; margin: 0px auto;}
  .shemot .feat_pdfsearch {padding: 30px;}
}


@media ( max-width:1239px)
{
  .shemot ul { flex-wrap: wrap;}
  .shemot .feat_pdfsearch {padding: 10px; margin: 20px 0px;}
  .shemot table {max-width: 100%;}
}

.shemotmemb .pagecontent, .newslettermember .pagecontent {text-align:center;}
.shemotmemb .pagecontent figcaption, .newslettermember .pagecontent figcaption { padding-top:5px; font-weight: bold;}
.shemotmemb .recent_issues .links, .newslettermember .recent_issues .links {display: flex;/* justify-content: space-between; */margin: 20px 0px;gap:  20px 20px;}
.shemotmemb .recent_issues .links img, .shemotmemb .pagecontent img, .newslettermember .recent_issues .links img, .newslettermember .pagecontent img {border:2px solid #fff;background: url(img/tiger.png) no-repeat;box-shadow: 10px 10px 5px #ccc;-moz-box-shadow: 10px 10px 5px #ccc;-webkit-box-shadow: 10px 10px 5px #ccc;-khtml-box-shadow: 10px 10px 5px #ccc; } 
.shemotmemb .pagecontent .image a, .newslettermember .pagecontent .image a { display:block;}
.shemotmemb .recent_issues .links li a, .newslettermember .recent_issues .links li a{display:block; transition: 0.3s ease-in;}
.shemotmemb .recent_issues .links li a:hover, .newslettermember .recent_issues .links li a:hover { margin-top: -5px;}
.shemotmemb .recent_issues, .newslettermember .recent_issues { margin-bottom:50px;}

.memberslogin li, .latestissue li { text-align: center;margin: 15px 0px; }
.memberslogin a, .latestissue a, .newslettermember .content div>a {font-size:125%; }
.shemot .content ul { display:flex; flex-direction: row; gap: 20px; }

.newslettermember .feat_pdfsearch { margin-top:20px;  }
.feat_pdfsearch .introduction{ background-color: var(--lightgrey); padding: 20px 20px 0px 20px; }
.feat_pdfsearch form {background-color: var(--lightgrey); padding: 0px 20px 20px 20px;}
.feat_pdfsearch .formbuilder .field { margin-bottom:20px;}
.feat_pdfsearch .status {margin-top:30px;}
.feat_pdfsearch .results { display:flex; gap: 10px; flex-wrap: wrap; margin-top:10px;}
.feat_pdfsearch .results li {border: 1px solid grey; padding: 5px; }
.feat_pdfsearch .results li div { padding-bottom:5px;}


.shemotmemb .feat_pdfsearch input[type=text] { width: 500px;  }

/* Publications */

.publications .pagecontent { text-align: left; }
.publications h3 { padding-top: 20px; }


/* Benefits */ 

.memberbenefits  .std_content {  padding: 30px 100px; text-align: center; }

@media ( min-width: 1040px )
{
  .memberbenefits .fees .std_content { width: 48%; }
}

@media ( max-width: 1039px )
{
  .memberbenefits .fees .items { justify-content: center; }
}

/* join button */ 

.jointoday a { display: inline-block;background-color: var(--blue);padding: 10px 20px;color: white; text-transform: uppercase;border-radius: 25px;font-size: 100%; }
.jointoday { text-align: center; margin: 30px auto; }

.join .field_checkbox, .shop_donate .field_checkbox, .shop_basket #fb-GiftAid-div.field_checkbox, .shop_basket #fb-MembExtGiftAid-div.field_checkbox { position: relative; }
.join .field_checkbox .input .description, .shop_donate .field_checkbox .input .description, .shop_basket #fb-GiftAid-div.field_checkbox .input .description, .shop_basket #fb-MembExtGiftAid-div.field_checkbox .input .description, .join .form_newsletter .field_checkbox .label { margin-left: 20px; font-size: 90%; }
.join .field_checkbox .input input[type=checkbox], .shop_donate #fb-donate-DonGiftAid-div.field_checkbox .input input[type=checkbox], .shop_basket #fb-GiftAid-div.field_checkbox .input input[type=checkbox], .shop_basket #fb-MembExtGiftAid-div.field_checkbox .input input[type=checkbox] {  position: absolute; top: 46px; left: -4px; }
.shop_basket #fb-GiftAid-div.field_checkbox .input input[type=checkbox], .shop_basket #fb-MembExtGiftAid-div.field_checkbox .input input[type=checkbox] {  top: 20px; }
input[type=checkbox] { -webkit-appearance: none; height: 15px; width: 15px; cursor: pointer; border: 1px solid black; }
input[type='checkbox']:checked { position: relative;  background-color: blue; }
input[type='checkbox']:checked::after { content: "\2713"; position: absolute; top: -3px; left: 2px; color: white; font-size: 90%  }
.join .form_newsletter .field_checkbox .input input[type=checkbox] { top: 15px; }
.join .form_newsletter { max-width: 150px !important; margin: 0pxauto; }


.shop_basket #fb-GiftAid-div.field_checkbox, .shop_basket #fb-MembExtGiftAid-div.field_checkbox {max-width: 400px;margin: 0px auto;text-align: left;}


@media ( max-width: 440px )
{
	.shop_basket #fb-GiftAid-div.field_checkbox, .shop_basket #fb-MembExtGiftAid-div.field_checkbox { max-width: 300px; }
}

/* join page */

.join .nav_linklist li { margin: 30px 0px;}

@media ( min-width: 565px )
{
	.join .nav_linklist ul { display:flex; justify-content: center; gap: 50px;}
}
@media ( max-width: 564px )
{
	.join .nav_linklist li a { width: 100%; display: block; text-align: center; }
}

/* Membership */

.membership .shop_productlist { max-width: 850px; margin: 0px auto; }
.membership .shop_productlist ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.membership .shop_productlist ul li { width: 400px;  box-sizing: border-box; text-align: center; border: 2px solid var(--lightgrey); padding: 20px; margin-bottom: 20px; border-radius: 10px; }
.membership .shop_productlist ul li:hover { background-color: lightgray;}
.membership .shop_productlist .name { font-size: 100%; text-transform: uppercase;}
.membership .shop_productlist .summary { font-size: 90%; padding-top: 10px; }
.membership .shop_productlist .price { padding: 15px 0px;}
.membership .shop_productlist .addbutton a { text-align: center;  margin: 0px auto; padding-top: 20px; display: block; width: fit-content;  } 
.membership .shop_productlist a:hover { text-decoration: none;}

/* Basket */

table { margin: 0px auto;width: 100%;}

.shop_basketpage { text-align: center; }
.shop_basketpage table {max-width: 1240px;}

@media ( max-width: 1280px )
{
	.shop_basketpage table { max-width: 96%; }
}

td { border-bottom: 2px solid lightgray; }

.shop_basketpage h2 { border-bottom: 0px; }


/* .shop_basketpage .discount { margin-bottom: 20px; }
.shop_basketpage .discount h2 {padding-top: 20px;text-align: center;}
.shop_basketpage input[type=submit] { margin-right: 20px;}
.shop_basketpage input[type=text], .shop_basketpage textarea, .shop_basketpage select { border-radius: 10px; height: 40px; box-sizing: border-box; padding: 5px; border: 2px solid var(--blue) }
.shop_basketpage textarea { min-height: 80px; max-height: 130px; margin-bottom: 20px; }

.shop_basketpage h2 {width: 1240px;margin: 0px auto 20px auto;font-family: Arial; font-weight: bold;}
.shop_basketpage .formbuilder { max-width: 1240px; margin: 20px auto; text-align: center; }
.shop_basketpage .formbuilder .label { margin: 0px auto; width: 100%; font-size: 130%; padding-bottom: 40px; }
.shop_basketpage .formbuilder .input .label { font-size: 100%; text-align: left;}

.shop_basketpage .formbuilder .input .field { display: flex; width: 500px; margin: 0px auto; }

.shop_basketpage .errors { width: 500px; margin: 0px auto; }

.shop_basketpage .confirm { max-width: 1240px; margin: 0px auto; }
.shop_basketpage .confirm table { padding-bottom: 50px; }
.shop_basketpage .confirm h2 { padding: 40px 0px 0px 0px; width: 100%; }
.shop_basketpage .confirm .details { display: flex; justify-content: center; flex-wrap: wrap; }
.shop_basketpage .details div {  width: 33.33%;  }
.shop_basketpage .buttons { padding-top: 30px;  }
.shop_basketpage ul.paymentgateways li { text-align: left; width: 100px; margin: 0px auto;}
.shop_basketpage table th { border-bottom: 2px solid var(--lightgrey); padding-bottom: 5px;}

.shop_basketpage table th, .shop_basketpage table td { font-size: 90%; padding: 5px 0px;}
.shop_basket table tr:last-of-type th { border-bottom: none; }

.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right;} */


.shop_basketlink a { display: flex; align-items: center; gap: 5px; margin-right: 20px; text-decoration: none; } 
.shop_basketlink a:hover { color: var(--grey); }


.shop_basket table { font-size: 90%; background-color: #f3f3f3; padding: 0px 20px }
.shop_basket table select { width: 43.56px; height: 100%; padding: 2px; }
.shop_basket table th { padding: 10px 0px;  font-size: 100%; }
.shop_basket table td {padding: 10px 0px; }

.shop_basket td, .shop_basket th { text-align: right; }
.shop_basket td.name, .shop_basket th.name { text-align: left; }

.shop_basket .discount input[type=text] { height: 38px; }

.shop_basket .buttons {display: flex;gap: 20px; max-width: 1000px;margin: 30px auto 0px auto;justify-content: center;flex-wrap: wrap;align-items: center;}
.shop_basket .buttons a:hover { text-decoration: none; } 
/* .shop_basket .buttons .button, .shop_basket .buttons input[type=submit] { flex: 1; } */
.shop_basket .buttons .loginrequired { /* flex: 0 0 100%; */ }



/* Shop - Category */

.shop .nav_simple ul li .bgimage { height: 250px; width: 250px; }


.shop_categorylist ul { display: flex; justify-content: space-between; margin-top: 40px; }
.shop_categorylist ul li { text-align: center; }
.shop_categorylist ul li .image { padding-bottom: 30px;  }
.shop_categorylist ul li .image img { height: 400px; width: auto;}
.shop_categorylist ul li .name a  { color: white; background: var(--lightblue); padding: 7px 15px; font-size: 120%; border-radius: 20px; }

.featuredprod { border-top: 2px solid lightgrey; margin-top: 50px;}
.featuredprod h2 { text-align: center; padding: 40px 0px 20px 0px; }
.featuredprod .items { display: flex; justify-content: space-between; flex-wrap: wrap; }
.featuredprod .items .util_textbox { width: 290px; border: 2px solid var(--lightgrey); padding: 20px; color: #4e4e4e; text-align: center;  }
.featuredprod .items .util_textbox:hover { background: var(--lightgrey);}
.featuredprod .items .util_textbox p { font-size: 90%; }
.featuredprod .items .util_textbox p:first-of-type { padding: 10px 0px; height: 90px; }
.featuredprod .items .imagetop { text-align: center; }
.featuredprod .items .imagetop img { width: auto; height: 200px;  }

/* Shop - Product list */ 

.shop_category .shop_productlist .image, .shop_category .shop_productlist .price, .shop_category .shop_productlist .name, .shop_category .shop_productlist .summary { display: block;  }

.shop_category .shop_productlist ul { display: flex; justify-content: space-evenly; max-width: 1240px; flex-wrap: wrap; margin: 0px auto;   }
.shop_category .shop_productlist ul .product { width: 340px; margin-bottom: 30px; border: 2px solid lightgrey; padding: 20px;  }
.shop_category .shop_productlist ul .product:hover { background: var(--lightgrey);}

.shop_category .shop_productlist .image {background: var(--lightgrey);text-align: center;margin-bottom: 20px; height: 250px;}
.shop_category .shop_productlist .image img { height: 250px; width: auto;}

.shop_category .shop_productlist .price, .shop_category .shop_productlist .name { text-align: center;}
.shop_category .shop_productlist .price { color: white; background: var(--lightblue); width: fit-content; margin: 0px auto; padding: 5px 10px; border-radius: 15px; margin-bottom: 10px; font-family: Arial; font-weight: bold;}
.shop_category .shop_productlist .name { border-bottom: 1px solid var(--grey); height: 55px; font-family: Arial; font-weight: bold; }
.shop_category .shop_productlist .summary { padding-top: 15px; font-size: 90%; }

/* Shop - Product page */

.shop_product { padding: 50px 0px; }

.shop_product .top { display: flex; justify-content: space-between; }
.shop_product .top .left { background-color: #f1f1f1; width: 49%; padding: 40px; box-sizing: border-box; }
.shop_product .top .left .image { text-align: center; }

.shop_product .top .right { width: 49%; padding: 50px; box-sizing: border-box; border: 2px solid lightgrey; }
.shop_product .top .right h1 { font-size: 140%; margin:  0px 0px 10px 0px; }
.shop_product .top .right .price { font-size: 160%; font-family: Arial; font-weight: bold; padding: 25px 0px 30px 0px; }

.shop_product .top .right .postage { padding-top: 30px;}
.shop_product .top .right .postage p { padding-bottom: 0px; font-size: 84%;  }
.shop_product .top .right .postage p:first-of-type { font-size: 90%;}

.shop_product .top .right .available { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 300px;  align-items: center; }
.shop_product .top .right .available:first-of-type { display: none !important; }
.shop_product .top .right .available .addtobasket input[type=submit] { width: 150px; font-size: 80%; text-transform: none; }
.shop_product .top .right .available .quantity { display: flex; align-items: center; justify-content: space-between; width: 120px; }
.shop_product .top .right .available .quantity .value select { width: 45px; padding: 2px; border: none; background-color: #f1f1f1;   }
.shop_product .top .right .available .quantity .label { font-size: 80%; }

.shop_product .middle { display: flex; justify-content: space-between;  padding: 50px 0px; }
.shop_product .middle h1 { margin-top: 0px; font-size: 90%; font-family: Arial; font-weight: bold; color: #797979}
.shop_product .middle p { color: #909090; }

.shop_product .middle .left {width: 70%;}

.shop_product .middle .right {border-left: 2px solid lightgrey;width: 40%;padding-left: 40px;height: 100%;margin-left: 40px;}
.shop_product .middle .right p { font-size: 90%; padding-bottom: 20px; }

@media ( max-width: 999px )
{
	.shop_product { padding: 10px 0px; }

	.shop_product .top, .shop_product .middle { flex-direction: column; }
	.shop_product .top .left, .shop_product .top .right { width: 100%;  min-height: 300px; margin-bottom: 20px;  padding: 20px;  }
	.shop_product .top .right .price { padding: 10px 0px; }
	.shop_product .top .right .postage { padding-top: 20px; }

	.shop_product .middle { padding: 10px 0px; }
	.shop_product .middle .left, .shop_product .middle .right { width: 100%; padding-left: 0px; margin-left: 0px; }
	.shop_product .middle .right { padding-left: 20px; margin-top: 20px; }
}


/* .shop_product .name {   float: right; width: 48%; height: 320px; margin: 40px 0px; font-size: 130%; border: 2px solid var(--lightgrey); padding: 40px;  }
.shop_product .image {  height: 320px; background: lightgrey; text-align: center; width: 48%; padding-top: 10px; float: left; margin: 40px 0px;  }
.shop_product .summary { display: none; }
.shop_product .description { width: 70%; font-size: 90%;   } */

/* Membership */

.section4 .shop_product { max-width: 100%; padding: 0px;  }
.section4 .shop_product .info { max-width: 250px; margin: 0px auto; }
.section4 .shop_product .info select { width: fit-content; }
.section4 .shop_product .info .quantity { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; }

/* Breadcrumb */

.section203 .nav_breadcrumb { display: none; }
.section246 .nav_breadcrumb, .section247 .nav_breadcrumb, .section248 .nav_breadcrumb { display: block; }
.nav_breadcrumb { max-width: 1240px; margin: 0px auto; padding: 20px 0px 0px 10px; font-size: 80%;   }
.nav_breadcrumb a { color: #6d6d6d; font-family: Arial; font-weight: bold; }

/* Partner organisation */

.partnerorg .pagecontent { font-size: 130%; padding-bottom: 40px; }
.partnerorg .items { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
.partnerorg .items .std_content { width: 400px; border: 2px solid var(--lightgrey); padding: 15px; border-radius: 10px; }
.partnerorg .items .std_content p { font-size: 90%;}
.partnerorg .items .std_content p:first-of-type { font-size: 130%; height: 80px; text-align: center; }
.partnerorg .items .std_content p:nth-child(3) { padding-top: 20px;  }


@media ( max-width: 999px )
{
  .partnerorg .items { justify-content: center; gap: 20px; }
}

/* Join online */ 

input[type=text], input[type=password], textarea, select {border: 1px solid black;outline: none;font-size: 90%;}
input[type=text], input[type=password], textarea {height: 30px;width: 100%;}
select {width: 300px;height: 30px; font-size: 90%; }
textarea {max-width: 300px;height: 150px;}
.fielduser, .fieldemail, .fieldpw { padding-bottom: 20px; }
.field .label, .fielduser .label, .fieldemail .label, .fieldpw .label {/* width: 200px; */color: var(--blue);font-family: Arial;font-weight: bold;padding: 15px 0px 5px 0px;/* margin: 0px auto; */}
.stayloggedin {font-size: 85%;text-align: center; position: relative; max-width: 150px; margin: 0px auto; }
.stayloggedin input[type=checkbox] { position: absolute; top: 0px; left: 0px; }
#fb-29-div { padding-bottom: 20px; }

.memb_account {background: var(--lightgrey);padding: 40px;}
.memb_account .form, .memb_loginbox .form{max-width: 300px;margin: 0px auto;}

.memb_loginbox { width: 300px; margin: 0px auto;}
.memberarea .memb_loginbox { width: 500px; margin: 0px auto; }

.memb_loginbox .field .label, .memb_loginbox  .fielduser .label, .memb_loginbox  .fieldemail .label, .memb_loginbox .fieldpw .label {padding: 0px;width: 200px;}

.memb_loginbox .forgotpw, .memb_loginbox .register {display: block;margin-bottom: 10px;font-size: 80%;} 

.memb_loginbox .register a:hover, .memb_loginbox .forgotpw a:hover {text-decoration: underline;}
.login { margin: 30px 0px 40px 0px;}

.buttons, .login, .forgotpw, .register { text-align: center;}
input[type=submit], input[type=button], .basket .buttons a, .checkout .buttons a, .checkout .buttons button { cursor: pointer; color: white;background: var(--lightblue);width: fit-content;border-radius: 50px;text-transform: uppercase;}
input[type=submit]:hover, input[type=button]:hover, .basket .buttons a:hover, .checkout .buttons a:hover, .checkout .buttons button:hover { opacity: 0.8; }
.errors {font-family: Arial;font-weight: bold;color: red;padding-bottom: 40px;text-align: left;max-width:  600px;margin: 0px auto;}

.basket .buttons a { font-size: 90%; padding: 10px 20px 7px 20px; }
.checkout .buttons a, .checkout .buttons button { display: block; font-weight: 700; padding: 10px 20px 7px 20px;  font-size: 90%;}
.checkout .buttons button { padding: 11px 20px 9px 20px; }

.memb_account .form_password { max-width: 55%;   }
.form_password .formbuilder { display: flex; justify-content: space-between; }
.memb_account .formbuilder { margin-bottom: 30px; }
.memb_account #fb-newsletter-list-1-div {/* display: flex; *//* margin-bottom: 20px; */}

.memb_account .text { text-align: center; }
.memb_account .row .buttons { padding-top: 30px; }

@media ( max-width: 1240px )
{
	.memb_account .form_password { max-width: 700px;   }
}
@media ( max-width: 740px )
{
	.memb_account .form_password { max-width: 100%;  }
	.form_password .formbuilder { flex-direction: column; align-items: center; gap: 20px;}
}
@media ( min-width: 540px )
{
	.fielduser, .fieldemail, .fieldpw { display: flex;justify-content: space-between; }
	input[type=text], input[type=password], textarea {width: 300px;}
}
@media ( max-width: 540px )
{
	.join .memb_account { padding: 20px;}
	.join .memb_account .form, select, textarea { max-width: 100%; width: 100%;  }

	.memberarea .memb_loginbox { width: 100%; }
}

/* Basket */

.shop_basket .details {border-bottom: 2px solid var(--blue);display: flex;max-width: 1240px;margin: 10px auto 10px auto;justify-content: center;flex-wrap: wrap;gap: 100px;text-align: left;padding-bottom: 30px;}

.shop_basket .checkout h2 { margin-bottom: 0px; }
.shop_basket .formbuilder .field_group>.label { font-size: 120%; padding: 40px 0px 10px 0px; border-bottom: 3px solid var(--blue); width: 300px; margin: 0px auto; }

@media ( max-width: 1280px )
{
	.shop_basket { max-width: 96%; margin: 0px auto;  }
}
@media ( max-width: 600px )
{
	.shop_basket .discount input[type=text] { margin-bottom: 10px; }
}

.richtextcontent a { word-break: break-all;}

/* Payment text */

/* .paymentform {  visibility: hidden; } */

.paymentform::before { visibility: visible; white-space: pre; display: block; padding-top: 30px; line-height: 1.6; font-weight: bold; font-size: 110%; }
.paymentform#paymentform-project-1::before { content: 'Click the Place Order button below. \a' 'Credit and debit cards will be processed via PayPal but you do not need set up a PayPal account to do this.';   }
.paymentform#paymentform-cheque::before { content: 'Please make your cheque payable to: \a\a JGSGB. \a' 'Write your name and the word subscription, book purchase or event ticket as \a appropriate on the back of the cheque or on an accompanying note, and send by post to:\aMembership Secretary\aJGSGB\aPO Box 922 \a Amersham, HP6 9JG \a England'; }
.paymentform#paymentform-banktransfer::before { content: 'Please send payment to: \a\a' 'JGSGB.\aLloyds Bank Account.\a Sort Code: 30 98 07. \a Account number: 01717197\a(BIC:  LOYDGB21068.  IBAN: GB69 LOYD 3098 0701 7171 97)';  }
.paymentform::after { content: 'If you have any problems making a subscription payment, please contact membership@jgsgb.org.uk'; visibility: visible; white-space: pre; }

/* Library and Resources */

.libresources .pagecontent p { font-size: 90%; width: 750px; margin: 0px auto;  } 

.libresources .util_container { border-top: 2px solid lightgray; padding-top: 100px; }
.libresources .util_container .items { display: flex; justify-content: space-between; flex-wrap: wrap; }
.libresources .util_container .items .util_textbox { width: 350px;  text-align: center; margin-bottom: 40px; padding: 10px; }
.libresources .util_container .items .util_textbox:hover { background: white;  border-radius: 10px; box-shadow: 0px 0px 5px lightgray;}
.libresources .util_container .items .util_textbox img {  width: 110px; height: auto; padding-bottom: 20px}
.libresources .util_container .items .util_textbox strong { font-family: Arial; font-weight: normal; font-size: 130%; }
.libresources .util_container .items .util_textbox p { font-size: 90%; }

/* Library */ 

.library .pagecontent { text-align: left; }
.library p { padding-bottom: 20px;}
.library .boxview li:hover { background-color: var(--lightgrey); }
.library .boxview li:hover a { text-decoration: none; }
.library .feat_image {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center;}
.library .feat_image a {background-size: cover; height: 300px; width: 300px; display: block;}
.pp_expand {display: none !important;}

/* About */

.about h3 { padding: 20px 0px 10px 0px; }
.about p { font-size: 90%; border-bottom: 1px solid lightgray; }
.about h3 { text-transform: uppercase;  }

/* Roll of Honour */
.roh ul  {  padding-top: 20px;}
.roh ul li { margin-bottom: 30px; }
.roh ul li a { background: var(--blue); color: white; padding: 7px 15px; }

@media ( min-width: 800px )
{
	.roh ul  { display: flex;  justify-content: space-between; flex-wrap: wrap; }
	.roh ul li { width: 32%; }
}

/* Aims */ 

.aims p { font-size: 100%; font-family: Arial; font-weight: normal; padding: 20px 0px 10px 0px; text-align: left; border-bottom: 0px; }
.aims ul li { font-size: 90%; margin: 0px auto;}

/* Council */

.about table { margin: 0px auto; background: lightgrey; padding: 50px; color: var(--blue);  }
.about td { border-bottom: 0px;  padding-bottom: 10px;  }
.about td h3 { font-size: 130%; padding-bottom: 20px; font-family: Arial; font-weight: bold}

.council p { border-bottom: 0px;}

.std_contentpage.about .pagecontent li, .std_contentpage.useful .pagecontent li {list-style-type: none;display: inline-block;margin: 40px 0px 60px 40px;color: white;}
.std_contentpage.about .pagecontent li a, .std_contentpage.useful .pagecontent li a, .join .nav_linklist li a, .videos .util_tabbed .ui-tabs-nav li a   { text-decoration: none; color: white; background: var(--blue); padding: 15px; }

.std_contentpage.council .pagecontent ol { text-align: center; margin: 40px 0px}
.std_contentpage.council .pagecontent ol li { margin: 0px; }
.std_contentpage.council .pagecontent ol li:hover, .videos .util_tabbed .ui-tabs-nav li a:hover { opacity: 0.8; }
.std_contentpage.council .pagecontent a.anchor, .std_contentpage.useful .pagecontent a.anchor {margin-top: -200px;position: absolute;}

@media ( max-width: 500px )
{
  .std_contentpage.about .pagecontent li, .std_contentpage.useful .pagecontent li { display: block; padding: 20px;}
  .about table, .about td, .about tr, .about th { display: block; }
  .about tr {  position: relative; }
  .about tr td:nth-child(1) { padding-top: 70px; }
  .about tr td:nth-child(2) { position: absolute; top: 0px; }

}


/* Events */

.event_list.boxview ul {display: flex;justify-content: center;flex-wrap: wrap;margin-top: 20px;gap: 20px;}
.events .event_list ul li:hover { background: var(--lightgrey); }
.events .event_list ul li:hover a { text-decoration: none; }
.event_list.boxview ul li {width: 400px;border: 1px solid white;text-align: center;padding: 20px;box-shadow: 0px 0px 5px lightgrey;border-radius: 10px;margin-bottom: 30px;}
.event_list.boxview ul li .name {margin-bottom:10px;min-height:90px;}
.event_list.boxview ul li .name a, .event_list.boxview ul li .name { font-size: 130%; font-family: Arial; font-weight: bold; color: var(--blue); }
.event_list.boxview ul li .abstract { margin-bottom:10px; min-height: 60px; }
.event_list.boxview ul li .time {font-family: Arial;font-weight: normal;margin-bottom:10px; position: relative;}
.event_list.boxview ul li .time::after { content: ' (UK time)'; }
.event_list.boxview ul li .date, .events .event_list.boxview ul li .date a { font-family: Arial; font-weight: normal; padding-bottom: 10px; }
.event_list.boxview ul li .venue { font-family: Arial; font-weight: bold; font-size: 90%; min-height:20px;}
.event_list.boxview ul li .link a { color:white; background-color: var(--blue); padding: 10px 15px; border-radius: 25px;}

.events .event_list.tableview li:nth-child(1), .events .event_list.tableview li:nth-child(2), .events .event_list.tableview li:nth-child(3) {display:none;}
.events .event_list.tableview ul, .events .event_list.special ul {display:flex;flex-direction:column;gap:20px 20px;justify-content: center;}
.events .event_list.tableview li /* .events .event_list.special li:first-of-type */ {display:flex;/* gap: 20px; */justify-content: space-between;flex-wrap: wrap;border: 1px solid var(--lightgrey);box-shadow: 0px 0px 5px var(--lightgrey);padding:20px;border-radius: 10px;}
.events .event_list.special li, .events .event_list.special li a { background-color: var(--blue); color:white;}
.events .event_list.tableview li:nth-child(even) { background-color: #edf0ee ; }
.events .event_list.tableview li:nth-child(even):hover { background-color: var(--lightgrey);}
.events .event_list.tableview li .name, .events .event_list.tableview li .time, .events .event_list.tableview li .date, .events .event_list.tableview li .venue, .events .event_list.tableview li .abstract, .events .event_list.tableview li .link {width: 30%;}
.events .event_list.tableview li .time { position: relative; }
.events .event_list.tableview li .time::after { content: ' (UK time)'; }
.events .event_list.tableview li.hidden { display: none; }
.events .event_list.tableview li .date a, .events .event_list.tableview li .venue a { font-family: Arial; font-weight: bold; color: black; }

.events .event_list.special { background-color: var(--blue); padding: 20px 0px; border-radius: 10px;}
.events .event_list.special li { padding: 20px;  }
.events .event_list.special li:hover { background-color: var(--blue); opacity: 0.5;}
.events .event_list.special h2 {background-color: white; width: 95%; border-radius: 30px; text-align: centre; color: var(--blue);text-align: center;margin-bottom: 0px;padding: 10px 0px; margin: 0px auto;}

@media ( max-width: 850px )
{
  .event_list.boxview ul { justify-content: center; gap: 20px; }
}
@media ( max-width: 550px )
{
	.events .event_list.tableview li  { flex-direction: column; }
	.events .event_list.tableview li .name, .events .event_list.tableview li .time, .events .event_list.tableview li .date, .events .event_list.tableview li .venue, .events .event_list.tableview li .abstract, .events .event_list.tableview li .link {width: 100%; }
}

/* pages */ 

.event_eventpage h1, .event_recurringpage h1 { word-wrap: break-word; padding: 10px 15%; box-sizing: border-box; width: 100%; }
	
@media ( max-width: 1300px ) 
{
	.event_eventpage h1 .event_recurringpage h1 { padding: 10px; }
}

.event_eventpage .abstract,  .event_recurringpage .abstract { display: none; }
.event_eventpage .book {width: 500px; border: 1px solid grey;border: 2px solid var(--blue);padding: 20px 30px;}
.event_eventpage .book h2 { font-size: 120%; }
.event_eventpage .book .field { margin-bottom:10px;}
.event_eventpage .book .removelink { padding: 10px 0px 0px 0px;}
.event_eventpage .book .addlink { padding: 10px 0px 20px 0px;}

#fb-TicketType-div { margin-bottom:30px;}

.event_eventpage .date::after { content: ' (UK time)'; }

@media (min-width:1280px)
{
  .event_eventpage .info, .event_eventpage .book, .event_eventpage .image, .event_eventpage .article,  .event_recurringpage .info,  .event_recurringpage .book,  .event_recurringpage .image,  .event_recurringpage .article {max-width: 1240px;margin: 20px auto;}
}
@media (max-width:1280px)
{
  .event_eventpage .info, .event_eventpage .book, .event_eventpage .image, .event_eventpage .article,  .event_recurringpage .info,  .event_recurringpage .book,  .event_recurringpage .image,  .event_recurringpage .article {max-width: 96%; margin: 20px auto;}
}

.event_recurringpage .image { }
.event_recurringpage .image img { width: 150px; display: block; text-align: left; }


/* Contact */ 

.contact .surv_standard fieldset {/* width: 800px; */margin: 0px auto;}

.contact .surv_standard .form { width: 60%;  background: var(--lightgrey); padding: 20px; border-radius: 20px;  margin: 20px auto 0px auto;}
.contact .surv_standard .form .field { display: block; }
.contact .surv_standard .form textarea { max-width: 100%; }
.contact .surv_standard .form input[type=text], .contact .surv_standard .form textarea { width: 100%; }
.contact .surv_standard .form .label { padding: 10px 0px 5px 0px;}
.contact .surv_standard .message { color: red;  padding: 50px 0px 0px 20px; width: 60%; margin: 0px auto; font-weight: 700;}

.contact .confirm { text-align: center; padding-top: 50px; }


.contact .surv_standard .intro {/* text-align: center; */border-bottom: 2px solid lightgray;padding-bottom: 50px;}

@media ( max-width: 600px )
{
	.contact .surv_standard .message, .contact .surv_standard .form { width: 100%;}
}

/* FAQs */

.faq { text-align: center; }
.faq .open, .faq .closed {  margin: 0px auto;    }
.faq .closed .link a { background-image: url(/images/DvvCnqu5GnsH5Gg7Z0p700o00o.png);  }
.faq .open .link a {background-image: url(/images/Y2SwLukjfV4jGvMg6quS00o00o.png); }
.faq .link a {background-position: right 20px center;transition: 0.5s ease-in;background-color: var(--blue);display: block;color: white;margin: 10px auto 0px auto;/* font-family: PoppinsSemiBold; */}
.faq .text {color: var(--blue);font-family: Arial; font-weight: normal; padding: 20px;text-align: left;border-bottom: 2px solid var(--blue);border-right: 2px solid var(--blue);border-left: 2px solid var(--blue);margin-bottom: 30px;}
.faq .text a { color: var(--blue); text-decoration: underline;}
.faq .text ul { margin: 0px 10px 5px 20px;}
.faq .text li { list-style-type: disc; }

@media ( min-width: 950px )
{
	.faq .link a { padding: 30px 70px; height:  80px; }
}
@media ( max-width: 949px )
{
	.faq .link a { padding: 20px 50px 20px 20px; text-align: left; }
}

/* Privacy Policy */

.std_contentpage.privacy .pagecontent { text-align: left;}
.privacy h3 { border-top: 2px solid lightgray; padding: 30px 0px 20px 0px; margin-top: 20px;}

/* Calendar */

.event_calendar { font-size: 80%; margin-top: 50px;}
.event_calendar .fc-button-primary { background-color: var(--blue); color: var(--blue); border-color: var(--blue); color: white; opacity: 0.8; }
.event_calendar .fc-button-active { background-color: var(--blue) !important; opacity: 1;}
.event_calendar .fc-button:hover { background-color: var(--blue); opacity: 1; }
.event_calendar .fc-button-primary:disabled { background-color: var(--blue) }
.event_calendar .fc-daygrid-event-dot { border: 4px solid var(--blue); }
.event_calendar .fc-event-time {font-size: 100%;color: var(--lightblue);}
.event_calendar .fc-event-title {/* color: var(--blue); */font-size: 100%;}

.event_calendar .fc-v-event { background: var(--lightgrey); border: var(--lightgrey); height: fit-content; padding: 5px; box-sizing: border-box; }

/* Useful links */

.useful table { background: var(--lightgrey); margin: 10px 0px 20px 0px; padding: 20px;}
.useful h3 { text-align: left;}
.std_contentpage.useful .pagecontent li { margin: 40px 0px 40px 0px;}
.std_contentpage.useful .pagecontent li a { padding: 10px;}

@media ( min-width: 1000px ) and ( max-width: 1040px )
{
	.useful table { display: block; width: 960px !important;}
}
@media ( max-width: 999px )
{
	.useful table { width: 100% !important; }
	.useful table, .useful td, .useful tr { display: block; }
	.std_contentpage.useful .pagecontent li { margin: 20px 0px 20px 0px;  }
	.std_contentpage.useful .pagecontent li a { width: 100%; display: block; }
}
@media ( max-width: 450px )
{
	.std_contentpage.useful .pagecontent li { margin: 0px 0px 0px 0px; padding: 7px; }
}

/* Members area */

.memberarea .std_content {text-align: center;padding-bottom: 5px}
.memberarea .util_container {width: 49%;border: 2px solid var(--blue);float: left;box-sizing: border-box;margin-bottom: 30px;}
.memberarea .util_container a {text-decoration: underline;/* padding-bottom: 20px; */}
.memberarea .util_container a:hover { color: var(--blue) }
.memberarea .util_container .link { padding-top: 10px;}
.memberarea .links { margin-right: 2%;}
.memberarea .links .memb_subscriptionstatus, .memberarea .membdisabled .introduction {background: lightgrey;padding: 15px 5px;text-align: center;}
.memberarea .links .memb_subscriptionstatus .product, .memberarea .links .memb_subscriptionstatus .status, .memberarea .links .memb_subscriptionstatus .payment, .memberarea .links .memb_subscriptionstatus .renewal { padding-bottom:10px;}
.memberarea .util_container h2 { margin: 0px; margin-bottom: 20px; background: var(--blue);color: white;text-align: center;padding: 10px 0px;}
.memberarea .util_container .items { padding: 0px 20px 20px 20px;}
.memberarea .loggedin { text-align: center; }
.memberarea .loggedin .status { padding-bottom: 20px; }

.memberarea .links .memb_subscriptionstatus .buttons a { display: block; width: fit-content; margin: 10px auto 0px auto; color: white; background-color: var(--blue); text-decoration: none; padding: 7px 15px; border-radius: 30px;}
.memberarea .links .memb_subscriptionstatus .buttons a:hover { opacity: 0.7; }

.memberarea .util_container:nth-child(4) { display: none; }
.memberarea .membdisabled .introduction { margin: 0px 20px; min-height: 500px; height: 100%; display: flex; justify-content: center; align-items: center; }
.memberarea .membdisabled { box-sizing: border-box;  }

.memberarea .std_content.memberlinks { text-align: left; }
.memberarea .std_content.memberlinks p { padding-bottom: px; }
.memberarea .std_content.memberlinks ul { padding-bottom: 12px; }
.memberarea .std_content.memberlinks ul:last-of-type { padding: 0px; }

.memberarea .std_content a:hover, .memberarea .nav_linklist a:hover { opacity: 0.7; }

@media ( min-width: 900px )
{
	.memberarea .util_container {min-height: 600px;}
}
@media ( max-width: 900px )
{
	.memberarea .util_container { float: none; width: 100%; }
}
@media ( max-width: 540px )
{
	.memb_loginbox { width: 100%; }
}
@media ( min-width: 371px )
{
	.memberarea .membdisabled .introduction {}
}
@media ( max-width: 369px )
{
	.memberarea .membdisabled .introduction {  }
}

/* Groups */

.groups table { margin:  20px auto; background: var(--lightgrey); padding: 20px;  }
.groups td { padding-bottom: 20px;}
.groups h3 { padding: 20px 0px 10px 0px;}

.sig .pagecontent { text-align: left; }
.sig h3 { padding: 20px 0px; }

.sig table strong {text-align: right; float: right; position: relative; right: 20px}
.sig table th { border-bottom: 2px solid var(--lightgrey); padding-bottom: 5px; }
.sig table td { padding: 5px 0px;  }
.sig table p { padding-bottom: 0px; }
.sig table { margin: 10px 0px 20px 0px; font-size: 80%; }

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


/* AGM etc */

.agm li {list-style-type: disc; list-style-position: inside;}

/* Gompertz */

.gompertz .pagecontent { text-align: left;}
.gompertz h2 { text-align: center;}

/* Cookies */

#gdpr-cookie-message { position: fixed; right: 30px; bottom: 30px; max-width: 375px; background-color: #ffffff; padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgb(0 0 0 / 25%); margin-left: 30px; font-family: system-ui; z-index: 200; }
#gdpr-cookie-message p, #gdpr-cookie-message ul li { font-size: 90%}
#gdpr-cookie-message button { background: var(--blue); border: none; color: white; padding: 10px; border-radius: 7px; font-family: Arial; font-weight: bold;  }
button#gdpr-cookie-advanced { background: white; color: black; }
#gdpr-cookie-message button:hover,#gdpr-cookie-message input[type=checkbox]:hover  { cursor: pointer; opacity: 0.8; }

#gdpr-cookie-message h5, #gdpr-cookie-message h4 { padding-bottom: 10px; }
#gdpr-cookie-types { padding: 20px 0px; }
#gdpr-cookie-message ul li { width: 49%; display: inline-block; }

/* Page turner */
.feat_pageturner .image { background-size: contain; background-position: center center; }
/*
.feat_pageturner .double .image { width: 1190px; height: 842px; }
.feat_pageturner .zoom-in .image { width: 1000px; height: 1467px; }
.feat_pageturner .zoom-in .double .image { width: 2000px; height: 1467px; }
*/

.feat_pageturner .chapter { float: right; margin: 10px 50px 20px 0px; }
.feat_pageturner .chapter select { background-color: #ffffff; background-image: url(/jgsgb/images/23-1-1-159x225.pdf.page1.jpg); background-repeat: no-repeat; background-position: right 10px center; padding-right: 20px; }

.feat_pageturner .toolbar {/* display: none; *//* position: absolute;margin: 0px auto 0px auto;padding: 0px; */ border: 1px solid black; width: 100px;}
.feat_pageturner .toolbar .prev, .feat_pageturner .toolbar .next { cursor: pointer; position: absolute; top: 700px; font-size: 180%; color: var(--lightgrey); }
.feat_pageturner .toolbar .prev { left: 350px;}
.feat_pageturner .toolbar .next { right: 350px; }
.feat_pageturner .toolbar .page { color: #c6c7c8; display: inline-block; padding: 0px 20px 0px 0px; }
.feat_pageturner .toolbar .page input { background-color: #ffffff; border: none; width: 40px; padding: 5px; }
.feat_pageturner .toolbar .zoomin { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }
.feat_pageturner .toolbar .zoomout { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }



.flipbook-viewport .container
{
	position: absolute;
	margin: 0px auto 0px auto;
	left: 50%;
	/*
	width:0px;
	height:0px;
	*/
}

/*
.flipbook-viewport .flipbook{
	width:1190px;
	height:842px;
	left:-595px;
	top:-421px;
}
*/

.flipbook-viewport .page{
	/*
	width:595px;
	height:842px;
	*/
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .zoomer .region{
	display:none;
}

.flipbook #canvas { overflow: hidden; }

.flipbook .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.flipbook .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.flipbook .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook-viewport .zoom-in .even .gradient,
.flipbook-viewport .zoom-in .odd .gradient{

	display:none;

}

.flipbook-viewport .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.flipbook-viewport .next-button,
.flipbook-viewport .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0;
}

.flipbook-viewport .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.flipbook-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .previous-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .previous-button-down,
.flipbook-viewport .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.flipbook-viewport .next-button-hover,
.flipbook-viewport .next-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .zoom-in .next-button,
.flipbook-viewport .zoom-in .previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.shemot_issue .flipbook {/* zoom: 80%; */}

@media ( max-width: 1440px )
{
	.shemot_issue .flipbook {/* zoom: 80%; */}
}

.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

/* Home - Name and place */

.home .nameandplace { margin: 0px auto 20px auto;}
.home .nameandplace label { display: none;}
.home .nameandplace .form { padding: 40px 80px 17px 80px; background-color: var(--lightgrey); }
.home .nameandplace .formbuilder { display: flex; justify-content: space-between;  font-family: Arial; font-weight: normal; }
.home .nameandplace input::placeholder { color: var(--darkgrey); font-family: Arial; font-weight: normal; }
.home .nameandplace input[type=text], .home .nameandplace input[type=number] { 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: Arial;  font-weight: 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: Arial; font-weight: bold; font-size: 90%;}
.home .nameandplace .links a:hover { color: var(--navyblue);}

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

.home .nameandplace h2 { text-transform: uppercase; }

@media ( min-width: 1280px )
{
	.home .nameandplace { max-width: 1240px; }
}
@media ( max-width: 1280px )
{
	.home .nameandplace .form { padding: 20px; }
}
@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: 999px )
{
  .home .nameandplace .formbuilder, .home .nameandplace fieldset { flex-direction: column;    }
  .home .nameandplace fieldset {  }
  .home .nameandplace input[type=text], .home .nameandplace input[type=number] { margin-bottom: 20px; }
  .home .nameandplace .links { text-align: center;}
  .home .nameandplace .form { text-align: center;}
}

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


/* N&P Tables */

.np_nameandplace table, .dbase_table table, .nameandplace table { width: 100%; margin-top: 30px;  }

.np_nameandplace table td a, .dbase_table table td a, .nameandplace table td a {color: black;font-family: PoppinsRegular;font-weight: normal;}
.np_nameandplace table td, .dbase_table table td, .nameandplace table td { color: black; font-family: PoppinsRegular; font-size: 80%; }
.np_nameandplace table th, .dbase_table table th, .nameandplace table th {background-color: var(--dgreynp);padding: 10px;font-family: PoppinsRegular;border-bottom: 1px solid var(--border);font-size: 80%;}
.np_nameandplace table th:nth-child(2) { width: 400px; }
.np_nameandplace table tbody tr:nth-child(odd), .dbase_table table tbody tr:nth-child(odd), .nameandplace table tbody tr:nth-child(odd) { background-color: var(--lgrey); }
.np_nameandplace table tbody tr:hover, .dbase_table table tbody tr:hover, .nameandplace table tbody tr:hover { background-color: var(--input);}
.np_nameandplace table tbody tr td, .dbase_table table tbody tr td, .nameandplace table tbody tr td { padding: 15px 10px; }
.dataTables_processing { background-color: var(--border); margin: 0px 0px; text-align: center; font-size: 110%; font-family: PoppinsMedium; padding: 5px 0px;  }

.np_nameandplace .toplinks, .nameandplace .toplinks {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.nameandplace .toplinks a, .np_nameandplace .toplinks a { display: block; width: fit-content; margin-top: 10px; }


.np_nameandplace button, .nameandplace button, .nameandplace .button, .nameandplace .toplinks a, .np_nameandplace .toplinks a { font-family: PoppinsMedium; text-decoration: none; cursor: pointer; transition: all .5s ease-in-out; background-color: var(--bluenp); border: none; padding: 5px 15px; border-radius: 20px; color: white; text-transform: capitalize; font-size: 90%; position: relative; top: 0px;  }
.np_nameandplace button:hover, .nameandplace button:hover, .nameandplace .button:hover, .nameandplace .toplinks a:hover, .np_nameandplace .toplinks a:hover { top: -5px;  }
.nameandplace .back, .nameandplace .toplinks a, .np_nameandplace .toplinks a {margin-bottom: 30px;}
.dataTables_length { float: right; }
.dataTables_length select { border: 1px solid black; width: 70px; padding: 3px 0px 5px 5px; height: 30px; font-size: 90%; margin: 0px 0px 30px 0px; }
.dataTables_filter input[type=search] { margin-left: 10px; height: 30px; border-radius: 7px;  }

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{min-width: 100px;}
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: 8px;right: 8px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5;}

.nameandplace input[type=text], .np_nameandplace input[type=text], .nameandplace input[type=number], .np_nameandplace input[type=number] { border: 1.5px solid lightgrey; margin: 5px 0px 15px 0px; height: 40px; width: 100%; border-radius: 5px; }
.nameandplace .label, .np_nameandplace .label { padding: 0px; }
.nameandplace button { margin-top: 10px;  }

/* Name search */

.np_namesearch form {background-color: var(--lgrey);padding: 20px;}
.np_namesearch form .formbuilder {  margin: 0px auto; }
.np_namesearch input[type=text], .np_namesearch form select, .np_namesearch input[type=number] {max-width: 100%;width: 100%;background-color: white;}
.np_namesearch .field_group .form-group .label, .np_namesearch .field_radio .label { display: none; }

.np_namesearch .field_group { display: flex; flex-wrap: wrap;  gap: 10px;  }
.np_namesearch .field_group>.input { display: flex; justify-content: center; flex-wrap: wrap; gap: 90px;  align-items: center;}

.np_namesearch .field_group {/* padding-bottom: 20px; */}
.np_namesearch .field_radio .input>div { display: flex; flex-wrap: wrap;  gap: 10px; }
.np_namesearch .field_radio .input>div label { color: black; font-family: PoppinsRegular; font-size: 80%; }
.np_namesearch .button, .np_namesearch button { }

.np_memberinterests h2 { display: none; }


.np_namesearch .label {font-size: 120%; }
.np_namesearch .source h5 { padding-top: 20px; font-size: 90%; font-family: PoppinsRegular; color: var(--bluenp); }

.np_namesearch .field_text .input input {width: 100%;}

@media ( max-width: 1120px )
{
    .np_namesearch .field_group>.input { gap: 10px;}
}
@media ( min-width: 801px )
{
    .np_namesearch .field_text .input, .np_namesearch .field_number .input, .np_namesearch .field_select .input {width: 270px; }
    .np_namesearch .label {width: 200px; }
}
@media ( max-width: 800px )
{
    .np_namesearch .field_group { justify-content: center; flex-direction: column; text-align: center; padding-bottom: 30px; }
    /* .np_namesearch .field_group>.input { justify-content: ; } */

    .np_sourcebrowser .dataTables_wrapper { overflow-x: scroll;}
}
@media ( max-width: 770px )
{
	.np_nameandplace .toplinks, .nameandplace .toplinks { flex-direction: column;  gap: 0px;}
	.np_nameandplace .toplinks li a, .nameandplace .toplinks li a, .nameandplace .toplinks li.back button { width: 200px; text-align: center; margin: 0px 0px 20px 0px; }
	.nameandplace .toplinks li.back { margin: 20px 0px 20px 0px; }
	.nameandplace .toplinks li.back button { margin: 0px;}
}


.results {padding-top: 20px;}

.nameandplace .dataTables_paginate, .np_nameandplace .dataTables_paginate { float: right; width: 50%; text-align: right; padding-top: 30px; font-size: 90%; }

.np_nameandplace .dataTables_paginate .paginate_button, .nameandplace .dataTables_paginate .paginate_button { padding: 0px 5px; color: black;  }
.np_nameandplace label, .nameandplace label { color: var(--bluenp); font-family: PoppinsMedium; }


.nameandplace .dataTables_paginate a, .np_nameandplace .dataTables_paginate a { cursor: pointer; }
.nameandplace .dataTables_paginate a.disabled, .np_nameandplace .dataTables_paginate a.disabled { cursor: default; }
.np_nameandplace .dataTables_info, .nameandplace .dataTables_info { float: left; width: 50%; padding-top: 30px; font-size: 90%; }
.np_namesearch .dataTables_length { margin-top: 30px; }

.nameandplace .breadcrumb a, .np_nameandplace .breadcrumb a { color: black; font-family: PoppinsRegular; font-size: 80%;}
.nameandplace, .np_nameandplace {/* padding-top: 20px; */}

/* Source browser */

.np_sourcebrowser h3 { padding: 30px 0px 10px 0px; }
.np_sourcebrowser h4, .nameandplace .relatednames h4, .np_nameandplace .relatednames h4, .np_namesearch h4 { padding-bottom: 30px; }
.nameandplace .relatedmedia h4, .np_nameandplace .relatedmedia h4 { padding: 70px 0px 30px 0px; }
.nameandplace .relatedmedia ul, .np_nameandplace .relatedmedia ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap: 20px; }
.nameandplace .relatedmedia ul li, .np_nameandplace .relatedmedia ul li { max-width: 250px; box-shadow: 0 0 2px black; margin-bottom: 20px; padding: 20px !important; box-sizing: border-box; transition: all .3s ease-in-out; text-align: center; font-size: 15px ; }
.nameandplace .relatedmedia ul li:hover, .np_nameandplace .relatedmedia ul li:hover { background-color: var(--border);}
.nameandplace .relatedmedia ul li img, .np_nameandplace .relatedmedia ul li img { width: 200px; margin: 0px auto; display: block; }
.np_sourcebrowser .additional, .np_sourcebrowser .related {background-color: var(--greynp);padding: 10px;}
.np_sourcebrowser .relatednames table/* , .np_sourcebrowser table.additional  */ { background-color: white; padding: 20px 10px;}
.np_sourcebrowser .relatednames table td, .np_sourcebrowser table.additional td { background-color: white; border-bottom: 1px solid var(--border)}
.np_sourcebrowser .relatednames input[type=search] { background: white; }
.nameandplace h3, .nameandplace h4, .np_nameandplace h3, .np_nameandplace h4 { color: var(--bluenp); font-family: PoppinsRegular; font-size: 120%; }
.np_sourcebrowser .dataTables_wrapper {/* padding-top: 20px; */}

.np_sourcebrowser .relatednames table { margin: 0px; padding: 0px 0px 30px 0px; }

.np_sourcebrowser .sourcehome .dataTables_filter,.np_sourcebrowser .sourcehome .dataTables_length { display: none; }

.np_sourcebrowser .related.relatednames ul { background-color: white; }
.np_sourcebrowser .related ul li th, .np_sourcebrowser .related ul li td { width: 50%; }

.np_sourcebrowser .content { background-color: var(--greynp); display: flex; flex-wrap: wrap; gap: 50px; padding: 20px;}
.np_sourcebrowser .content .leftcolumn img { width: 200px; border: 1px solid var(--footer);  }

.np_sourcebrowser .content .additional, .np_sourcebrowser .content .related {width: 100%;background-color: white;padding: 20px;}
.np_sourcebrowser .content .rightcolumn .related ul { padding-top: 20px; }
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related table { margin: 0px; padding: 0px; }
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related { background: none; padding: 0px; margin: 0px;}
.np_sourcebrowser .content .rightcolumn .related ul li { padding-bottom: 40px;}
.np_sourcebrowser .content .rightcolumn .related ul li:last-of-type { padding: 0px;}
.np_sourcebrowser .content .rightcolumn .additional, .np_sourcebrowser .content .rightcolumn .related td { border-bottom: 1px solid var(--border) }
.np_sourcebrowser .content .rightcolumn table tbody tr:nth-child(odd) { background: none; }

.np_sourcebrowser .content .related h5 {color: var(--bluenp);font-family: PoppinsRegular;padding-bottom: 10px;font-size: 90%;}



.np_sourcebrowser h3 { padding-bottom: 20px; font-size: 140%;  }



@media ( max-width: 1270px ){
    .np_sourcebrowser .content { gap:20px}
    .np_sourcebrowser .content .rightcolumn {width: 100%;}
}

@media ( max-width: 500px ){
    .np_sourcebrowser .content {justify-content: center;}
}


/* Surname interests */

.np_nameandplace .contact form { max-width: 800px; padding: 20px; margin: 0px auto; }
.np_nameandplace .contact .field_readonly { display: flex; justify-content: center; }
.np_memberinterests .contact .formbuilder .field_readonly .label { background: var(--bluenp);  width: 100%; padding: 13px 10px 0px 10px; text-align: center; color: white; font-weight: bold; }
.np_memberinterests .contact .formbuilder .field_readonly .input { border: solid 3px var(--bluenp);width: 100%; padding: 10px; text-align: center; }
.np_nameandplace .contact form textarea { width: 100%; }
.np_memberinterests .contact .formbuilder .label, .np_memberinterests .contact .formbuilder .input { margin: 15px 0px; }
.np_memberinterests .field_readonly label {color: white;}
.np_memberinterests .field_textarea label { color: var(--bluenp); }

.np_memberinterests .add { padding-top: 20px; }
.np_memberinterests .add .field_text { display: flex; align-items: center; margin: 0px auto; gap: 20px; max-width: 400px; }
.np_memberinterests .add .field_text .label { width: 100px; }
.np_memberinterests .add .buttons { max-width: 200px; margin: 0px auto; text-align: center; padding-top: 20px; }
.np_memberinterests .add .buttons a.button { margin-top: 10px; display: block; }

@media ( max-width: 500px )
{
    .np_nameandplace .contact .field_readonly { flex-direction: column; }
    .np_memberinterests .contact .formbuilder .field_readonly .label { padding: 10px; }
    .np_memberinterests .add .field_text {max-width: 100%; display: block; }
}



/* Education  Webinars  */

.videos .util_tabbed .ui-tabs-nav { display: flex; gap: 20px;  padding-bottom: 50px; flex-wrap: wrap;   }
.videos .util_tabbed .ui-tabs-nav li { margin: 10px; }
.videos .util_tabbed .list_youtube ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px}
.videos .util_tabbed .list_youtube ul li { color: var(--blue); font-family: Arial; font-weight: 700; width: 31%; font-size: 95%; }
.videos .util_tabbed .list_youtube ul li:hover  { cursor: pointer; opacity: 0.7; }
.videos .util_tabbed .list_youtube ul li img { width: 380px; height: auto; }
.videos .util_tabbed .introduction p:last-of-type { padding-bottom: 50px; }

.videos select { width: fit-content; font-size: 120%; height: fit-content; margin: 0px auto 30px auto; border: 2px solid var(--blue); border-radius: 5px; display: block; padding: 5px; }
.videos select option { font-size: 80%; }

@media ( max-width: 899px )
{
	.videos .util_tabbed .list_youtube ul li { width: 45%; }
}

@media ( max-width: 600px )
{
	.videos select { width: 100%; font-size: 100%;}
}

@media ( max-width: 550px )
{
	.videos .util_tabbed .ui-tabs-nav li a { padding: 5px; }
}

@media ( max-width: 500px )
{
	.videos .util_tabbed .list_youtube ul li { width: 100%; text-align: center;}
}

.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; }
.ui-front { z-index: 200; }
.ui-dialog { border-radius: 10px; background-color: white; padding: 10px; box-shadow: 0 0 10px var(--grey); }
.ui-dialog-titlebar { display: flex; padding-bottom: 20px; justify-content: space-between; align-items: center;  }
.ui-button  { text-align: right; cursor: pointer; background-color: white; box-shadow: 0 0 3px var(--grey);  border-radius: 5px; text-transform: capitalize; padding: 7px 15px;}
.ui-button:hover  { background-color: var(--dgreynp); }
.ui-dialog-title { font-size: 80%; color: var(--blue); font-weight: 700;  text-align: left;}
.ui-dialog .ui-dialog-content iframe { margin: 0px auto;  border-radius: 10px; width: 100% !important; }

/* Education webinars */

.education_webinars .handouts .items { display: flex; flex-wrap: wrap; gap: 20px;  }
.education_webinars .handouts .items>div { width: 30%; position: relative; top: 0px; transition: all .3s ease-in-out; }
.education_webinars .handouts .items>div:hover { top: -10px; }
.education_webinars .handouts .imagetop { height: 150px;  background-size: contain; }
.education_webinars .handouts .content p { padding: 0px; text-align: center; }
.education_webinars .handouts .content p a { width: 100%; display: block; padding: 10px; height: 50px; font-size: 80%; }

/* Leaflets */

.leaflets table { margin: 40px auto; }
.leaflets table tr td:first-of-type { padding-right: 40px;}

/* PDF Search */

.feat_pdfbrowse {} 

.feat_pdfbrowse .results { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; padding-top: 30px; }
.feat_pdfbrowse .results li { position: relative; top: 0px; width: 200px; border: 1px solid var(--blue); padding: 10px; transition: all .3s ease-in-out; }
.feat_pdfbrowse .results li:hover { top: -10px; }
.feat_pdfbrowse .results li .image { height: 200px; }
.feat_pdfbrowse .results li .name {text-align: center;padding-top: 10px;font-size: 90%;/* word-break: break-all; */}

/* Browse records */


.browserecords ul {  display: none; }
.browserecords ul li { transition: all .3s ease-in-out; display: flex; justify-content: space-between; flex-wrap: wrap;  text-align: center; border-bottom: 1px solid lightgrey; padding: 5px 0px; }
.browserecords ul li:hover, .browserecords tr:hover, .browserecords table tr:nth-child(odd):hover { background-color: #d9d9d9; }
.browserecords ul li p { padding-bottom: 0px; }
.browserecords .pagecontent a, .nppage .pagecontent p:first-of-type a { text-decoration: underline; margin-bottom: 20px; display: block; width: fit-content; }
.nppage .pagecontent p:first-of-type a  { margin-bottom: 0px; }
.browserecords .pagecontent a:hover, .nppage .pagecontent p:first-of-type a:hover { opacity: 0.8; }

.browserecords p { padding-bottom: 20px; }
.browserecords table { width: 100%; margin-bottom: 30px;}
.browserecords table tr:nth-child(odd) { background-color: #f3f3f3;  }
.browserecords table tr td { padding: 2px; }
.browserecords table tr td:last-of-type { text-align: right;}


/* Events login form */

.event_eventpage .memb_loginbox { width: 100%; margin-top: 20px; }
.event_eventpage .memb_loginbox input[type=text], .event_eventpage .memb_loginbox input[type=password] { width: 100%; }

/* Downloads */

.downloads .content { text-align: center; font-weight: 700; padding-bottom: 20px; }
.downloads table th { background-color: var(--dgreynp); padding: 10px;  border-bottom: 1px solid var(--border); font-size: 80%; }
.downloads table td { padding: 10px; border-bottom: 1px solid var(--border); font-size: 80%; }
.downloads table td a { width: 100%; display: block; }
.downloads table tr:hover td { background-color: #f3f3f3; }
.downloads table tr:nth-child(odd) { background-color: var(--lgrey); }

/* Federation Burials */

.std_contentpage.fedburial .pagecontent ol li { list-style-type: none; }
.fedburial ol { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }