:root
{
    --brightblue: #166cc5;
    --paleblue: #e6f3ff;
    --navyblue: #03468b;
    --darkblue: #002f78;
    --white: #ffffff;
    --bodytext: #353535;
    --black: #000000;
}


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

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

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


* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: var(--white); color: var(--bodytext); font-family: ProximaNova;font-size: 110%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a {color: var(--navyblue);text-decoration: underline;font-weight: normal;font-family: ProximaNovaBold;}
a.button {display: block;background-color: var(--navyblue);color: var(--white);padding: 20px;width: 400px;margin: auto;text-decoration: none;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: var(--navyblue); font-family: ProximaNovaBold;}
fieldset {padding: 0px 0px 10px 0px;margin: 0px;border: none;}
input, textarea, select { font-size: 90%; background: #ededed; padding: 5px; color: var(--black); border: 0px; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password], input[type=number]  {height: 30px;margin-bottom: 12px;width: 80%;background-color: #ededed;}
input[type=button], input[type=submit], button[type=submit] { cursor: pointer; background-color: var(--navyblue); color: var(--white); padding: 10px 20px 10px 20px; font-family: ProximaNovaBold; border-radius: 20px; border: 1px solid var(--navyblue);}
input[type=reset], button[type=reset] { cursor: pointer; background-color: #ededed; color: var(--black); padding: 10px 20px 10px 20px; font-family: ProximaNovaBold; border-radius: 20px; border: 1px solid #ededed;}

select {height: 30px;padding-right: 30px;background-image: none;background-repeat: no-repeat;background-position: right 10px center;}
p { padding: 0px 0px 20px 0px; margin: 0px; }
strong { font-weight: normal; font-family: ProximaNovaBold; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.label {font-family: ProximaNovaBold;}
.hidden {display: none;}
.spacer {clear: both;height: 0px;}
img{border:none;max-width:100%;height:auto;}
.errors {color: red; margin-bottom: 20px;}


/* General settings */

table {width: 100%; margin: auto; border: 3px solid var(--navyblue); padding: 0px; border-spacing: 0px; }
table th {border-bottom: 2px solid var(--navyblue); padding: 5px;}
table td {border-bottom: 1px solid var(--navyblue); border-right: 1px solid var(--navyblue); padding: 3px;}
table td:last-of-type {border-right: 0px;}

.std_contentpage ul {padding-bottom: 20px;}
.std_contentpage img.left { padding: 0px 5px 5px 0px;}
.std_contentpage img.right { padding: 0px 0px 5px 5px;}


@media (max-width: 1279px) {
  .std_contentpage, .std_videoarticlea, .event_eventpage {padding: 0px 15px;}
  .std_contentpage.home {padding: 0px;}
  .layoutbreadcrumb {padding-left: 15px;}
}


/*Header*/

.layoutheader {max-width: 1240px; margin: auto; height: 54px; background-color: var(--white); position: relative;}
.layoutheader .headersocial a {color: var(--navyblue); text-decoration: underline;}
.layoutheader .headersocial .links {position: absolute;top: 14px;right: 140px;}
.layoutheader .headersocial .links li {float: left;}
.layoutheader .headersocial .links li:first-of-type {margin-right: 6px;}
.layoutheader .headersocial svg {fill: var(--brightblue); width: 27px; height: 27px;}
.layoutheader .headerloginlink, .layoutheader .headermyaccount {position: absolute; right: 0px; top: 17px; text-transform: uppercase;}
.layouttopmenu {background-color: var(--brightblue); height: 87px; width: 100%;}

.layouttopmenu .nav_multilevel .level1>li>a {color: white;font-size: 110%;line-height: 87px;}

.layouttopmenu .nav_multilevel .level1>li:hover .level2 li{display:block}
.layouttopmenu .nav_multilevel .level2 {display:none;background: var(--paleblue);font-family: sans-serif;text-align: left;z-index: 10;}
.layouttopmenu .nav_multilevel .level2>li>a { display:block; text-decoration:none; text-transform: initial; color: var(--navyblue); margin-bottom: 5px;}
.layouttopmenu .nav_multilevel .level2>li>a:hover{text-decoration: underline;} 

.layouttopmenu .nav_multilevel .level3 a {color: var(--navyblue); padding-left: 25px;}
.layouttopmenu .nav_multilevel .level3 a:hover {text-decoration: underline;}
.layouttopmenu a {color: var(--white);}
.layouttopmenu .nav_multilevel .level2 {display: none;}
.layouttopmenu .nav_multilevel .toggle {cursor: pointer;}
.layouttopmenu .nav_multilevel svg path {fill: var(--white);}
.layouttopmenu .nav_multilevel .titletxt {color: var(--white); text-transform: uppercase; font-family: ProximaNovaBold;}

.layouttopmenu .fas { float: right; }
.layouttopmenu .level1>li>span .fas {/* padding-top: 15px; */color: white;}

@media (min-width: 1271px) {
  .layouttopmenu .nav_multilevel .level1>li { display: inline-block; }
  .layouttopmenu .nav_multilevel .level1>li>a { padding: 0px 23px 0px 23px; }
  .layouttopmenu .nav_multilevel .level1 .link3 {padding-left: 0px;}
  .layouttopmenu .toggle {display: none;}
  .layouttopmenu .nav_multilevel .titletxt {display: none;}
  .layouttopmenu .nav_multilevel .level1 .link19 a {padding-right: 0px;}
  .layoutheader .layoutheader_inner {max-width: 200px;}
  .layoutheader .headerlogo {width: 200px;}
  .layouttopmenu .expand {display: none;}
  .layouttopmenu .nav_multilevel .level2 { position:absolute; padding: 20px; }
  .layouttopmenu .nav_multilevel .level1>li:hover .level2{display:block}
  .layouttopmenu .nav_multilevel {max-width: 1240px; margin: auto; padding-left: 222px;}
}

@media (max-width: 1270px) {
  .layoutheader .headerlogo {width: 150px; height: auto;}
  .layouttopmenu {background-color: var(--brightblue); height: 52px; width: 100%;}
  .layouttopmenu .nav_multilevel {padding-left: 150px; position: relative;}
  .layouttopmenu .nav_multilevel .level1>li>a {line-height: 0px;}
  .layouttopmenu .nav_multilevel .toggle {position: absolute;right: 10px;top: 10px;}
  .layouttopmenu .nav_multilevel .titletxt {position: absolute;right: 65px;/* right: 5px; */top: 15px;}
  .layouttopmenu .toggleoff ul {display: none;}
  .layouttopmenu .nav_multilevel .level2>li>a { display: inline-block;}
  .layouttopmenu .toggleon ul.level1 { display:block; position: absolute; top: 52px; left: 0px; width: 100%; background-color: var(--navyblue); z-index: 50;   }
  .layouttopmenu .toggleon ul a {color: var(--white);}
  .layouttopmenu .toggleon ul.level1  {padding: 20px;}
  .layouttopmenu .toggleon ul.level1 li a  {}
  .layouttopmenu .toggleon ul li { padding: 10px 0px;}
  .layouttopmenu .toggleon ul.level2 li { padding: 10px;}
  .layouttopmenu .nav_multilevel .level2, .layouttopmenu .nav_multilevel .level3 {display: none; }
  .layouttopmenu .nav_multilevel .level3 a { padding-left: 10px; }
  .layouttopmenu .nav_multilevel .level2 { margin-top: 10px;;}
}
@media ( max-width: 1260px )
{
  .layoutheader .headerloginlink, .layoutheader .headermyaccount { right: 10px; }
}
@media ( max-width: 400px )
{
  .layoutheader .headerloginlink, .layoutheader .headermyaccount { font-size: 90%; }
  .layoutheader .headersocial svg { width: 20px; height: 20px; }
  .layoutheader .headersocial .links { right: 120px; }
}
/*
@media (max-width: 1270px) {
  .layoutheader .headerlogo {width: 150px; height: auto;}
  .layouttopmenu {background-color: var(--brightblue; height: 52px; width: 100%;}
  .layouttopmenu .nav_multilevel {padding-left: 150px;}
  .layouttopmenu .nav_multilevel .level1>li>a {line-height: 52px;}
}

@media (max-width: 1269px) {
  .layouttopmenu .toggle {position:absolute;top:35px;right:115px;cursor:pointer;}
  .layouttopmenu .toggleon ul{display:block; position: absolute; top: 75px; right: 0px; width: 100%; background-color: var(--black); opacity: 0.8; z-index: 50; text-align: center;}
  .layouttopmenu.toggleon li{padding: 10px 0px 10px 20px;}
  .layouttopmenu.toggle .label {position: absolute; top: 5px; right: -50px;}
  .layouttopmenu .toggleoff ul {display: none;}
}

@media (min-width: 1271px) {
  .layouttopmenu .nav_multilevel .level1>li { display: inline-block; }
  .layouttopmenu .toggle {display: none;}
  .layouttopmenu .nav_multilevel .titletxt {display: none;}
  .layoutheader .layoutheader_inner {max-width: 200px;}
  .layoutheader .headerlogo {width: 200px;}
}*/


.pagecontent.content, .pagecomponents.components, .pagetitle.title, .std_newsarticlea {max-width: 1240px;}
.layoutcontent_inner {padding-bottom: 25px; min-height: 500px;}
.pagetitle.title, .shop_basketpage .titletxt, .std_videoarticlea .headline, .event_eventpage .headline {margin-top: 25px;border-bottom: 5px solid var(--navyblue);text-align: center;color: var(--navyblue);font-size: 200%;margin-bottom: 10px;}
.pagecontent h2, .surv_standard .titletxt {margin-bottom: 30px;border-bottom: 2px solid var(--navyblue); color: var(--navyblue); font-size: 120%;}
.pagecontent h3 {font-size: 110%;}
.pagecontent a:hover {background-color: var(--paleblue);}
.pagecontent li {list-style-type: disc; list-style-position: outside;}
.layoutbreadcrumb {max-width: 1240px; margin: auto; margin-top: 30px;}
.expandablelinks {margin-bottom: 20px;}
.expandablelinks .link {margin-bottom: 10px;}

.layoutleft{width: 280px;display: inline-block; background-color: var(--paleblue); margin-top: 66px; margin-right: 15px; margin-bottom: 50px;}
.layoutleft a{padding: 7px 0px 7px 20px;line-height: 2.35;display: block;}
.layoutleft .level2 a {padding-left: 50px;}
.layoutleft a:hover{background-color: var(--brightblue); color: var(--white); text-decoration: none;}

@media (min-width: 1280px) {
  .condleft .layoutmiddle{max-width: 1240px; margin: auto;}
  .condleft .layoutcontent{width: 100%; max-width: none;}
  .condleft .layoutright{width: 100%;}
  .condleft .layoutcontent { width: 875px; margin: initial; display: inline-block; vertical-align: top; box-sizing: border-box; }

}

@media (max-width: 1279px) {
  .layoutleft { margin: 50px auto; display: block; }
}

/*Homepage*/
.home .pagecontent, .home .pagecomponents {margin: auto;}
.home .homecarousel ul {width: 20000em; position: relative;}
.home .homecarousel {overflow: hidden; position: relative;}
.home .homecarousel li {float: left;width: 1240px;height: 420px;background-size: cover;background-position: center center;align-items: center;}
.home .homecarousel li .caption { color: white; margin-top: 250px; padding-right: 10px; text-align: right; font-size: 120%; font-family: ProximaNovaBold; }


.homecarousel-v2 { background-color: black; overflow: hidden; position: relative; }
.homecarousel-v2 ul {width: 20000em;/* height: 277px; */position: relative;}
.homecarousel-v2 li {position: relative;display: block;float: left;/* width: 500px;height: 275px; */line-height: 275px;padding: 0px 15px 0px 0px;}
.homecarousel-v2 li img {display: inline-block;vertical-align: middle;/* height: 200px; width: auto; *//* position: absolute; */}
.homecarousel-v2 li .caption {position: absolute;line-height: normal;color: white;bottom: 10px; right: 20px; text-align: right;font-size: 120%;font-family: ProximaNovaBold;}

@media(max-width: 768px) {
  .homecarousel-v2 li img { max-width: calc(100vw - 15px); }
}
@media(max-width: 425px) {
  .homecarousel-v2 li { line-height: 200px; }
  .homecarousel-v2 li img { max-height: 180px; width: auto; }
}
@media(max-width: 375px) {
  .homecarousel-v2 li { line-height: 160px; }
  .homecarousel-v2 li img { max-height: 140px; }
}

.home .homewelcomemessage h2 {margin-top: 25px;margin-bottom: 30px;border-bottom: 5px solid var(--navyblue); text-align: center; color: var(--navyblue); font-size: 200%;}
.home .homenews h2, .home .hometextbox h2 {padding-bottom: 5px;border-bottom: 2px solid var(--navyblue);font-size: 150%;margin-bottom: 18px;}
.home .homenews {max-width: 930px;}
.home .homenews .homenewslist {margin-bottom: 40px;}
.home .homenews .homenewslist .list {display: flex; flex-wrap: wrap; justify-content: space-around;}
.home .homenews .homenewslist .article {background-color: var(--paleblue); width: 304px; margin-right: 8px; padding: 38px 20px;}
.home .homenews .homenewslist .article:nth-child(3) {margin-right: 0px;}
.home .homenews .homenewslist .article .headline, .home .homenews .homenewslist .article .created {color: var(--navyblue); font-family: Montserrat-Bold;}
.home .homenews .homenewslist .article .headline {font-size: 120%;}
.home .homenews .homenewslist .article .created {font-size: 80%; margin-bottom: 28px;}
.home .homenews .homenewslist .article .abstract {color: var(--bodytext);font-family: ProximaNova;margin-bottom: 28px;min-height: 200px;}
.home .homenews .homenewslist .footerlinks {margin-top: 20px;}
.home .homeformscontainer .homejoinnow {width: 230px; margin-top: 330px;}
.home .homeformscontainer .homejoinnow .titletxt {background-color: var(--navyblue); height: 40px; text-align: center; padding-top: 10px;}
.home .homeformscontainer .homejoinnow .titletxt a {color: var(--white);}
.home .homeformscontainer .homejoinnow .link {border: 2px solid var(--paleblue); text-align: center; padding: 21px 0px;}
.home .homeformscontainer .homejoinnow .link a {text-transform: uppercase; border: 2px solid var(--navyblue); border-radius: 20px; padding: 5px 15px;}
.home .hometextbox {clear: both;}
.home .homewelcomemessage {/* max-width: 995px; */margin: auto;margin-bottom: 20px;}
.home .np_searchform {width: 230px; border-left: 2px solid var(--paleblue); border-right: 2px solid var(--paleblue); border-bottom: 2px solid var(--paleblue); margin-bottom: 18px; padding-bottom: 16px;}
.home .np_searchform h2 { background-color: var(--brightblue); color: var(--white); height: 40px; text-align: center; padding-top: 10px; font-family: ProximaNovaBold;}
.home .np_searchform input[type=text] {width: 80%;}
.home .np_searchform input[type=submit] {margin-top: 5px; background: transparent; color: var(--brightblue); text-transform: uppercase; border: 2px solid var(--brightblue); border-radius: 20px; padding: 5px 15px;}
.home .np_searchform .form {padding-top: 20px; text-align: center; color: var(--brightblue);}
.std_newsarticlea .created{display: none;}

@media (min-width: 1270px) {
  .home .homeformscontainer {float: left; margin-left: 80px; margin-top: 32px;}
  .home .homenews { float: left;}
}

@media (max-width: 1269px) {
  .home .homewelcomemessage {padding: 0px 15px;}
  .home .homenews {padding: 0px 15px; margin: auto; max-width: 995px;}
  .home .homenews .homenewslist .article {margin-bottom: 15px;}
  .home .homenews .homenewslist .spacer {display: none;}
  .home .homeformscontainer {clear: both;}
  .home .homeformscontainer .np_searchform, .home .homeformscontainer .homejoinnow {margin: auto;}
  .home .homeformscontainer .np_searchform {margin-bottom: 18px;}
}


/*Page with images*/

.pagewithimages a {overflow-wrap: break-word;}

.pagewithimages .special {width: auto; position: static;}

@media( min-width: 1080px )
{
  .pagewithimages h2 { max-width: 928px; margin: 0px 0px 20px 0px; }
  .pagewithimages p {max-width: 800px;}
  .pagewithimages ol { max-width: 928px; box-sizing: border-box; }
  .pagewithimages figure {font-size: 80%;/* float: none; *//* width: 230px; *//* position: absolute; */left: 50%;/* margin-left: 323px; */}
  .pagewithimages .pagecontent.content {max-width: 600px; padding: 20px;}
  .pagewithimages .util_expandtext  div.text {padding: 20px;}
  .pagewithimages .open > div.text {background-color: var(--paleblue);}
}

@media( max-width: 1079px )
{
  .pagewithimages figure {float: none!important; clear: both; text-align: center; margin: 20px 0px;}
  .pagewithimages figcaption {font-size: 80%; font-style: italic;}
}

/* News */
.newspage {max-width: 1240px; margin: auto;}
.newspage .list_article .article {clear: both; margin-bottom: 20px; }
.newspage .list_article .article .created {font-family: ProximaNovaBold; margin-bottom: 10px;}
.newspage .list_article .abstract {color: var(--bodytext); font-family: ProximaNova;}
.newspage .list_article .article::after {content: "";  clear: both;  display: table;}

@media (min-width: 700px) {
  .newspage .list_article .article .image {float: left; padding-right: 20px;}
}

@media (max-width: 699px) {
  .newspage .list_article .article .image, .newspage .list_article .shortheadline, .newspage .list_article .created, .newspage .list_article .link {text-align: center;}
}

/* News articles */
.std_newsarticlea {max-width: 1240px; margin: auto;}
.std_newsarticlea .headline {margin-top: 25px;border-bottom: 5px solid var(--navyblue);text-align: center;color: var(--navyblue);font-size: 200%; margin-bottom: 10px;}
.std_newsarticlea .created {text-align: center; color: var(--navyblue); text-transform: uppercase; font-size: 120%; margin-bottom: 20px;}
.std_newsarticlea .image {text-align: center; margin-bottom: 20px;}
.std_newsarticlea .abstract {color: var(--bodytext); font-family: ProximaNova;}

@media (max-width: 1279px) {
.std_newsarticlea {padding: 0px 15px;}
}

/* Events page */
.upcomingeventslist .event {background-color: var(--paleblue); padding: 20px; margin-bottom: 20px; clear: both;  }

@media (min-width: 600px){
.upcomingeventslist .event::after { content: ""; clear: both;  display: table;}
.upcomingeventslist .image { float:left;  width: 30%;  height: auto; padding-right: 10px;}
.upcomingeventslist .abstract, .upcomingeventslist .date, .upcomingeventslist .time, .upcomingeventslist .link, .upcomingeventslist .name { padding: 10px 0px 0px 20px; display:inline-block; width: 70%;  }
}

@media (max-width: 599px) {
  .upcomingeventslist .image {text-align: center; padding-bottom: 20px;}
  .upcomingeventslist .name, .upcomingeventslist .date, .upcomingeventslist .time {text-align: center;}
  .upcomingeventslist .abstract {padding-top: 20px;}
}

/* Individual event pages */
.event_eventpage .date, .event_eventpage .time, .event_eventpage .venue {text-align: center;}
.event_eventpage .abstract {display: none;}
.event_eventpage .image {padding-top: 20px; text-align: center;}
.event_eventpage .article {padding-top: 20px;}

/*Login page*/
.membershipstatus {background-color: var(--paleblue); text-align: center; padding: 20px; margin-bottom: 20px;}

.memb_loginbox .forgotpw {display: block; text-align: center;}
.memb_loginbox .login, .memb_loginbox .logout {text-align: center;}
.memb_loginbox .login {padding-bottom: 20px;}
.memb_loginbox .errors {color: red; padding-bottom: 20px; text-align: center;}

/*Page of links*/
.standardpagelinklist li {background-color: var(--paleblue); display: inline-block; width: 200px; min-height: 200px; text-align: center; margin-bottom: 20px; padding: 10px;}

/*Membership purchase page*/
.shop_productlist li {text-align: center;}
.payment_options ul { display: flex; flex-direction: row; justify-content: space-evenly;}
.payment_options li a { display:block;width: 250px; height: 250px; background-color: var(--brightblue); text-align: center; padding-top: 100px;color: var(--white); text-decoration: none; font-size: 110%; }

.shop_basketpage table {width: 100%; padding-bottom: 40px;}
.shop_basket td, .shop_basket th { padding: 5px; text-align: left; border-bottom: solid #dddddd 1px; }
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right; }
.shop_basket .discount {display: none;}
.shop_basket .message {padding-bottom: 20px; color: var(--darkblue); font-family: ProximaNovaBold;}
.shop_basketpage .errors { color: red; padding-bottom: 20px; }
.shop_basketpage .contact, .shop_basketpage .billing {width: 50%; float: left; margin-top: 40px;}
.shop_basket .complete {padding-bottom: 95px;}
.shop_basketpage #fb-Notes-div, .shop_basketpage .field_section { display: none; }
.shop_basketpage .buttons { margin-top: 20px;}
.shop_basketpage .buttons input[type=submit] { margin-right: 10px;}
.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label { font-family: ProximaNovaBold; padding-top: 20px; padding-bottom: 10px; font-size: 120%; }

.paymentform #card-element {border: 1px solid var(--darkblue); border-radius: 16px; padding: 10px; margin-bottom: 20px; }
.paymentform  { color: black;}

/* Journal search */
.feat_pdfsearch .status {margin-top: 20px; padding-bottom: 20px; color: var(--navyblue);}
.feat_pdfsearch li {padding-bottom: 20px;}
.feat_pdfsearch li .name {font-family: ProximaNovaBold;}

/*Footer*/
.layoutfooter {background-color: var(--navyblue); color: var(--white);}
.layoutfooter a {color: var(--white);}
.layoutfooter .footercontainer {max-width: 1240px; margin: auto;}
.layoutfooter .footercontainer .nav_multilevel .level2 {display: none;}
.layoutfooter .footercontainer .footersociallinks svg {fill: var(--white); width: 27px; height: 27px;}
.layoutfooter .footercontainer .footersociallinks li {display: inline-block;}
.layoutfooter a {color: var(--white);}
.beachshore {display: none;}

@media (min-width: 1271px) {
  .layoutfooter {height: 171px;}
  .layoutfooter .footercontainer .footerlogo {float: left;}
  .layoutfooter .footercontainer .nav_multilevel {float: left; padding-left: 104px;}
  .layoutfooter .footercontainer .nav_multilevel ul {width: 100%; float: left; padding-top: 30px;}
  .layoutfooter .footercontainer .nav_multilevel li {float: left; padding-right: 60px;}
  .layoutfooter .footercontainer .nav_multilevel li:last-of-type {padding-right: 0px;}
  .layoutfooter .footercontainer .footerlinks {float: left; clear: left; padding-top: 36px; padding-right: 52px;}
  .layoutfooter .footercontainer .footersociallinks {float: left; padding-top: 36px;}
  .layoutfooter .footercontainer .footersociallinks li { padding-right: 10px;}
  .layoutfooter .footercontainer .footercopyright {float: right; font-size: 80%; padding-top: 36px;}
}

@media (max-width: 1270px) {
  .layoutfooter {text-align: center;}
  .layoutfooter .nav_multilevel, .layoutfooter .footerlinks, .layoutfooter .footersociallinks {margin-bottom: 15px;}
}

/* Contact Us */

.surv_standard .message{
  padding: 20px 20px 20px 0px;
  color: red;
}

.contact-us ul{padding-inline-start: 20px;}
.contact-us .surv_standard{margin-top: 250px;}
.contact-us figure{margin: 15px;}

@media (max-width: 700px) {

  .contact-us figure{
    float:none !important;
    text-align: center;
  }

  .contact-us .surv_standard{margin-top: 20px;}

  .contact-us input[type=text], .contact-us .formbuilder textarea{
    width: 100%;
  }
}


/* About us */

.about img.right{margin: 10px 20px;}

.about h2 a{text-decoration: none;}

.about h4{margin-top: 200px; font-size: 85%;font-weight: normal; color: var(--black);}

@media (max-width: 730px) {

  .about figure, .about img.right{
    float:none !important;
    text-align: center;
    display: block;
    margin: 20px auto;
  }

  .about h4{margin-top: 80px}

}


/* Members area */

.fieldpw .input{
  padding-left: 40px;
}


/* Privacy policy */
.plainpage .pageheader {max-width: 1240px; margin: auto;}
.plainpage .pagecontent.content {margin: auto;}

/* Italian Roots Contents */
.rootscontents .util_expandtext .text {padding-top: 20px;}

/* Webinars */
.webinars .article {margin-bottom: 50px; text-align: center;}
.webinars .article .image img {border:3px solid var(--navyblue);}
.webinars .article .link {text-transform: uppercase;}
.webinars .article a:hover {background-color: var(--paleblue);}

.std_videoarticlea .video video {max-width: 100%;}

/* Forms */
.surv_standard {padding-top: 20px;}
.formbuilder .label {padding-bottom: 10px;}
.formbuilder .field {padding-bottom: 15px;}
.formbuilder textarea {width: 80%;}
.formbuilder .input .field-select {padding-bottom: 20px;}
.formbuilder input[type=checkbox] {transform: scale(2);}

/* Img css */
.terri .marginreq {margin-top: 15px;}
.italianroots img {border: solid 1px black;}

/* Members Area */
/*.members-area .components {}*/
.memb_subscriptionstatus {/* margin-bottom: 30px; */}
.memb_subscriptionstatus .status { padding-bottom: 10px; }
.memb_subscriptionstatus .payment { padding-bottom: 10px; }
.memb_subscriptionstatus .renewal { padding-bottom: 10px; }
.memb_subscriptionstatus .buttons { padding-bottom: 10px; }
.memb_subscriptionstatus .buttons .button {}
.memb_subscriptionstatus .buttons .button {
  cursor: pointer;
  background-color: var(--navyblue);
  color: var(--white);
  border-radius: 20px;
  border: 1px solid var(--navyblue);
  padding: 10px;
  width: 120px;
  margin: 0px 20px 0 0;
  text-align: center;
}
.memb_loginbox .logout {margin: 40px; }
.memb_loginbox .introduction p {padding-bottom: 10px; }
/* Page - Name and place */

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

.nppage .field_radio .input div { display: flex; }
.nppage .radio { font-size: 80%;  }
.nppage input[type=radio] { cursor: pointer; height: 10px; }

.nppage a.button { background: var(--brightblue);  width: auto; padding: 7px 15px; display: inline; font-size: 100%;   }
.nppage button { background: var(--brightblue); color: white; border: none; padding: 7px 15px; font-family: ProximaNovaBold; font-size: 100%; }

.nppage button:hover, .nppage a.button:hover { cursor: pointer; color: white; }

.nppage input[type=text], .nppage input[type=number] { width: 250px; margin-bottom: 0px;}

.nppage .field_group, .nppage .field_group .input { display: flex;  }
.nppage .field_group { justify-content: space-between; margin-bottom: 40px;  }
.nppage .field_group .input { justify-content: space-between; width: 100%;  }

.nppage .formbuilder .field_radio .label, .nppage .formbuilder .field_text .label { display: none;}
.nppage .formbuilder .label, .nppage .formbuilder .field  { padding-bottom: 0px; }

.nppage .label { width: 200px; }

@media ( max-width: 835px )
{
  .nppage .field_group, .nppage .field_group .input {  flex-direction: column; }
  .nppage input[type=text], .nppage input[type=number] { width: 100%; margin-bottom: 10px; }
}
@media ( max-width: 415px )
{
  .nppage .field_radio .input div { flex-direction: column; }
}

/* Data Tables */

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

th.sorting_disabled { display: none;}

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

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

.dataTables_wrapper { padding: 20px 0px 20px 0px; }
.dataTables_wrapper select { padding-right: 0px; }
.dataTables_filter { text-align: left; }
.dataTables_filter input { margin: 0px 0px 0px 10px; }
.dataTables_length { float: right; padding-bottom: 30px; }
.dataTables_info {font-family: "ProximaNovaBold"; padding-bottom: 10px; padding-top: 30px; }
.dataTables_paginate a { cursor: pointer; padding: 0px 5px 0px 5px; }
.dataTables_paginate a:hover { background: lightgray; }

.podcasts .utils_audioplayer {margin: 30px 0px;}
.podcasts .utils_audioplayer .list {display: none;}
.member-number {margin: 0px 0px 10px 0px;}


/* Member database */
.legacydatabase {max-width: 1100px; margin: 0px auto;}
.legacydatabase .leftcol {max-width: 220px; float: left;}
.legacydatabase h1 {padding-top: 30px;}
.legacydatabase h2 {padding-top: 60px;}
.legacydatabase h3 {padding-top: 30px;}
.legacydatabase fieldset input {max-width: 30%;}
.legacydatabase .memdata td {padding: 5px;}
.legacydatabase ul li {padding: 5px 0;}
.legacydatabase ul li:last-child {padding-bottom: 50px;}
.legacydatabase legend {font-weight: bold; padding-bottom: 15px;}
#srchcrit > p:first-of-type {padding-bottom: 20px;}

.legacydatabase .memlist, .legacydatabase .memdata { border: none;}
.legacydatabase .memlist .head, .legacydatabase .memdata .head, .legacydatabase .gridsursearch .gchead {background-color:rgba(3, 70, 139, 0.7); color: white;}
.legacydatabase .memlist .head th, .legacydatabase .memdata .head th {border: none;}
.legacydatabase .memlist .dark td, .legacydatabase .memdata .dark td, .legacydatabase .gridsursearch .dark {border: none; padding-left: 10px;}
.legacydatabase .memlist .light td, .legacydatabase .memdata .light td, .legacydatabase .gridsursearch .light {border: none;  background-color:rgba(3, 70, 139, 0.1); padding-left: 10px;}
.legacydatabase .memdata .dark td:first-child, .legacydatabase .memdata .light td:first-child {font-weight: bold;}
.legacydatabase .memdata tbody tr td:nth-child(4) { width: 400px; word-break: break-word; }

.legacydatabase .memlist tbody tr td:nth-child(7) { width: 400px; word-break: break-word; }
.legacydatabase .memlist tbody tr td:nth-child(8) { width: 60px; }

.legacydatabase .gridsursearch {display: grid;}
.legacydatabase .gridsursearch .gchead {border: none !important; padding: 10px 0 5px 10px !important;}
.legacydatabase .gridsursearch .gitem {padding-top: 10px; padding-bottom: 10px;}

.legacydatabase .bcid-container img {display: none;}

.legacydatabase .bcid-container .main-body ul li:first-child {font-weight: bold;}
.legacydatabase .bcid-container .main-body ul li:last-child {padding-bottom: 15px;}
.legacydatabase .bcid-container #page-body .main-body p:nth-last-child(3) {padding-top: 30px !important;}

.legacydatabase #Form1 input[type=text] {width: 30%;}
.legacydatabase #Form1 input[type=submit] {margin-top: 30px;}