#gdpr-cookie-message a { color: #481377;}
button#gdpr-cookie-advanced {color: #481377;}
#gdpr-cookie-message button, button#ihavecookiesBtn {background: #f19d16;}
button#gdpr-cookie-advanced { background: white;}

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

:root {
  --lightgrey: #efefef;
  --orange: #f18b21;
  --darkpurple: #701572;
  --lightpurple: #803282;
  --white: #ffffff;

  --topmargin: calc(100vw * 0.06); 
}


* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-weight: 300; font-family: "Public Sans"; font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; }
ul, ol { padding: 0px; margin: 0px; list-style: none; }
li {vertical-align: top;}
h1, h2, h3, h4, h5, h6, .titletxt {padding: 0px;margin: 0px;font-size: 100%;font-weight: 700;color: #000000;font-family: "Public Sans";}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;/* background: transparent; *//* border: 1px solid black; */padding: 5px;color: #000000;box-sizing: border-box;font-family: "Public Sans";}
input[type=text], input[type=password]  { height: 30px; width: auto;}
input[type=button], input[type=submit], button, a.button  {cursor: pointer;padding: 10px 20px;border: 0px;font-size: 125%; color: white; background-color:var(--orange); }
input[type=button]:disabled, input[type=submit]:disabled, button:disabled, a.button:disabled { opacity: 0.5; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 20px 0px; margin: 0px;font-family: "Public Sans";font-weight: 300;}
strong { font-weight: 600; font-family: "Public Sans";  }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none;}
.spacer {clear: both;height: 0px;display: none;}
table { border-spacing: 0px; }
td, th { padding: 0px; }

.pagecontent a, .surv_surveypage a, .event_eventpage a { text-decoration: underline; transition: all .3s ease-in-out; }
.pagecontent a:hover, .surv_surveypage a:hover { color: var(--orange); }

.memb_volportal li { list-style: none; }


a.anchor { display: block;position: relative;top: -175px;visibility: hidden;}


div.layoutmsgbox { position: fixed; left: 50% !important;top: 50% !important; margin: -100px 0px 0px -150px; min-width: 300px; min-height: 150px; z-index: 9999999999; box-shadow: 0 0 10px grey; background-color: white; padding: 20px;}
div.layoutmsgbox .text { padding: 20px 10px 40px 10px; text-align: center; }
div.layoutmsgbox .buttons {display: flex; justify-content:center}
div.layoutmsgbox button { margin-right: 5px; background-color: var(--orange); color: white; border: none; padding: 0.5rem 2rem; font-size: 1rem; border-radius: 5px; cursor: pointer; min-width: 100px;}
div.layoutmsgbox button:hover { background-color: #FF9800; }


/* Carousels */

.feat_carousel { position: relative; overflow: hidden; width: 100%; }
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel li { float: left; text-align: center; }
.feat_carousel .skip { text-align: center; }
.feat_carousel .skip a { display: inline-block; background-color: #ffffff; height: 30px; width: 30px; line-height: 30px; text-align: center; margin: 0px 5px 0px 0px; color: #481377;}
.feat_carousel .skip a.active { background-color: #481377; color: #ffffff; }
.feat_carousel .nextprevious {position: absolute;width: 100%;}
.feat_carousel .carousel-prev { width: 24px; height: 400px; margin: 0px; display: block; float: left; z-index: 10; background-image: url(/images/y7fXwxdavUIfuUlrhq6p00o016.png); background-repeat: no-repeat; background-position: center center; }
.feat_carousel .carousel-next { width: 24px; height: 400px; margin: 0px; display: block; float: right; z-index: 10; background-image: url(/images/hDcwSovYj6ntwkz2mgsc00o016.png); background-repeat: no-repeat; background-position: center center; }


/* Header */

.headersocial { display: none; }
.headersearch { display: none; }
.headerbuttons { display: none; }
.headertext h2 { display: none; }
.headercontact .titletxt { display: none; }

.headertext { position: absolute; padding: 10px 0px 0px 0px; margin: 0px 0px 0px -180px; }
.headertext p { display: none; }
.headertext p:first-child { display: block; margin: 0px; }
.headertext img { margin: 0px 20px 0px 0px; }

.headerlinksout, .headerlinksin { float: right; padding: 20px 0px 0px 10px; font-size: 120%; font-weight: bold; }
.headerlinksout li, .headerlinksin li { float: left; padding: 0px 20px 0px 20px; border-right: solid #737373 1px; line-height: 1; }
.headerlinksout li:last-child, .headerlinksin li:last-child { border: none; padding-right: 0px; }
.headerlinksout li:first-child { display: none; }

.headerdonate { float: left; margin-left: 10px; max-height: 100px; max-width: 300px; }
.headerdonate li { float: left; margin: 0px; }
.headerdonate li:first-of-type { width: 48px; background-color: #f68b1f; line-height: 40px; border-radius: 10px; padding: 0px 30px 0px 30px; display: block; margin: 25px 0px 0px 0px; }
.headerdonate li:nth-of-type(2) { float: left; margin: 25px 0px 0px 10px;}
.headerdonate li:nth-of-type(2) img { max-height: 70px; width: auto; }
.headerdonate a { color: #ffffff; }


.headercontact { cursor: pointer; float: right; padding: 16px 0px 0px 0px;  }
.headercontact .content { padding: 0px 0px 0px 50px; font-weight: bold; }
.headercontact .content p { float: left;  padding: 0px 0px 0px 30px; background-repeat: no-repeat; background-position: center left; height: 23px; line-height: 23px;  }
.headercontact .content p:nth-child(1) { margin: 0px 0px 0px 0px; background-image: url(/images/FlmYU4ApVZsumS6N265u00k00n.png); }
.headercontact .content p:nth-child(2) { margin: 0px 0px 0px 30px; background-image: url(/images/ls92orQDP4vszN1CP4ye00o00g.png); }

.headerlogin { float: right; padding: 30px 0px 0px 0px; width: 470px; }
.headerlogin input { width: 100%; box-sizing: border-box; }
.headerlogin .introduction { float: left; font-size: 120%; font-weight: bold; color: #481377; width: 100px; text-align: right; }
.headerlogin .introduction p { margin: 0px !important; }
.headerlogin .fieldemail { display: block; float: left; padding: 0px 0px 0px 10px; width: 150px; box-sizing: border-box; }
.headerlogin .fieldemail .label { display: none; }
.headerlogin .fieldpw { display: block; float: left; padding: 0px 0px 0px 10px; width: 150px; box-sizing: border-box; }
.headerlogin .fieldpw .label { display: none; }
.headerlogin .login { float: left; width: 60px; padding: 0px 0px 0px 10px; }
.headerlogin .errors { position: absolute; top: 45px; font-size: 90%; width: 470px; text-align: right; }
.headerlogin .errors p { padding: 0px; margin: 0px !important; }
.headerlogin .loggedin { display: none; }



@media ( max-width: 1280px ){
/*   .std_contentpage, .event_eventpage, .shop_donate {max-width: 100%; margin: 0px 50px; } */
}

@media( max-width: 1000px )
{
   /* .headerdonate { position: absolute; left: 70px; top: 95px; } */
   .headerdonate { position: absolute; left: 170px; top: 0px; }
   .headerdonate li:nth-of-type(2){ clear: both; margin: 5px 0px 0px 0px; }
}

@media( max-width: 800px )
{
   .headerlogin { display: none; }
   .headerlinksout li, .headerlinksin li { float: right; clear: right; margin: 0px 0px 10px 0px; border: none; padding: 0px; }
   .headerlinksout li:first-child { display: block; }
   .headercontact { clear: right; padding: 0px; }
   .headercontact .content p { float: right; clear: right; margin: 0px 0px 10px 0px !important; }
   .headerdonate li:nth-of-type(2) {float: left; clear: none; margin-top: 25px; }   
   .headerdonate li:nth-of-type(2) img { max-width: 142px; height: auto; }
}

@media( max-width: 600px )
{
   .std_contentpage, .event_eventpage, .shop_donate {/* margin: 0px 20px; */}
   .headerdonate li:nth-of-type(2) {clear: left; margin-top: 5px; } 
}


@media( max-width: 450px )
{
   .headerdonate { left: 145px;  }
   .headerdonate li:first-of-type {  font-size: 90%; padding: 0px 25px 0px 25px;}
   .headerdonate li:nth-of-type(2) img {  max-width: 102px;  }
   .headertext img { max-width: 130px; height: auto; }
   .headercontact .content p:nth-child(1) { background-image: none;  }
   .headercontact .content p:nth-child(2) { background-image: none; }
}

@media( max-width: 380px )
{
   .layoutheader { padding-left: 150px !important; }
   .headertext { margin-left: -130px; }
   .headerlinksout li { text-align: right; padding: 0px 10px 0px 10px; }
   .headerdonate li:first-of-type {  font-size: 80%; padding: 0px 0px 0px 10px;}
   .headerdonate li:nth-of-type(2)  {  position: absolute; top: 100px; left: -80px; margin: 0px;  }
}


/* Top menu */

div.nav_dhtmlpopup { height: 35px; max-width: 1000px; margin: 0px auto 0px auto; box-sizing: border-box; padding: 0px 0px 0px 30px; overflow: hidden; }
div.nav_dhtmlpopup .toggle { width: 40px; height: 50px; background-image: url(/images/qnyytwBSvP8xQJMMAHuZ01400t.png); background-repeat: no-repeat; display: none; }
div.nav_dhtmlpopup .level1 { display: inline-block; height: 50px; margin: 0px 5px 0px 0px; }
div.nav_dhtmlpopup .item1 { height: 35px; line-height: 50px; padding: 0px 20px 0px 0px; text-align: center; }
div.nav_dhtmlpopup .item1 a { color: #ffffff; font-size: 110%; font-weight: bold; }
div.nav_dhtmlpopup .item1 a:hover { text-decoration: none; }
div.nav_dhtmlpopup .selected1 .item1 { background: #481377; border-color: #481377; }
div.nav_dhtmlpopup .selected1 a { color: white; }
div.nav_dhtmlpopup .rollover1 .item1 { cursor: pointer; }
div.nav_dhtmlpopup .popup1 { position: absolute; margin: 49px 0px 0px 0px; padding: 10px 10px 5px 10px; background: #ebebeb; border-radius: 0px 0px 5px 5px; z-index: 10; border-width: 1px; border-color: #481377; }
div.nav_dhtmlpopup .back1 { display: none; }
div.nav_dhtmlpopup .level2 { padding: 2px 0px 2px 0px; font-size: 85%; cursor: pointer; }
div.nav_dhtmlpopup .item2 { white-space: nowrap; }
div.nav_dhtmlpopup .item2 a { color: #481377; font-size: 110%; }

div.nav_dhtmlpopup .rollover1 .menu11 { border-radius: 5px; }
div.nav_dhtmlpopup .rollover1 .menu31 { border-radius: 5px; }
div.nav_dhtmlpopup .menu11 { display: none; }

@media( max-width: 1000px )
{
   div.layouttopmenu { position: relative; width: auto; height: auto; background: none; z-index: 10; padding: 0px; background: none; }
   div.nav_dhtmlpopup { position: absolute; z-index: 10; height: auto; padding: 0px; margin: -50px 0px 0px 0px; background: none; }
   div.nav_dhtmlpopup .toggle { display: block; cursor: pointer; margin-left: 20px; }
   div.nav_dhtmlpopup .level1 { display: block; background-color: rgba(72,19,119,0.9); height: auto; margin: 0px; padding: 10px 20px 10px 20px; }
   div.nav_dhtmlpopup.toggleon { width: 100%; padding: 0px 0px 20px 0px; }
   div.nav_dhtmlpopup.toggleoff .level1 { display: none; }
   div.nav_dhtmlpopup .popup1 { display: none; }
   div.nav_dhtmlpopup .item1 { padding: 0px; height: auto; line-height: 1.2; }
   div.nav_dhtmlpopup .selected1 .item1 { background: none; }
}


/* Right column */

div.righttextbox { background: #ebebeb; padding: 10px; margin: 0px 0px 20px 0px; }
div.righttextbox .titletxt { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; }
/* .homepage .righttextbox { float: left; width: 250px; margin: 20px 0px 0px 20px; } */
.homepage .righttextbox .imagetop { display: none; }



/* Footer */

.footermenu { display: none; }
.footerlogos .titletxt { display: none; }

.footertext { position: absolute; margin: 75px 0px 0px 0px; clear: both; padding: 20px 0px 0px 0px; }
.footertext img { margin: -10px 20px 0px 0px; }
.footertext p { padding: 0px; margin: 0px; }
.footertext p:nth-child(2) { font-size: 90%; padding: 3px 0px 0px 0px; }

.footerlogos { position: absolute; margin: -20px 0px 0px -150px; left: 50%; padding: 0px 0px 0px 40px;}
.footerlogos .link { float: left; padding: 10px; height: 60px; line-height: 60px; }

.footersocial { float: left; width: 350px; }
.footersocial .titletxt { float: left; font-weight: 800; font-size: 150%; color: #481377; padding: 0px 30px 20px 0px; }
.footersocial .link { float: left; padding: 0px 20px 0px 0px; line-height: 40px; }


@media( max-width: 1200px )
{
   .footertext { position: relative; clear: both; margin: 0px 0px 40px 0px;  }
   .footerlogos { position: relative; margin: 0px 0px 40px 0px; clear: both; left: 0%; padding: 0px 0px 0px 0px; width: 100%;}
   .footerlogos .link { padding: 0px 60px 10px 0px;}
   .footersocial { float: none; width: auto; }
}

@media (max-width: 400px)
{
   .footersocial .titletxt { float: none; }
}

/* Submenu */

.submenu li { background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 20px 40px; }


/* Titles */

.std_contentpage .pagetitle, #wraper h1.titletxt, .feat_organisationpage h1, .feat_volunteerpage h1, .util_customhtml h1, .memberarea h1, .util_sitesearch .titletxt, .opportunitysearch h1, .surv_surveypage .titletxt, .shop_donate h1, .shop_product h1, .shop_basketpage h1, .std_newsarticlea h1, .evnt_awardticketing h1
   {font-weight: bold;font-size: 200%;line-height: 1.5;padding: 0px 0px 20px 0px;color: #481377;}

.feat_opportunitypage .left h1:first-of-type, .feat_organisationpage h4  { color: var(--orange); font-size: 100%; text-transform: uppercase; text-align: left; font-weight: 600; letter-spacing: 0.3em; }
.feat_opportunitypage .left h1.title { font-size: 260%; }

@media ( max-width: 1000px )
{
   .std_contentpage .pagetitle, #wraper h1.titletxt, .feat_organisationpage h1, .feat_volunteerpage h1, .util_customhtml h1, .memberarea h1, .util_sitesearch .titletxt, .opportunitysearch h1, .surv_surveypage .titletxt, .shop_donate h1, .shop_product h1, .shop_basketpage h1, .std_newsarticlea h1, .evnt_awardticketing h1
   { line-height: 1;}
}

/* Buttons */

/* 
.loginpage .memb_loginbox .login input, .loginpage .memb_loginbox .logout input, .loginpage .memb_loginbox .forgotpw a, .loginpage .memb_account .buttons input, .shop_donate input[type=submit], .event_eventpage input[type=submit]
   { line-height: inherit; display: block; border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; } */

.memberarea input[type=submit], .memberarea a.button, .formbuilder .field_dynamic a.btn
   { line-height: inherit; display: inline-block; border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }

input[type=submit].warning, a.button.warning, a.btn.warning { background: #f19d16; }

/* .loginpage .memb_account .buttons input.disabled { background: #737373; cursor:  default;}
.loginpage .memb_account .buttons input {float: left; }
.loginpage .memb_account .buttons .confirm { display: inline-block; padding: 5px 0px 0px 10px; } */

.home .homeherocarousel {   clear: both; }
.homedev .homeherocarousel { max-width: 750px; float: left; }
.homedev .homeherocarousel .carousel li {  line-height:300px;}
.home .homeherocarousel img { max-width: 100%; height: auto; }

.home .homewelcome { float: left; width: 280px; height: 120px; background-color: #f2f1f1; margin: 10px; padding: 10px; border-radius: 10px; }
.home .homewelcome .titletxt { font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; color: #481377; }

.home .homelinks { float: left; width: 280px; height: 120px; background: red; margin: 0px 0px 0px 20px; background-color: #f2f1f1; margin: 0px 10px 10px 10px; padding: 10px; border-radius: 10px; }
.home .homelinks ul { padding: 10px 0px 0px 20px; }
.home .homelinks li { list-style-type: square; padding: 0px 0px 10px 0px; }

.home .homeherodefault { background-image: url(/images/vaSicQmuLch7AO9Al3ft0vo08c.jpg); background-repeat: no-repeat; background-position: top center; height: 300px; }

.home .homeherocontent1 { max-width: 1000px; margin: 0px auto 0px auto; height: 225px; }
.home .homeherocontent1 .titletxt { padding: 20px 0px 20px 20px; max-width: 500px; font-size: 240%; font-weight: 800; }
.home .homeherocontent1 .titletxt a { color: #ffffff; text-decoration: none; }
.home .homeherocontent1 .content { height: 65px; clear: both; color: #ffffff; font-size: 120%; font-weight: bold; line-height: 65px; padding: 0px 0px 0px 100px; background-image: url(/images/NyLYABdfmTn6yYehYbGL01s01s.png); background-repeat: no-repeat; background-position: 15px 0px; }

.home .homeherocontent2 { max-width: 1000px; margin: 15px auto 0px auto; box-sizing: border-box; }
.home .homeherocontent2 .content { height: 40px; padding: 10px 20px 10px 20px; color: #ffffff; background-color: #f68b1f; font-weight: bold; font-size: 110%; }
.home .homeherocontent2 .content p:nth-child(1) { float: left; height: 40px; line-height: 40px; }
.home .homeherocontent2 .content p:nth-child(2) { float: right; background-color: #481377; border-radius: 20px; height: 40px; line-height: 40px; padding: 0px 20px 0px 20px; text-align: center; }
.home .homeherocontent2 .content a { color: #ffffff; }

@media( max-width: 1140px )
{
   .home .homeherocarousel { margin: 0px auto 0px auto; float: none; top: 130px; }
   .home .homewelcome { width: 400px; float: none; position: absolute; left: 50%; margin: 0px 0px 0px -25px; }
   .home .homelinks { width: 400px; float: none; position: absolute; left: 50%; margin: 0px 0px 0px 5px; }
}

@media( max-width: 850px )
{
   .home .homewelcome { width: auto; height: auto; position: relative; left: 0px; margin: 20px; }
   .home .homelinks { width: auto; height: auto; position: relative; left: 0px; margin: 20px; }
}


.home .homevolunteer { clear: both; padding: 40px 20px 20px 20px; margin: 0px auto 0px auto; box-sizing: border-box; }
.home .homevolunteer .content { max-width: 960px; margin: 0px auto 0px auto; background-color: #f2f1f1; background-image: url(/images/fiwbVGhhlqtatDWHzMYu046046.png); background-repeat: no-repeat; background-position: top left; color: #737373; min-height: 150px; border-radius: 75px; padding: 10px 50px 10px 180px; font-size: 110%; box-sizing: border-box;  }
.home .homevolunteer .content a { color: #481377; display: block; padding: 10px 0px 0px 0px; }
.home .homevolunteer .content p { margin: 0px; }
.home .homevolunteer .content p:first-child, .home .homevolunteer .content p:nth-child(2) { display: none; float: right; margin: 10px 0px 0px 0px; height: 50px; line-height: 50px; background-color: #f68b1f; border-radius: 25px; padding: 0px 20px 0px 20px; font-weight: bold; }
.home .homevolunteer .content p:first-child a, .home .homevolunteer .content p:nth-child(2) a { color: #ffffff; padding: 0px; }
.home .homevolunteer .content p:nth-child(2) { clear: both; }
.home .homevolunteer .content h2 { font-weight: 800; font-size: 230%; color: #481377; line-height: 1; padding: 10px 0px 10px 0px; }
.home .homevolunteer .content ul { padding: 0px;}
.home .homevolunteer .content ul li { padding: 0px !important; margin: 0px !important; list-style-type: none !important; line-height: 1em; }


@media (max-width: 1140px)
{
   .home .homevolunteer {  top: 140px; background-color: #f2f1f1; }
   .home .homevolunteer .content { background-size: 100px 100px; border-radius: 50px 50px 50px 50px;  }
   .home .homevolunteer .content { padding: 0px 0px 10px 0px; }
   .home .homevolunteer .content p:first-child, .home .homevolunteer .content p:nth-child(2) { display: none;}
   .home .homevolunteer .content h2 { clear: both; text-align: left;  margin: 100px 0px 0px 110px;}
   .home .homevolunteer .content h3 {margin-left: 110px;}
   .home .homevolunteer .content ul { clear: left; font-size: 90%; margin: 0px 0px 0px 120px;  }

}

@media (max-width: 550px)
{
   .home .homevolunteer {clear: left; float: left;  margin: 140px 0px 0px 0px; padding: 0px; width: 100%;}
   .home .homevolunteer .content { background-position: left 0px top 10px; margin: 0px 10px 0px 20px; }
   .home .homevolunteer .content h2  { font-size: 130%; float: left; margin: 120px 10px 0px 0px; }
   .home .homevolunteer .content h3  { float: left; margin: 10px 10px 0px 0px; }
   .home .homevolunteer .content ul { font-size: 90%; margin: 0px 10px 0px 0px;  }
}



/* Volunteer page */

.feat_volunteerpage .photo { float: right; margin: 0px 0px 20px 20px; }


/* Login */

/* .loginpage .memb_loginbox { padding: 20px 0px 20px 0px; }
.loginpage .memb_loginbox .titletxt { display: none; }
.loginpage .memb_loginbox .errors { background: #f19d16; padding: 10px; border-radius: 10px; margin: 0px 20px 20px 0px; color: white; }
.loginpage .memb_loginbox .introduction { float: left; width: 100%; padding: 0px 0px 0px 0px; }
.loginpage .memb_loginbox .introduction h2 {display: inline; font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 10px 0px; }
.loginpage .memb_loginbox .introduction p { display: inline; }
.loginpage .memb_loginbox .fieldemail { clear:both; display: block; padding: 40px 0px 10px 0px; font-weight: bold; text-align: left; }
.loginpage .memb_loginbox .fieldemail input { width: 250px; }
.loginpage .memb_loginbox .fieldpw { display: block; padding: 0px 0px 20px 0px; font-weight: bold; text-align: left; }
.loginpage .memb_loginbox .fieldpw .label, .loginpage .memb_loginbox .fieldemail .label { clear:left; display:inline-block; width: 120px; text-align:right; padding-right: 50px; }
.loginpage .memb_loginbox .fieldpw input { width: 150px; }
.loginpage .memb_loginbox .login { padding: 10px 0px 0px 0px; float: left; }
.loginpage .memb_loginbox .forgotpw { display: block; padding: 10px 0px 0px 20px; float: left; } */



/* @media (max-width: 1000px)
{
   .loginpage .memb_loginbox .fieldpw .label, .loginpage .memb_loginbox .fieldemail .label { clear:both; float:left; text-align:left;}
   .loginpage .memb_loginbox .fieldpw input { clear: both; float:left;  }
}

.loginpage .memb_facebooklogin { float: left; width: 470px; padding: 30px 0px 0px 0px; }
.loginpage .memb_facebooklogin .titletxt { font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 30px 0px; }

.loginpage .memb_account { padding: 20px 0px 20px 0px; }
.loginpage .memb_account .text h2 { font-weight: bold; font-size: 150%; line-height: 1; padding: 0px 0px 10px 0px;  }
.loginpage .memb_account .text p { margin-top: 10px; }
.loginpage .memb_account .label { width: 170px; text-align: left; }
.loginpage .memb_account .input { width: 270px; }
.loginpage .memb_account .field_text input { width: 200px; }
.loginpage .memb_account .field_radio .label { float: none; width: auto; text-align: left; }
.loginpage .memb_account .field_radio .input { float: none; width: auto; text-align: left; }
.loginpage .memb_account .field_group { width: 50%; float: left; padding: 0px; margin: 0px; clear: none; }
.loginpage .memb_account .field_group>.input { width: auto; }
.loginpage .memb_account .buttons { padding: 20px 0px 0px 0px; clear: both; }
.loginpage .memb_account .description p { margin: 0px !important;; padding: 0px !important;}


.loginpage .memb_account #fb-MembGdprOptIn-div .label,
.loginpage .memb_account #fb-MembExtTerms-div .label
{display: none;}
.loginpage .memb_account #fb-MembGdprOptIn-div .input,
.loginpage .memb_account #fb-MembExtTerms-div .input
{ width: 100%; }
.loginpage .memb_account #fb-MembGdprOptIn-div input[type=checkbox],
.loginpage .memb_account #fb-MembExtTerms-div input[type=checkbox]
{ float: left; }
.loginpage .memb_account #fb-MembGdprOptIn-div .description,
.loginpage .memb_account #fb-MembExtTerms-div .description
{ color: #737373; float: right; width: calc(100% - 40px); }
.loginpage .memb_account #fb-MembGdprOptIn-div .description p,
.loginpage .memb_account #fb-MembExtTerms-div .description p
{margin: 0px 0px 10px 0px !important;}

.loginpage .memb_loginbox .logout { margin: 30px 0px 0px 0px; } */


/*
.loginpage .memb_loginbox .forgotpw a { font-size: 90%; text-decoration: none; background-color: #eeeeee; color: #333333; padding: 2px 6px 2px 6px; border: 1px solid #999999; font-weight: normal; padding: 10px; }
*/

/* @media (max-width: 1000px)
{
   .loginpage .memb_loginbox { float: none; width: auto; }
   .loginpage .memb_loginbox .fieldemail { text-align: left; }
   .loginpage .memb_loginbox .fieldemail span { float: left; width: 170px; display: block; text-align: right; padding: 0px 10px 0px 0px; }
   .loginpage .memb_loginbox .fieldpw { clear: both; text-align: left; padding: 10px 0px 0px 0px; }
   .loginpage .memb_loginbox .fieldpw span { float: left; width: 170px; display: block; text-align: right; padding: 0px 10px 0px 0px; }
   .loginpage .memb_loginbox .login { clear: both; padding: 20px 0px 0px 180px; }
   .loginpage .memb_loginbox .forgotpw { padding: 20px 0px 0px 20px; }
   .loginpage .memb_facebooklogin { float: none; width: auto; }
   .loginpage .memb_account { float: none; border: none; width: auto; padding-left: 0px; }
}

@media (max-width: 600px)
{
   .loginpage .memb_loginbox .fieldemail span { float: none; text-align: left; }
   .loginpage .memb_loginbox .fieldpw span { float: none; text-align: left; }
   .loginpage .memb_loginbox .login { padding-left: 0px; }
   .loginpage .memb_account .label { float: none; text-align: left; }
   .loginpage .memb_account .buttons { padding-left: 0px; }
   .loginpage .memb_account .field_group { width: 100%; clear:both; }
} */


/* Member page */

.memb_account .form .dz-image { display: block; }
.memb_account .form .row { padding: 10px 0px 0px 0px; clear: both; }
.memb_account .form .row .label { float: left; width: 200px; text-align: right; padding: 0px 10px 0px 0px; font-weight: bold; }
.memb_account .buttons {/* clear: both; *//* padding: 40px 0px 0px 210px; */}
.memb_account .buttons input {/* margin: 0px; *//* height: 30px; *//* min-width: 100px; */}
.memb_account .errors, .memb_loginbox .errors, .errors {background: var(--orange);padding: 10px;border-radius: 10px;color: white;font-weight: bold;}
.memb_account .form_newsletter .field { padding: 5px 0px 0px 0px; }
.memb_account .form_newsletter .label { position: absolute; float: none; text-align: left; font-weight: normal; margin: 0px 0px 0px 30px; width: auto; }
.memb_account .form_newsletter .field_group { padding-top: 0px; }
.memb_account .form_newsletter .field_group .field_checkbox { padding-left: 50px; font-size: 90%; }
.memb_account .form_newsletter .field_group .field_checkbox:first-of-type { padding-left: 0px; font-size: 100%; }
.memb_account .form_newsletter .buttons { padding: 40px 0px 0px 0px; }

.section344 .row { width: 700px; margin: 20px auto; }
.section344 .memb_account .buttons { text-align: center;}
.section344 .memb_account .buttons input[type=submit] {  background-color: var(--orange); padding: 5px 10px; margin-top: 20px; transition: all .3s ease-in-out; }
.section344 .memb_account .buttons input[type=submit]:hover {  opacity: 0.7;; }

@media ( max-width: 740px )
{
   .memb_account .form .row .label { float: none; width: 100%; text-align: left;}
   .memb_account .form .row input[type=text] { width: 100%; }
   .section344 .row { width: 100%;  }
}

#fb-AppReason-div .label { width: 370px; text-align: left;  } 
#fb-AppStatus-div .label {width: 250px; text-align: left;}
#fb-AppContactDetails-div .label {width: 250px; text-align: left;}

.memb_loginbox .errors { margin: 0px 20px 20px 20px;}

/* Content page */

.std_contentpage .pagecontent h2 { color: #481377; font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_contentpage .pagecontent h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_contentpage .pagecontent p, .opportunitysearch  p  { line-height: 1.5; /*text-align: justify;*/ }
.std_contentpage .pagecontent ul, .std_contentpage .pagecontent ol { padding: 0px 0px 20px 25px; }
.std_contentpage .pagecontent ol li { list-style-type: decimal; line-height: 1.5em; padding: 10px; }
.std_contentpage .pagecontent ul li { list-style-type: disc;line-height: 1.5em;padding: 10px; } 
.std_contentpage .pagecontent table.socialbuttons { width: 600px; margin: 0px auto 0px auto; border: none; }
.std_contentpage .pagecontent table.socialbuttons td { width: 33%; border: none; padding: 20px 0px 20px 0px; }
.std_contentpage .pagecontent table.socialbuttons td p { text-align: center; }
.std_contentpage .pagecontent p img.right { padding: 0px 0px 0px 10px; }
.std_contentpage .pagecontent p img.left { padding: 0px 10px 0px 0px; }
.std_contentpage .pagecontent img, .event_eventpage img  {max-width: 100%; height: auto;}
.event_eventpage img{margin: 15px;}
.std_contentpage .pagecontent table img, .event_eventpage table img {max-width: none;}

/* Content item */

.std_content .content ul, .std_content .content ol { padding: 0px 0px 10px 5px; }
.std_content .content ol li { padding: 0px 0px 5px 0px; }
.std_content .content ul li { padding: 0px 0px 5px 0px; }

/* Newsletter list */

.nltr_list ul, .pagecontent ol { padding: 0px 0px 0px 25px; }
.nltr_list ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.nltr_list ul li { list-style-type: disc; padding: 0px 0px 25px 0px; }
.nltr_list ul li a {font-size: 120%; font-weight: bold; }
.opp_list h2 { padding: 10px 0px 0px 0px !important; }

/* News page */

.topnews .image { float: left; padding: 0px 20px 20px 0px; }
.topnews .headline { font-size: 180%; line-height: 1.5; padding: 0px 0px 10px 0px; }

.othernews .article { clear: both; padding: 30px 0px 0px 0px; }
.othernews .headline { font-size: 120%; padding: 0px 0px 10px 0px; }
.othernews .headline a { font-weight: bold; background-image: url(/images/FHrWIopIY3zzxZ4VbXH1.svg); background-repeat: no-repeat; padding: 0px 0px 0px 40px; background-position: center left; }


/* News article */

.std_newsarticlea{padding: 10px;}
.std_newsarticlea .headline {font-weight: bold;font-size: 200%;line-height: 1.5;padding: 0px 0px 10px 0px;}
.std_newsarticlea .created { font-size: 90%; padding: 0px 0px 20px 0px; }
.std_newsarticlea .video { padding: 0px 0px 20px 0px; }
.std_newsarticlea iframe { width: 680px; height: 410px;}
.std_newsarticlea object { width: 680px; height: 410px; }
.std_newsarticlea embed { width: 680px; height: 410px; }
.std_newsarticlea .image { float: right; padding: 0px 0px 20px 20px; }
.std_newsarticlea .abstract { font-weight: bold; padding: 0px 0px 20px 0px; }
.std_newsarticlea .article h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_newsarticlea .article h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_newsarticlea .article p { line-height: 1.5; text-align: justify; }
.std_newsarticlea .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.std_newsarticlea .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_newsarticlea .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }


.concarousel { padding-top: 20px;}
.std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel, .concarousel .carousel, .concarousel .carousel ul, .concarousel .carousel ul li {height:500px;overflow: hidden !important;}
.std_newsarticlea .feat_carousel .carousel, .concarousel  .carousel {background: #000000;}
.std_newsarticlea .feat_carousel .carousel li, .concarousel  li { text-align: center; }
.std_newsarticlea .feat_carousel li img, .concarousel  li img {height: 100% !important;width:auto !important;}

.std_newsarticlea #video{text-align: center; margin: 20px 0;}
.std_newsarticlea iframe{margin: 0 auto; display: block;}

.std_newsarticlea .table-banner{border: none;}
.std_newsarticlea .table-banner td{vertical-align: middle;}
.std_newsarticlea .table-banner img{margin-right: 10px;}

@media(max-width:900px){
   .std_newsarticlea .table-banner{margin: 0 auto;}
   .std_newsarticlea .table-banner td{display: block; height: auto; width: 100%; text-align: center;}
   .std_newsarticlea .table-banner img{margin-bottom: 20px; margin-right: 0; float:unset !important;}
}

@media(max-width:425px){
    .std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel li {height:300px;}
}

@media(max-width:375px){
    .std_newsarticlea .feat_carousel .carousel, .std_newsarticlea .feat_carousel .carousel ul, .std_newsarticlea .feat_carousel .carousel li {height:250px;}
}

/* Event */

.std_eventpagea .headline, .event_eventpage .headline { font-weight: bold; font-size: 200%; line-height: 1.5; padding: 0px 0px 10px 0px; }
.std_eventpagea .date, .event_eventpage .date { font-size: 120%; font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .venue, .event_eventpage .venue { font-size: 120%; font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .image, .event_eventpage .image { display: none; float: right; padding: 0px 0px 20px 20px; }
.std_eventpagea .abstract, .event_eventpage .abstract { font-weight: bold; padding: 0px 0px 20px 0px; }
.std_eventpagea .article h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_eventpagea .article h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_eventpagea .article p { line-height: 1.5; text-align: justify; }
.std_eventpagea .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.std_eventpagea .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_eventpagea .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }

.popupevent h1{text-align: start; padding: 0px 0px 10px 0px !important;}
.popupevent h1 span, .popupevent h2{color: #000000 !important; padding: 0px 0px 20px 0px !important;}


/* Booking  */

.event_eventpage h2 { font-weight: bold; font-size: 130%; padding: 0px 0px 10px 0px; }
.event_eventpage h3 { font-weight: bold; font-size: 110%; padding: 0px 0px 10px 0px; }
.event_eventpage .article p { line-height: 1.5; text-align: justify; }
.event_eventpage .article ul, .std_newsarticlea .article ol { padding: 0px 0px 20px 25px; }
.event_eventpage .article ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.event_eventpage .article ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }

.event_eventpage .formbuilder { padding-bottom: 30px; }
.event_eventpage .formbuilder .field.field_checkbox {display: flex;flex-direction: row-reverse;gap: 10px; justify-content: flex-end;}
.event_eventpage .formbuilder .field.field_checkbox>div { width: fit-content;}

.event_eventpage .pricing { padding: 0px 0px 20px 0px; }

.event_eventpage .book .formbuilder .input { float: left; width: 100%; }
.event_eventpage .book .field {display: inline-block;width: 100%;}
.event_eventpage .book .item { background-color: #efefef; margin: 10px 0px 10px 0px; }
.event_eventpage .book .item .label { width: 120px; text-align: left; padding: 0px 0px 0px 10px  }
.event_eventpage .book .item .input { width: 200px;  }
.event_eventpage .book .item  input {/* width: 100%; */}
.event_eventpage .book .label { width: 100%; text-align: left; padding: 0px 0px 0px 0px  }

.event_eventpage .removelink { float: right; padding: 10px 10px 10px 10px; text-decoration: underline;}
.event_eventpage .addlink { padding: 10px 0px 20px 0px; text-decoration: underline; } 

.event_eventpage .memb_loginbox .label { display: block; padding: 10px 0px 0px 0px; }
.event_eventpage .memb_loginbox .fieldemail { display: block; }
.event_eventpage .memb_loginbox .login { padding: 20px 0px 0px 0px; }

.event_eventpage .book #fb-AttExtRegister-div .label {display: none;}
.event_eventpage .book #fb-AttExtRegister-div .description {width: 90%; float: left;}
.event_eventpage .book #fb-AttExtRegister-div .description p { margin: 0px !important; }
.event_eventpage .book #fb-AttExtRegister-div .description p:nth-of-type(2) {margin: 10px 0px !important; font-size: 110%; color: #737373;}
.event_eventpage input[type=text], .event_eventpage input[type=password]  {width: 300px;height: 30px;}


/* Dynamic event booking forms */
.event_eventpage .book .form-group.field_dynamic .item { padding: 0px 20px 10px 20px; box-sizing: border-box; }
.event_eventpage .book .form-group.field_dynamic .item .label { width: 100%; max-width: 400px; box-sizing: border-box; padding: 0px 0px 0px 0px; }
.event_eventpage .book .form-group.field_dynamic .item .input {width: 500px;/* max-width: 100%; */box-sizing: border-box;padding: 0px 0px 0px 0px;}
.event_eventpage .book .form-group.field_dynamic .item .input input { max-width: 200px;}
.event_eventpage .book .form-group.field_dynamic .item .input textarea { box-sizing: border-box; width: 100%; max-width: 400px; }
.event_eventpage .book .form-group.field_dynamic .item .field_checkbox {justify-content: flex-end;}
.event_eventpage .book .form-group.field_dynamic .item .field_checkbox .input {width: 20px;}

@media(max-width:450px){
   .event_eventpage .book .form-group.field_dynamic .item { padding: 0px 10px 10px 10px; }
}

/* Shop */
.shop_basket .discount input[type=submit], .shop_basket .buttons input[type=submit] {/* margin: 0px 10px 0px 0px; *//* height: 30px; *//* min-width: 100px; */}
.shop_basket h2, .shop_basket .field_captcha .label { font-size: 110%; font-weight: bold; }
.shop_basket table th { padding: 5px; border-bottom: 1px solid black; border-top: 1px solid black; background-color: #ffffff;}
.shop_basket table tr:nth-child(even) { background-color: #efefef; }
.shop_basket table .remove { white-space: nowrap; }
.shop_basket .checkout input[type=submit] {/* margin: 10px 10px 10px 0px; */}
.shop_basket .field_section label { float:left; font-size: 110%; font-weight: bold; text-decoration:underline;  }

.shop_basket .contact, .shop_basket .billing, .shop_basket .payment { margin: 10px 0px 10px 0px; border-bottom: 1px solid #efefef; padding: 10px 0px 10px 0px}
.shop_basket .payment { border: none; }

.shop_basket .paymentform, .shop_basket .field_captcha .input {margin: 20px 0;}

.shop_product .name { text-align: center;}
.shop_product form { clear: both; margin: 50px 0px; width: 90%;  margin: 0px auto; }
.shop_product .summary { padding: 10px 0px 0px 0px; font-weight: bold; }
.shop_product .description { text-align:left; }
.shop_product .description img { text-align: center;  display:inline}
.shop_product .description li {list-style-type: disc; list-style-position: inside;}
.shop_product .description ul {margin-bottom: 30px;}
.shop_product .price {font-weight: bold;float: left;padding: 20px 0px 50px 0px;font-family: "Public Sans";color: var(--orange ); text-align: center; width: 100%; font-size: 200%;}
.shop_product .options { float: left; width: 100%; }
.shop_product .options .label, .shop_product .options .value,
    .shop_product .quantity .label, .shop_product  .quantity .value {float: left;width: 50%;margin-bottom: 20px; }
.shop_product .options .label, 
    .shop_product .quantity .label {clear: left; float: left;width: 45%;margin-bottom: 20px;  text-align:right; }

.shop_product .options input[type=text]{width: 100%;}
.shop_product .help-block.description p {margin-top: 0 !important;}

/* Guest Ticket pricing */
.hideprice .price {display: none !important;}

.celebration2023 .options .label, .celebration2023 .options .value,    
.celebration2023 .quantity .label, .celebration2023  .quantity .value {float: left;width: 55% ;margin-bottom: 20px;}
.celebration2023 .options .label, .celebration2023 .quantity .label {float:left;width: 40%;margin-right: 40px;text-align:right;}
.celebration2023 .options input[type=radio], .celebration2023 .quantity input {position: relative;left: -51%;top: -20px;}
.celebration2023 .options .value {display: flex;flex-wrap: wrap;flex-direction: column-reverse;margin: 0px 50px;max-width: 400px;}
.celebration2023 .options .value:last-of-type { flex-direction: column; margin-bottom: 20px;  }
.celebration2023 .options .value:last-of-type [type=radio], 
.celebration2023 .quantity .value:last-of-type input { position: relative; left: -51%; top: 15px; }
.celebration2023 .quantity { display: none; }
.celebration2023 .options .value:nth-of-type(8), .shop_product .options .value:nth-of-type(10) {display: flex;flex-direction:column;margin: 0px 30px 30px;}
.celebration2023 .options select { width: 265px; }
.celebration2023 .description { text-align:left !important; }


.awards2024 .options input[type=radio], .awards2024 .celebration2023 .quantity input { position: static; left: 0; top: 0; }
.awards2024 .options .value { display: block; margin: 0; max-width: 100%; margin-bottom: 20px; }
.awards2024 .options .value:last-of-type [type=radio], .awards2024 .celebration2023 .quantity .value:last-of-type input { position: static; left: 0; top: 0; }
.awards2024 .options .value:nth-of-type(8), .awards2024 .options .value:nth-of-type(10) { display: block; flex-direction: row; margin: 0;}
.awards2024 .options .value:nth-of-type(10){margin-bottom: 40px;}
.awards2024 .options .value input[type=radio]{margin: 10px; vertical-align: middle;}
.awards2024 input[type=text]{width: 100%; margin-bottom: 30px;}
.awards2024 p{margin-top: 0 !important;}


.shop_product .label { margin-right: 20px; font-weight: bold} 

.shop_product .price { text-align: center; display: block; width: 100%; font-size: 150%;}
.shop_product .addtobasket  { text-align: center; }
.shop_product .addtobasket input {/* padding: 0px 0px 0px 0px; */margin-top: 3px;  }
.shop_product .optioncustom  { padding: 10px 0px;  display: inline-block; }

.shop_donate .privacy {/* margin: 30px 0px 0px 0px; *//* max-width: 500px; */}
.shop_donate #fb-subscribe-div .label { visibility: hidden; }

@media( max-width: 1080px ) {
  
	.shop_product .options .label, .shop_product .options .value,
   	 .shop_product .quantity .label, .shop_product  .quantity .value { float: left;width: 100%;margin-bottom: 20px; text-align: left; }

	.shop_product .options .label, 
    	.shop_product .quantity .label {float: left;width: 100%; margin-bottom: 20px; text-align: left;clear: both;}
}

@media( max-width: 710px )
{
   .shop_donate .privacy {margin: 30px 0px 0px 0px;}
}

/* Search results */

.util_sitesearch #result_report { font-style: italic; padding: 0px 0px 10px 0px; }
.util_sitesearch div.title { padding: 0px 0px 0px 40px; background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); background-repeat: no-repeat; background-position: center left; min-height: 25px; line-height: 25px; }
.util_sitesearch .description b, .util_sitesearch a b { padding: 0px; background: none; display: inline; float: none; }
.util_sitesearch .description { padding: 5px 0px 5px 0px; }



/* Home text box */

.hometextbox { float: left; width: 476px; padding: 0px; background-repeat: no-repeat; border: solid #481377 2px; border-radius: 5px; }
.hometextbox .titletxt { color: #ffffff; font-weight: bold; font-size: 150%; padding: 5px 0px 5px 20px; line-height: 1.5; background-color: #481377; margin-left: 160px; }
.hometextbox .titletxt a { color: #ffffff; }
.hometextbox ul { padding: 0px 0px 0px 15px; margin: 10px 0px 0px 180px; height: 100px; }
.hometextbox ul li { list-style-type: disc; padding: 5px 0px 0px 0px; }
.hometextbox .content div { margin: 0px 0px 0px 160px; text-align: right; padding: 5px 20px 5px 0px; background: #ebebeb; }
.hometextbox1 { background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); margin-right: 20px; }
.hometextbox2 { background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); }


/* Home achievements */

.homeachievements { float: left; width: 686px; margin: 20px 0px 0px 0px; border: solid #481377 2px; border-radius: 5px; font-size: 110%; line-height: 1.5; }
.homeachievements .titletxt { color: white; background: #481377; padding: 5px 10px 5px 10px; font-weight: bold; }
.homeachievements .carousel { position: relative; overflow: hidden; width: 686px; height: 160px; position: relative; }
.homeachievements .carousel ul { width: 20000em; position: relative; }
.homeachievements .carousel li { display: table; float: left; width: 189px; height: 160px; padding: 0px 20px 0px 20px; }
.homeachievements .carousel li span { display: table-cell; width: 149px; vertical-align: middle; text-align: center; }


/* Home news */

/*
.homenews { width: 320px; float: left; padding: 20px 0px 0px 0px; }
.homenews .toplinks { font-size: 130%; padding: 0px 0px 10px 0px; }
.homenews .toplinks a { font-weight: bold; background-image: url(/images/PYv55IG05xs6Zyimb0ie00v00m.png); background-repeat: no-repeat; padding: 0px 40px 0px 0px; background-position: center right; }
.homenews .article { clear: both; }
.homenews .image { float: left; width: 100px; padding: 0px 10px 10px 0px; }
.homenews .headline { padding: 0px 0px 10px 0px; width: 210px; float: right; }
.homenews .headline a { color: #7b7b7b; font-weight: bold; }
.homenews .created { float: right; width: 210px; color: #7b7b7b; padding: 0px 0px 20px 0px; }
*/

/* Home right column */

.homerightcolumn { float: right; width: 270px; margin: 20px 0px 0px 20px; }


/* Event list */

.list_event .event, .event_list li { padding: 0px 0px 30px 0px; }
/*
.event_list .event-2023 {display: none;}
.event_list ul > .event-2023~ .event-2023 {display: block;}*/
.list_event .headline, .event_list .name { font-size: 120%; padding: 0px 0px 10px 0px; }
.list_event .headline a, .event_list .name { font-weight: bold; background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); background-repeat: no-repeat; padding: 0px 0px 0px 40px; background-position: center left; }
.list_event .startdate, .event_list .date { font-weight: bold; padding: 0px 0px 10px 0px; }
.event_list select { padding: 0px 20px 0px 20px; margin: 0px 0px 20px 0px;}

/* Home twitter */

.hometwitter { margin: 20px 0px 0px 0px; }


/* Home events */

.homeevents { margin: 20px 0px 0px 0px; }
.homeevents .event { background: #ebebeb; padding: 10px; margin: 0px 0px 20px 0px; }
.homeevents .headline { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 10px 0px; background: none; }
.list_event .headline a { background: none; padding: 0px; }

/* Meet the team */

.meettheteam img, .meetthetrustees img { margin-right: 20px; }

/* Survey */

.surv_standard .message { background: #f19d16; padding: 20px; margin: 20px 0px 20px 0px; color: #ffffff; font-weight: bold; border-radius: 10px; }
.surv_standard .formbuilder .field { clear: both; }
.surv_standard .formbuilder .label {  width:100%; text-align: left;padding: 0px 10px 0px 0px;font-weight: bold;}
.surv_standard .formbuilder .label label { padding: 10px 0px 20px 0px; } 
.surv_standard .formbuilder .input { padding: 10px 0px 0px 0px; float: none !important; }
.surv_standard .formbuilder .input textarea, .surv_standard .formbuilder .input select, .surv_standard .formbuilder .input input[type=text] { width: 50%; /* padding-top: 10px !important; */}
.surv_standard .formbuilder .input textarea {height: 150px;}
.surv_standard .buttons { padding: 20px 0px 0px 0px; clear: both; }

.surv_standard .formbuilder .field_section { border-bottom: 1px solid var(--orange);  }
.surv_standard .formbuilder .field_section label { color: var(--orange); text-transform: uppercase;  }
.surv_standard .formbuilder .field_section .input, .surv_standard .formbuilder .field_section .input .help-block  { padding: 0px; float: none; color:var(--orange); }


.surv_standard .buttons { padding: 20px 0px 0px 0px; clear: both; }

.wohl .titletxt {background-image: url(/images/o7CJoOPJvNNY7kOhP49002v01e.png); background-repeat: no-repeat; background-position: right 0px; }

.surv_standard .field_group .description {font-size: 80%;}
.surv_standard .wordCount {color: #481377; padding: 0px 0px 10px 0px; font-size: 80%; float:right;}
.surv_standard .field_group>.label { float:none; width:auto; color:#000000; text-decoration: underline;}
.surv_standard .field_group>.input { float:none; width:auto; }

.surv_standard .field_group:first-of-type .field_radio .description { width: 70%; }

.surv_standard .field_group .field_radio li { float:none; }
.surv_standard .field_group .field_radio .input input { vertical-align:middle; }
.surv_standard .field_group .field_radio .input li label { vertical-align:middle; width: 30px; float: right; text-align: left; }

.surv_standard .form .group {background-color: #ebebeb; font-weight: 900;}

.surv_standard .form table {border: 1px solid black; }
.surv_standard .form table tr { border-bottom: 1px solid black; }
.surv_standard .form table td { background-color: #ffffff; padding: 5px; }
.surv_standard .form table th { background: #ffffff; padding: 5px; font-weight: 300;}
.surv_standard .form table th.section { font-weight: 900; }

.surv_standard .field_grid .label { float: none; width: 100%; margin-bottom: 20px;  }
.surv_standard .field_grid .input { float: none; width: 100%; }

.surv_standard .field_grid table { width: 100%; }
.surv_standard .field_grid td { text-align: center;  }
.surv_standard .field_grid td, .surv_standard .field_grid th { border-right: 1px solid black; }
.surv_standard .field_grid tr:first-of-type th { text-align: center; width: 60px;}
.surv_standard .field_grid input { float:none; margin: 10px 0px;}

.surv_standard .input .radio input, .surv_standard .input .checkbox input { display: inline-block; margin-right: 5px;}
.surv_standard .input .radio { text-align: left; margin-left: 22px;  }
.surv_standard .checkbox { float: none; clear: both;  padding: 0px 22px; }
.surv_standard .checkbox label {padding: 10px 0px; display: block; }

.surv_standard .formbuilder .dz-clickable { background-position:  left bottom; }

/* Line below for 2018 nomination surveys only */
.surv_standard select#ddfb-216, .surv_standard select#ddfb-249, .surv_standard select#ddfb-331 {max-width: 450px;height: 40px;white-space: normal;}

@media( max-width: 1140px )
{
   .surv_standard .formbuilder .label {width: 100%; }
   .surv_standard .label label { width: 100%; }
   .surv_standard .formbuilder .input {  width: 100%; }
   
   .surv_standard .input input[type=text], .surv_standard .input textarea {clear: left; width: 100% !important; }
   
   .surv_standard .input select { text-overflow: ellipsis; width: 100% !important; }
}

/* Full width surveys */

.section32 .surv_standard,
.section552 .surv_standard,
.section157 .surv_standard,
.section344 .surv_standard,
.section495 .surv_standard,
.section639 .surv_standard { margin: 0px 90px; padding: 20px 10px 20px 10px; max-width: 750px; }


@media( max-width: 1140px )
{
.section32 .surv_standard,
.section552 .surv_standard,
.section157 .surv_standard,
.section344 .surv_standard,
.section495 .surv_standard,
.section639 .surv_standard { margin: 0px 10px 0px 10px; padding-top: 170px;}
}

/* Event archive */

.list_eventarchive li { clear: both; padding: 10px 0px 0px 0px; }
.list_eventarchive .startdate { display: block; float: left; width: 120px; }
.list_eventarchive .headline { display: block; float: left; }


/* Formbuilder */

.formbuilder .field {padding: 20px 0px 0px 0px;clear: both;}
.formbuilder .label {/* float: left; *//* text-align: right; */padding: 0px 10px 0px 0px;font-weight: bold;}
.formbuilder .input {float: left;width: 100%;}

.formbuilder .field_section .label, .formbuilder .field_group>.label, .formbuilder .field_dynamic>.label { float: none; width: auto; text-align: left; padding: 10px 0px 0px 0px; font-size: 120%; }
.formbuilder .field_group>.input, .formbuilder .field_dynamic>.input { float: none; width: auto; }
.formbuilder .field_dynamic .removelink, .formbuilder .field_dynamic .addlink { padding: 20px 0px 20px 0px; } 

.section495 .formbuilder .label, .section639 .formbuilder .label { padding-left: 0px; }

.formbuilder .input input, .formbuilder .input textarea {max-width: 100%; }

.formbuilder .description { color: #481377; padding: 0px 0px 10px 0px; font-size: 90%; }
.formbuilder #fb-MembDob-div .description.error p { color: #f19d16 !important; }
.formbuilder #fb-MembDob-div .description.error { color: #f19d16 !important; }

.formbuilder .dz-clickable { padding: 0px 0px 50px 0px; cursor: pointer; background-image: url(/images/jLIAIrRnE1jr6ccRnQ2F01e011.gif); background-position: center bottom; background-repeat: no-repeat; }
/* .section495 .formbuilder .dz-clickable, .section495 .formbuilder .dz-clickable { width: 50px !important; } */

.formbuilder .dz-image { display: none; }
.formbuilder .dz-preview { display: inline-block;  width: 100%;  cursor: pointer; margin: 0px 10px 10px 0px; background-color: #dddddd; padding: 10px; min-height: 55px; }
.formbuilder .dz-preview .dz-details { float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.formbuilder .field_section .description { width: 100%; }

.section495 .formbuilder .field_section .description, .section639 .formbuilder .field_section .description { padding-left: 0px;  }

@media( max-width: 710px )
{
    .formbuilder .label {float: none;width: auto;text-align: left;}
    .formbuilder .input { float: none; width: auto; }
    .formbuilder .field_section .label { padding-left: 0px; }
}

.opportunitysearch .view { display: flex; margin: 40px 0px; }
.opportunitysearch li {list-style-type:none; cursor: pointer; }
.opportunitysearch .view li i {padding-right: 10px;}
.opportunitysearch .page_inner { margin: 0px auto; padding: 0px 0px;  }

.opportunitysearch h1 {font-size: 300%;color: var(--darkpurple); padding-bottom: 10px;}
.opportunitysearch .introduction { padding: 0px; font-size: 110%;  }
.opportunitysearch .introduction a { color: var(--orange); font-weight: 700; transition: .3s ease-in; }
.opportunitysearch .introduction a:hover { color: black;   }

.opportunitysearch .search { background-color: var(--darkpurple); color:white; padding: 40px; }
.opportunitysearch .search ul li { float: left; padding: 0px 20px 0px 0px;}
.opportunitysearch .search ul li input[type=radio], .opportunitysearch .workingloc input[type=radio] { line-height: 30px; height: 30px; vertical-align:middle; margin: -3px 0px 0px 0px; }
.opportunitysearch .search a { color: white; text-decoration: underline; }

.opportunitysearch #searchlocationbox, .opportunitysearch #currentlocationbox {  margin: 10px 10px 0px 0px;}
.opportunitysearch #searchdistancebox {  margin: 10px 10px 0px 2px;}
.opportunitysearch .search input[type=text], .opportunitysearch .search select { width: 100%; background-color: #802f81; border: 1px solid #802f81;  height: 45px; border-radius: 4px; color: white; padding: 0px 20px;}
.opportunitysearch .search input[type=text]:focus, .opportunitysearch .search select:focus { border: 1px solid white; outline: none !important; border-color: rgba(255,255,255,.8); box-shadow: 0 0 10px rgba(255,255,255,.15);}
.opportunitysearch .search input[type=submit] {  background-color: var(--orange); border-radius: unset;  margin: 10px 0px 0px 5px;  height: 44px;}
.opportunitysearch .search input[type=submit]:hover { filter: brightness(85%); }
.opportunitysearch .search input[type=text]::placeholder { color: white; opacity: 1; } 

.opportunitysearch .filters input[type=checkbox] { opacity: 0; position: absolute; cursor: pointer; margin: 10px 5px 0px 0px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; border: 2px solid black; border-radius: 2px; height: 15px; width: 15px; }
.opportunitysearch .filters input[type=checkbox]:checked { border: 2px solid var(--orange); }
.opportunitysearch .filters label input[type=checkbox], .opportunitysearch .filters .field_checkbox input[type=checkbox] { opacity: 1; position: relative; }
.opportunitysearch .filters input[type=checkbox]:checked:after  { content: "\2713"; color: var(--orange); position: relative; left: -6px; font-size: 180%; bottom: 16px;  font-weight: 700;   }


.opportunitysearch .filters {  box-sizing: border-box; line-height: 1.2; font-size: 90%; margin-top: 10px;  }
.opportunitysearch .filters h4 {font-size: 125%;font-weight:normal;float:left;padding-right: 0px;width: 60%;}
.opportunitysearch .filters .hr_orange {border-bottom: 1.5px solid var(--orange);width: 40%;height: 15px;float:left;}
.opportunitysearch .filters .searchform { clear: both; padding-top: 20px;}
.opportunitysearch .filters select { width: 100%; }
.opportunitysearch .filters .field_section label { cursor: pointer;  }
.opportunitysearch .filters .field_section { cursor: pointer; background-size: 16px auto; background-position: left 10px center; background-color: #ededed !important;  margin-top: 10px; padding: 10px 20px;  box-shadow: unset !important; cursor:pointer; transition: .3s ease-in-out;}
.opportunitysearch .filters .field_section.open { background-image: url(/images/cdoq9aZAXBEjPSzAkH1j0e80e8.png); background-color: var(--orange) !important;  margin-top: 10px; padding: 10px 20px;   box-shadow: unset !important; cursor:pointer; color: white;}
.opportunitysearch .filters .field_section.close { background-image: url(/images/ma1hlIct4qKqHImIJFjG0e80e8.png); }
.opportunitysearch .filters .field { background-color: white; padding: 10px 20px; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.opportunitysearch .filters input[type=button] { background-color: var(--orange); width: 100%; }

.opportunitysearch .filters .field_multiselect>.label { font-size: 130%; padding-bottom: 10px; font-weight: 700; }
.opportunitysearch .filters .field_multiselect .allnone, .opportunitysearch .filters .resetcharity { padding-top: 20px; color: var(--orange)}
.opportunitysearch .filters .field_multiselect .allnone a, .opportunitysearch .filters .resetcharity span { color: var(--orange); text-decoration: underline; transition: .3s ease-in-out; }
.opportunitysearch .filters .field_multiselect .allnone a:hover, .opportunitysearch .filters .resetcharity span:hover { opacity: 0.7; }
.opportunitysearch .filters .field_multiselect .allnone a:first-of-type { padding-right: 10px; }
.opportunitysearch .filters .field_multiselect .allnone a:last-of-type { padding-left: 10px; }
.opportunitysearch .filters .field_multiselect .allnone span { color: grey; }
.opportunitysearch .filters .resetcharity span { cursor: pointer; }
.opportunitysearch .searchactions ul { display: flex; flex-wrap: wrap; }
.opportunitysearch .searchactions li { color: var(--orange);  padding: 10px 0px 0px 0px; font-size: 120%; transition: .3s ease-in-out;}
.opportunitysearch .searchactions li:hover { opacity: 0.7; }
.opportunitysearch .searchactions li span { color: grey; padding: 0px 5px; }
.opportunitysearch .searchactions li.disabled {color: grey; background-color: unset !important}

.opportunitysearch .currentlocationbox { display: none; }

.opportunitysearch .opportunitylist.refresh ul {justify-content: left;}
.opportunitysearch .opportunitylist ul .logo { height: 85px;   }
.opportunitysearch .results ul li {  margin-bottom: 20px;  }
.opportunitysearch .results ul.list  {  }
.opportunitysearch .results ul.list li { display: flex; flex-direction: column; height: 200px; flex-wrap: wrap;   }

.opportunitysearch .results ul li .kitemark:after { padding: 3px 18px; font-size: 90%; }


.opportunitysearch .results ul.list li .logo { width: 150px; margin-top: 40px; }
.opportunitysearch .results ul.list li .kitemark { right: unset; left: 100px; }
.opportunitysearch .results ul.list li .kitemark:after { text-align: left; float: none; padding: 5px 10px; }
.opportunitysearch .results ul.list li .link { width: 30%; position: absolute; left: 50%; margin-left: 130px;   }
.opportunitysearch .results ul.list li .link a  { /* margin-top: -30px;  position: absolute; margin-left: 490px */ }
.opportunitysearch .results ul.list li .details { width: 35%; font-size: 110%;  }
.opportunitysearch .results ul.list li .details a { padding: 0px 0px 10px 0px; margin: 0px; }
.opportunitysearch .results ul.list li .extradetails { width: 25%; line-height: 1.5;}
.opportunitysearch .results ul.list li .name a { border-top: 0px; }

.opportunitysearch .results .list li {width: 100% !important; }
.opportunitysearch .spacer { content: ""; display: block; }
.opportunitysearch .opportunitylist.refresh { margin-top: 50px; }

.searchform .field_section label { font-size: 85%; padding-left: 20px;   }
.searchform .field_section .label {padding: 5px;color: grey;}
.searchform .field_section.open .label {  color: white; }
/* .searchform .field_section.close .label:before  { content: "+"; color: white; background: darkgrey;  padding: 0px 4px; border-radius: 50%; font-size: 90%;    }
.searchform .field_section.open .label:before  { content: "-"; color: var(--orange); background: white;  padding: 0px 4px 0px 4px; border-radius: 50%; font-size: 90%;   } */
.searchform input[type=button] { background-image: url(/images/EcKGr0lHWYCBste3DytL02s02s.png); background-repeat: no-repeat; background-size: 24px auto; background-position: center left 10px;; font-weight: 300; font-size: 111.111%; transition: .3s ease-in; padding: 10px 20px; margin: 40px 0px 10px 0px; }
.searchform input[type=button]:hover { background-color: var(--darkpurple); }
.searchform .disabled {background-color:lightgrey !important; cursor: unset;}

.opportunitysearch .pagenav li { float: left; margin-right: 5px; }

.opportunitysearch .view li { padding: 15px; transition: all .2s ease-in; font-weight: 500; display: flex; align-items: center; }
.opportunitysearch path { transition: fill .4s ease; }
.opportunitysearch li.filtertoggle { background: #ebebeb; }
.opportunitysearch li.filtertoggle:hover { background: var(--orange); color: white; }
.opportunitysearch li.filtertoggle:hover path { fill: white !important; }
.opportunitysearch li.gridtoggle:hover { color: orange; }
.opportunitysearch li.gridtoggle:hover path { fill: orange !important; }

.opportunitysearch .addresses { margin-top: 20px; }
.opportunitysearch .addresses .text { display: inline-block; background-color:none;  text-transform: capitalize; }
.opportunitysearch .addresses ul { margin-top: 20px; }
.opportunitysearch .addresses li { margin-top: 10px; }

.pagenav { position: absolute;  margin-top: -30px; display: flex; align-items: center; font-size: 110%;}

.pagenav .skip li { border-right: 1px solid black; padding: 0px 10px 0px 5px; font-size: 90%;  }
.pagenav .skip li:last-of-type, .pagenav .skip li:first-of-type { border-right: 0px;  }
.pagenav .skip li.selected a { color: var(--orange); }


@media ( min-width: 1280px )
{
   .opportunitysearch .page_inner { max-width: 1240px;  }
   .opportunitysearch .results ul li { width: 32%; }
}
@media ( min-width: 1000px )
{
   .opportunitysearch .filters { float: left; width: 24%;   padding-right: 20px; padding-top: 50px; }
   .opportunitysearch .results ul li { width: 32%; }
   .pagenav {  left: 40%; margin-top: -30px;  font-size: 90%;   }
   .pagenav span { margin-right: 5px; }
   .opportunitysearch #searchlocationbox { clear: both; float: left;  width: 33%; }
   .opportunitysearch #searchdistancebox { float: left; width: 33%; }
   .opportunitysearch #currentlocationbox { clear: both; float: left; width: 33%; }
   .opportunitysearch .search input[type=submit] { float:left; width: 30%;}
   .opportunitysearch .introduction.searchmob { display: none; }
   .opportunitysearch .filters .fas { display: none; }
}
@media ( min-width: 1000px ) and ( max-width: 1279px )
{
   .opportunitysearch .page_inner { max-width: 80%; }
   .opportunitysearch .results ul li { width: 50%; }
   .opportunitysearch .results ul li .link { padding: 0px; }
   .opportunitysearch .results ul li .kitemark { font-size: 90%; }
   .opportunitysearch .filters h4 { width: 70%;}
   .opportunitysearch .filters .hr_orange {width: 30%;}   
   .pagenav {  left: 40%; margin-top: -30px;  font-size: 90%;   }
   .pagenav span { margin-right: 5px; }
}


@media ( max-width: 999px )
{
   .opportunitysearch .page_inner { max-width: 90%; }
   .opportunitysearch .results ul li { width: 100%; height: 100%; } 
   .opportunitysearch .results ul li .logo { margin-top: 0px; }
   .opportunitysearch .results ul li .link { position: static; padding: 0px; }
   .opportunitysearch #searchlocationbox { margin-top: 50px; }
   .opportunitysearch .search input[type=submit],  .opportunitysearch #searchlocationbox, .opportunitysearch #searchdistancebox, .opportunitysearch #currentlocationbox { width: 100%; margin: 20px 0px; clear:both; display: block;}
   .opportunitysearch #quicksearch ul { padding: 0px 0px 20px 0px; }
   .opportunitysearch #quicksearch ul li input { margin: -3px 10px 0px 0px; }

   .opportunitysearch .view { display: none; }

   .opportunitysearch .introduction.searchdesk { display: none; }

   .hr_orange { display: none; }
   
   .opportunitysearch .filters h4 {  width: fit-content; margin-right: 10px; text-transform: uppercase; }
   .opportunitysearch .filters .fas { font-size: 120%; padding-top: 2px; }
   .opportunitysearch .filters .plus { padding: 10px;  background-size: 27px auto; background-position: center center; text-align: right; background-color: var(--orange); border-radius: 100%; width: 30px; height: 30px;  display: inline-block; float:right;   }
   .opportunitysearch .filters .plus.open {  background-image: url(/images/cdoq9aZAXBEjPSzAkH1j0e80e8.png);  }
   .opportunitysearch .filters .plus.close {background-image: url(/images/eisDEJg0yBmICvYKszQ90e80e8.png);}
   .opportunitysearch .results .currentlocationbox {clear: both; padding: 10px 0px 30px 0px;}
   .opportunitysearch .results a { color: var(--orange); }
   .opportunitysearch .addresses { padding-top: 20px;  clear: both;}
   
   #filters {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;   /* heading and arrow to the right */gap: 10px;}
   #filters h4 { margin: 0;}
   #filters i {margin-right: 0;/* cancels your global i { margin-right: 10px } */}
   #filters .hr_orange,#filters .searchform {width: 100%;/* these drop onto their own lines */}
}

@media ( max-width: 1279px )
{
   .opportunitysearch h1 { line-height: 1; }
}

@media ( max-width: 690px )
{
   .opportunitysearch h1 { font-size: 185%; }
   .opportunitysearch .introduction { font-size: 100%; }
}

@media ( max-width: 499px )
{
   .opportunitysearch .results ul li .kitemark:after { font-size: 80%; padding: 5px 8px;}
   .pagenav { font-size: 90%;  }
}


@media( max-width: 999px )
{
  .opportunitysearch .filters { width: 100%; float: none; }
  .opportunitysearch .currentlocationbox { display: block; }

}


/*
.opportunitysearch .filters { float: left; width: 30%; padding-right: 20px; box-sizing: border-box; line-height: 1.2; font-size: 90%; }
.opportunitysearch .filters select { width: 100%; }
.opportunitysearch .quicksearch {border: 1px solid #481377; padding: 10px 5px 10px 5px; border-radius: 10px;}
.opportunitysearch .quicksearch h2 { padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; font-weight: bold; }
.opportunitysearch .quicksearch input[type=submit] { background: #f19d16; border: none; color: #ffffff; padding: 0px 10px 0px 10px; border-radius: 15px; height: 30px; font-size: 120%; font-weight: bold; margin: 10px 0px 0px 0px; cursor: pointer; }
.opportunitysearch .reset { display: block; padding: 10px 0px 0px 0px; }
.opportunitysearch .results { float: left; width: 70%; }
.opportunitysearch .formbuilder .label { float: none; width: auto; text-align: left; padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; }
.opportunitysearch .formbuilder .input { float: none; width: auto; }
.opportunitysearch .formbuilder .allnone { padding: 0px 0px 10px 0px; font-size: 90%; }
.opportunitysearch .formbuilder {border: 1px solid #481377; margin: 20px 0px 10px 0px; display: block; padding: 10px 5px 10px 5px; border-radius: 15px;}
.opportunitysearch .formbuilder::before {content: 'Filter search results'; padding: 0px 0px 10px 0px; color: #481377; font-size: 130%; font-weight: bold; }

.opportunitysearch ul.opportunities { padding: 0px; }
.opportunitysearch ul.opportunities li.opportunity { margin: 0px 0px 20px 2%; }

.opportunitysearch .pagenav { clear: both; text-align: center; background-color: #e5e3e4; height: 50px; border-radius: 25px; margin-bottom: 25px; }
.opportunitysearch .pagenav .previous { float: left; line-height: 50px; padding: 0px 0px 0px 20px; }
.opportunitysearch .pagenav .next { float: right; line-height: 50px; padding: 0px 20px 0px 0px; }
.opportunitysearch .pagenav .skip { display: none; overflow: hidden; height: 50px; }
.opportunitysearch .pagenav a { font-weight: bold; }
.opportunitysearch .pagenav li { display: inline-block; line-height: 50px; padding: 0px 2px 0px 2px; box-sizing: border-box;}
.opportunitysearch .pagenav li.selected a, .opportunitysearch .pagenav a.disabled { color: #737373; cursor: default; }
.opportunitysearch .pagenav li.selected a:hover, .opportunitysearch .pagenav a.disabled:hover { text-decoration: none; }

.opportunitysearch .field_section {background-color: #f2f1f1; margin-top: 10px; padding: 10px 0px 10px 5px;}
.opportunitysearch .SubOppSkills, .opportunitysearch .SubOppTypes, .opportunitysearch .SubOppCauses  {padding-left: 15px; padding-bottom: 10px; background-color:#f2f1f1}
.opportunitysearch .formbuilder .field_section  .label {margin: 0px !important; padding: 0px; }

.opportunitysearch .OppTypes, .opportunitysearch .OppSkills, .opportunitysearch .OppCauses { cursor: pointer; }
.opportunitysearch .OppTypes.close:before, .opportunitysearch .OppSkills.close:before, .opportunitysearch .OppCauses.close:before   { content: "\f0a9 "; font-size: 150%; font-family: FontAwesome; float: right; margin-right: 20px; color: #5b2a5e; }
.opportunitysearch .OppTypes.open:before, .opportunitysearch .OppSkills.open:before, .opportunitysearch .OppCauses.open:before { content: "\f0ab "; font-size: 150%; font-family: FontAwesome; float: right; margin-right: 20px; color: #5b2a5e; }

#searchdialog  { border-radius: unset !important; width: 450px !important; }
#searchdialog button { margin: 10px 10px; padding: 10px; font-size: 90%; background-color: #f19d16; border: none; color: #ffffff; font-weight: bold;  }


@media( min-width: 900px )
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 32%; }
   .opportunitysearch .results ul.opportunities li.opportunity:nth-child(3n+1) { margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 23.5%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(4n+1) { margin-left: 0px; }
   .opportunitysearch .pagenav .skip { display: block; }
}

@media (min-width: 450px) and (max-width: 899px)
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 49%; }
   .opportunitysearch .results ul.opportunities li.opportunity:nth-child(2n+1) { margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 32%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(3n+1) { margin-left: 0px; }
}
@media( max-width: 599px )
{
   .opportunitysearch .filters { float: none; width: auto; padding: 0px 0px 50px 0px; }
   .opportunitysearch .results { float: none; width: auto; }
   .opportunitysearch .favourites ul.opportunities li { width: 49%; }
   .opportunitysearch .favourites ul.opportunities li:nth-child(2n+1) { margin-left: 0px; }
}
@media( max-width: 449px )
{
   .opportunitysearch .results ul.opportunities li.opportunity { width: 100%; margin-left: 0px; }
   .opportunitysearch .favourites ul.opportunities li { width: 100%; margin-left: 0px; }
}

.opportunitysearchbar { background: #ebebeb; border-radius: 0px; padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; }
.opportunitysearchbar .titletxt { color: #481377; font-weight: bold; font-size: 120%; padding: 0px 0px 0px 0px; }
.opportunitysearchbar .field { float: none; padding: 10px 0px 0px 0px; }
.opportunitysearchbar .label { float: none; width: auto; text-align: left; }
.opportunitysearchbar .input { float: none; width: auto; }
.opportunitysearchbar .buttons { float: none; clear: both; width: auto; padding: 20px 0px 0px 0px; margin: 0px; }

*/

div.success { background: #ccffcc; padding: 10px; margin-bottom: 10px; border-radius: 10px; font-weight: bold; }


#fb-OppTypes-div label[for=fb-OppTypes-14], #fb-OppTypes-div label[for=fb-OppTypes-15] { display:none; }
#fb-OppSkills-div label[for=fb-OppSkills-39], #fb-OppSkills-div label[for=fb-OppSkills-40], #fb-OppSkills-div label[for=fb-OppSkills-41] { display:none; }
#fb-OppCauses-div label[for=fb-OppCauses-19], #fb-OppCauses-div label[for=fb-OppCauses-20], #fb-OppCauses-div label[for=fb-OppCauses-21] { display:none; }

/* Donate page */

.shop_donate .introduction img[align=left] { margin: 0px 20px 20px 0px; }
.shop_donate .introduction img[align=right] { margin: 0px 0px 20px 20px; }
.shop_donate .buttons { padding: 50px 0px 0px 210px; }
.shop_donate .description p { margin: 0px !important;}

/* Member area */

.memberarea h2 { font-weight: bold; font-size: 150%; line-height: 1.5; padding: 0px 0px 10px 0px; color: #481377; }
.memberarea .menu li { padding: 10px 0px 10px 40px; font-weight: bold; background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); background-repeat: no-repeat; background-position: center left; }
.memberarea .buttons { clear: both; padding: 30px 0px 0px 215px; }
.memberarea .buttons input { border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }
.memberarea .error, .memberarea .errors { background: #f19d16; color: white; font-weight: bold; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
.memberarea .communications th, .memberarea .communications td { padding: 5px; }
.memberarea .communications tr.unread td { font-weight: bold; }
.memberarea .communications .datetime { white-space: nowrap; }
.memberarea .feat_socialshare{padding-bottom: 60px;}
.memberarea .feat_socialshare li {float: left;padding: 5px;}
/*.section344 .ui-dialog { background-color: #ffffff; }*/
.dialog h2 { font-weight: bold; font-size: 150%; line-height: 1.5; padding: 0px 0px 10px 0px; color: #481377; }
.memberarea .select  {font-size: 95%; }
.memberarea .select .all, .memberarea .select .none { cursor:pointer; color: #481377;}
.memberarea .buttons input.disabled {background-color: #dddddd; }
.memberarea td.nowrap { white-space: nowrap; }
.memberarea th, .memberarea td { padding: 5px; }

.feat_socialshare li {float: left;margin: 10px 10px;}
.feat_socialshare li:first-of-type {margin: 10px 10px 10px 0px;}


/* Banner for organisations */
.memb_volportal .org-banner{ margin-top: 40px; padding: 20px;}


/* Custom HTML */

.util_customhtml h2 { font-size: 150%; font-weight: bold; line-height: auto; padding: 0px 0px 20px 0px; }



/* Expanding text box */

.util_expandtext { margin: 0px 0px 10px 0px; }
.util_expandtext .link { background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 10px 40px; }
.util_expandtext .text { padding: 5px 0px 10px 15px; }
.util_expandtext .text ul { padding: 0px 0px 0px 25px; }
.util_expandtext .text ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }


/* Video gallery */

div.list_youtube ul li { float: left; width: 150px; height: 170px; margin: 3px 2px 3px 3px; padding: 5px; text-align: center; cursor: pointer; font-size: 90%; line-height: 125%; }
div.list_youtube ul li:hover { background: #ebebeb; }
div.list_youtube ul li img { border: solid black 1px; margin: 0px 0px 5px 0px; }
#youtubeplayer { background: black; padding: 0px; text-align: center; }
#youtubeplayer iframe { border: none; margin: 0px auto 0px auto; }
.ui-dialog { background: #481377; padding: 0px; border-width: 5px; }
.ui-dialog-titlebar { color: white; background: none; border: none; }


/* Charity list */

.charitylist li { display: inline-block; width: 199px; padding: 5px; margin: 5px 5px 5px 4px; min-height: 180px; border: solid #ebebeb 1px; border-radius: 10px; cursor: pointer; vertical-align: top; }
.charitylist li:hover { border-color: #f19d16; }
.charitylist li .kitemark { float: right; margin: 2px 2px 0px 0px; width: 74px; height: 30px; background-repeat: no-repeat; background-image: url(/images/h7cK652enpwhKP7WFV2S02200u.png); background-position: top right; }
.charitylist li .name { text-align: center; padding: 0px 0px 10px 0px; min-height: 40px; }
.charitylist li .logo { text-align: center; height: 103px; line-height: 100px; }
.charitylist li .logo img { vertical-align: middle; }


/* Live edit */

.feat_organisationpage .liveedit { background: #f19d16; padding: 5px; margin: 0px 0px 10px 0px; border-radius: 5px; }
.feat_organisationpage .liveedit a { color: white; }
.liveedit .editarea .label { font-weight: bold; font-size: 150%; padding: 0px 0px 20px 0px; }
.liveedit .editarea .field { padding: 0px 0px 30px 0px; }
.liveedit .editarea .buttons input { border-radius: 10px; width: auto; height: auto; padding: 10px 20px 10px 20px; background: #481377; border: none; font-weight: normal; font-size: 100%; margin: 0px; color: white; cursor: pointer; text-decoration: none; }


/* Sliding gallery */


.wt-gallery { width: 660px !important; border: none; background: none; }
.wt-gallery img { margin: 0px !important; border-radius: 0px !important; }
.wt-gallery .main-screen { border: none; margin: 0px 0px 0px 0px; }
.wt-gallery .cpanel[style] {width: 660px !important;padding-top: 0px !important;margin: 0px 0px 0px 0px !important;}
.wt-gallery .thumbnails {width: 615px !important;}
.wt-gallery .thumbnails li { padding-top: 0px !important; }
.wt-gallery .thumbnails li:hover div { border-color: #f2c700; }
.wt-gallery .thumbs-back {width: 22px;margin: 0px 1px 0px 0px;}


/* jQuery tabs */

div.ui-tabs { background: none; font-size: 100%; font-family: 'Open Sans', arial; padding: 0px; border: none; min-height: 700px;}
div.ui-tabs .ui-tabs-panel { padding: 10px; }
div.ui-tabs .ui-tabs-panel input { font-family: 'Open Sans', arial; }
div.ui-tabs .ui-tabs-nav { background: none; border: none; border-bottom: solid black 1px; border-radius: 0px; }
div.ui-tabs .ui-widget-content a { color: #481377; }


/* Errors */

ul.errors { padding: 10px; background: #f19d16; margin: 0px 0px 20px 0px; color: white; font-weight: bold; border-radius: 10px; }


/* Popup box */

/*
div.feat_popupbox { background: #481377 !important; }
*/
div.feat_popupbox p { padding: 0px !important; }
div.feat_popupbox img {display: inline-block; }
div.feat_popupbox a { color: white; }
div.feat_popupbox .close { text-align: right; border-bottom: solid white 1px; padding: 0px 0px 5px 0px; }
div.feat_popupbox .text { color: white; font-size: 120%; line-height: 1.5; padding: 10px 0px 10px 0px; text-align: center; }
div.feat_popupbox .ui-dialog-titlebar { display: none; }
.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; }
.ui-front { z-index: 2; }
.ui-dialog {background-color: #ffffff;/* padding: 10px; */}
.ui-dialog-titlebar { text-align: right; }

.ui-dialog .ui-dialog-content,  .ui-dialog .ui-dialog-titlebar { padding: 0px; }

.ui-widget.ui-widget-content { box-shadow:  0 0 10px grey; font-size: 90%; }

.ui-button-icon-space { display: none;}
.ui-button .ui-icon {background-image: url(/images/FPoWpn9ZozOzFJYgMipM01m01m.png) !important;z-index: 999; width: 10px;height: 10px;margin-left: -5px;margin-top: -5px;}
.ui-button:hover .ui-icon { background-image: url(/images/FPoWpn9ZozOzFJYgMipM01m01m.png) !important; }
.ui-icon-closethick { background-position: center; }
.ui-icon { width: 11px; height: 11px; }

.ui-dialog button {top: -30px !important;right: -30px !important;width: 30px !important;height: 30px !important;border-radius: 50% !important; background: var(--darkpurple) !important; color: white;}
.ui-button:hover { background: var(--darkpurple); border: none; color: white;}

#dialog-15706, #savecriteria { font-size: 120%; }
#dialog-15706 .ui-icon-closethick { position: absolute; top: 1px }
#dialog-15706 .forgotpw { display: block; padding-bottom: 20px;  color: var(--orange); padding-left: 20px; position: absolute; margin-top: -35px; }
#dialog-15706 .forgotpw a { color: var(--orange); text-decoration: underline; font-size: 90%; }
#dialog-15706 .register a {background: var(--darkpurple);color: white; padding: 10px 20px; }
#dialog-15706 .titletxt, #savecriteria .titletxt { background: var(--orange); color: white; border-bottom: 1.5px solid black; padding: 15px 20px; font-size: 100%;  }
#dialog-15706 .introduction, #savecriteria p{ padding: 10px 20px 10px 20px;   }
#dialog-15706 .content h2 { font-weight: 500; font-size: 110%; }
#dialog-15706 .content p { padding: 15px 0px 40px 0px;   }
#dialog-15706 input[type=text], #dialog-15706 input[type=password] { width: 100%; border: 0px; border-radius: 3px; background: var(--lightgrey); padding: 15px 15px; height: 50px; margin-top: 5px; font-size: 90%;}
#dialog-15706 input[type=text]:focus, #dialog-15706 input[type=password]:focus { outline: 3px solid orange;  }
#dialog-15706 input[type=checkbox] { margin-right: 2px; zoom: 1.2;  }

#savecriteria input[type=button] { background-color: var(--orange); font-size: 85%; padding: 3px; margin-right: 20px; float: right; transition: all .3s ease-in-out; }
#savecriteria input[type=button]:hover { opacity: 0.8; }

.ui-dialog-title { display: none;}

.introduction, .fieldemail, .fieldpw, .login, .stayloggedin, .register {padding: 0px 20px;}

#dialog-15706 label::after { content: ':';}

#dialog-15706 .fieldpw { padding: 20px 20px 40px 20px; }
.stayloggedin { padding-left: 120px; font-size: 100%; }

#dialog-15706 a:hover, #dialog-15706 input[type=submit]:hover { opacity: 0.8; }

#dialog-15706 .login input[type=submit] { background: var(--orange); position: relative; top: -30px; font-size: 100%; padding: 7px 15px; margin: 0px 0px 10px 0px; }





/* App info page styling */

.app-info-page .screenshot {border: solid 1px #000000;}

@media (min-width: 360px) {
      .app-info-page .app-download {padding-right: 20px;}
}

@media (min-width: 461px) {
   .app-info-page .screenshot {margin: 0 40px 20px 0;}
}

@media (min-width: 700px) {
   .app-info-page .screenshot:first-child {padding-left: 0px;}
   .app-info-page .screenshot:nth-child(4) {padding-left: 0px;}
}

div.contact a { color: #737374; }

/*New charities page*/
.extracontent.chpage {margin: 20px 0px 20px 0px;}

@media (min-width: 1140px) {
   .extracontent.chpage {float: left;width: 30%;margin-right: 2%;}
   .extracontent.chpage:first-child {margin-left: 3%;}
}

@media (max-width: 1139px) {
   .extracontent.chpage {max-width: 300px; margin: auto; margin-top: 20px;}
}

.newcharitypageintro {padding: 40px 20px 20px 20px;margin: 0px auto 0px auto;box-sizing: border-box;}
.newcharitypageintro .content {margin: 0px auto 0px auto;min-height: 150px;border-radius: 75px;/* padding: 40px; */font-size: 110%;box-sizing: border-box;}
.newcharitypageintro a { color: #481377; display: block; padding: 10px 0px 0px 0px; }
.newcharitypageintro h2 { font-weight: 800; font-size: 230%; color: #481377; line-height: 1; padding: 10px 0px 10px 0px; }

/* partners and supporters page general rule */
/* .partnersandsupporters .pagecontent img {max-width: none;} */

#content .blogindex .h2title { background-image: url(/images/mnbPEnhiYHYVZLELfWRY00v00m.png); }


/* Organisation page */ 
.section1081 .layoutcontent { background-color: white;}
.feat_organisationpage .section {clear: both; line-height: 1.8em;}
.feat_organisationpage .section:nth-child(odd) { background-color: white; }
.feat_organisationpage .section_details {  margin: 0px auto; }
.feat_organisationpage .description { clear: both; }
.feat_organisationpage  a.contact {transition: .3s ease-in-out;width: 210px;background-color:var(--orange);display: inline-block;text-align:center;padding: 10px;color: #ffffff;background-image: url(/images/w0Nha6V03ftogo8rmkQj00w00w.png);background-size: 16px auto;background-position: center right 20px;margin: 10px 0px;}
.feat_organisationpage  a.contact:last-of-type { margin-bottom: 0px;}
.feat_organisationpage  a.contact:hover { opacity: 0.7; }

.feat_organisationpage .charity_description .left {width: 95% !important;}

.feat_organisationpage .charity_description .abstract { font-weight: 500; padding-bottom: 10px; }
.feat_organisationpage .charity_description .intro { font-weight: 300;  }
.feat_organisationpage .charity_description .intro .space{ display: block;}

.feat_organisationpage .charity_description .actions li { display: none; cursor: pointer; transition: .3s ease-in; }
.feat_organisationpage .charity_description .actions li:hover { opacity: 0.7;  }
.feat_organisationpage .charity_description .actions i { margin: 20px 10px 0px 0px; color: red; }
.feat_organisationpage .charity_description .actions.unfavourite li.unfavourite { display: block; }
.feat_organisationpage .charity_description .actions.favourite li.favourite { display: block; }

.feat_organisationpage .feat_opportunitypage .expandabletext.closed { display:none; } 
.feat_organisationpage .charity_details, .feat_organisationpage .more { background-color: #f8f5f8 !important; }
.feat_organisationpage .expandable h2 { margin: 10px 0px 0px 0px; background-color: #f4f4f4; padding: 10px; cursor: pointer; }
.feat_organisationpage .expandable.orange h2 { background-color: var(--orange); color: white; }
.feat_organisationpage .expandable i { margin-right: 20px; }
.feat_organisationpage .expandabletext {box-shadow: 0 1px 2px rgba(0,0,0,.2); padding:20px;}
.feat_organisationpage .map_section { padding-top: 0px !important;} 
.feat_organisationpage  #map { height: 400px; }
.leaflet-pane, .leaflet-top, .leaflet-bottom { z-index: 10 !important; }
.feat_organisationpage table, th, td {background:none  !important;border: unset !important;font-size: initial;}

.feat_organisationpage .right table { width: 100%; }
.feat_organisationpage .right th, .feat_organisationpage .right td, .opportunitysearch.Serv .results ul.list li .details th, .opportunitysearch.Serv .results ul.list li .details td {padding: 5px; }
.feat_organisationpage .yes, .opportunitysearch.Serv .yes {color: var(--orange); text-align: center; font-size: 80%; }
.feat_organisationpage .no, .opportunitysearch.Serv .no {color: var(--darkpurple); text-align: center; font-size: 80%; }
.feat_organisationpage .toggleContact { text-align: center; font-size: 150%; }
.feat_organisationpage span { margin: 10px; }
.feat_organisationpage .contact i { color: var(--orange); font-size: 150%;  cursor: pointer;  }
.feat_organisationpage .contact span { cursor: pointer; color: grey; font-size: 80%; padding-bottom: 10px;  }
.feat_organisationpage .contact span.selected { color: black;  }
.feat_organisationpage .contact input[type=submit], .feat_organisationpage .section.contact input[type=button] { background-color: var(--orange); transition: .3s ease-in-out; }
.feat_organisationpage .contact input[type=submit]:hover, .feat_organisationpage .section.contact input[type=button]:hover { opacity: 0.7; }
.feat_organisationpage .left { padding-bottom: 40px; }
.feat_organisationpage .right h2 { color: var(--darkpurple); font-weight: 700; padding-bottom: 10px; font-size: 110%;   }
.feat_organisationpage .right h2:last-of-type { padding-top: 30px; }
.feat_organisationpage .errors { background: #f19d16; padding: 10px; border-radius: 10px; margin: 0px 20px 20px 0px; color: white; }

.feat_organisationpage .age, .feat_organisationpage .availability { background: 	#f4f4f4; }

.feat_organisationpage .right, .feat_organisationpage .times tr th, .feat_organisationpage .times tr td{ font-size: 90%; }

.feat_organisationpage .times tr:nth-child(even), .opportunitysearch.Serv .times tr:nth-child(even) { background-color: #f4f4f4;}

.feat_organisationpage .right strong { width: 50%; display: inline-block; }

.feat_organisationpage .right div { padding: 3px 0px;}

.feat_organisationpage .refresh { margin: 20px auto; }

@media ( min-width: 1000px )
{
   .feat_organisationpage .feat_opportunitypage .left { float: left; width: 65%; margin-right: 5%;  }
   .feat_organisationpage .feat_opportunitypage .right { float: left; width: 30%;}
}
@media ( max-width: 1250px )
{
   .feat_organisationpage .feat_opportunitypage { padding: 0px 20px;}
   .feat_organisationpage .feat_opportunitypage { padding: 0px 20px;}
   .feat_organisationpage .section_details { padding: 0px 10px; }
}

.feat_socialshare li { list-style-type: none; border: 2px solid var(--orange); padding: 5px 10px; min-width: 120px; text-align:center; color: var(--orange); cursor:pointer;  }
.feat_socialshare li svg { fill: var(--orange); height: 15px; position: relative; top: 2px; }
.feat_socialshare a { color: var(--orange); font-size: 90%; }
.feat_socialshare li:hover {background-color: var(--orange); box-shadow: 0 10px 24px rgba(0,0,0,.15); }
.feat_socialshare li:hover a { color: #ffffff; }
.feat_socialshare li:hover svg { fill: white; }

.feat_organisationpage .section.contact { clear: both;padding: 0px 0px 80px 0px;  line-height: 1.8em;}
.feat_organisationpage .contact .section_details { max-width: 900px; margin: 0px auto; /* text-align: center; */ font-size: 110%;  }
.feat_organisationpage .contact .section_details h1 { padding: 50px 0px 20px 0px; border-bottom: 2px solid var(--orange); font-size: 250%; margin-bottom: 50px; text-align: center;   }
.feat_organisationpage .contact .section_details p { text-align: center;   }

.feat_organisationpage .contact .section_details input[type=input], .feat_organisationpage .contact .section_details input[type=text], .feat_organisationpage .contact .section_details input[type=password] { width: 100%; height: 40px; border: none; background-color: #f6f6f6; transition: .2s ease-in-out; }
.feat_organisationpage .contact .section_details input[type=input]:focus, .feat_organisationpage .contact .section_details input[type=text]:focus, .feat_organisationpage .contact .section_details textarea:focus, .feat_organisationpage .contact .section_details input[type=password]:focus { outline: 3px solid var(--orange) }

.feat_organisationpage .contact .section_details textarea, .feat_organisationpage .contact .section_details .applyform input[type=text], .feat_organisationpage .contact .section_details input[type=password] { width: 100%; max-width: 100%; margin: 10px 0px 20px 0px; font-weight: 300;  }
.feat_organisationpage .contact .section_details textarea { border: none; background-color: #f6f6f6;  padding: 10px 5px 10px 5px; transition: .2s ease-in-out; font-size: 110%;  }
.feat_organisationpage .contact .section_details input[type=input] { height: 40px; }
.feat_organisationpage .contact .section_details label { font-weight: 500;  }
.feat_organisationpage .contact .section_details input[type=text] {   margin: 10px 0px 20px 0px; font-size: 110%; }

.feat_organisationpage .contact .formbuilder { padding-bottom: 30px; }

.feat_organisationpage .nextprevious { top: 200px;}

.feat_organisationpage .contact .privacy { font-size: 80%;   }
.feat_organisationpage .contact .privacy p { text-align: left;   }
.feat_organisationpage .contact .help-block { display: none;  }

.feat_organisationpage .contact .section_details .button { color: white; background-color: var(--darkpurple); transition: .3s ease-in-out; }
.feat_organisationpage .contact .section_details .button:hover { opacity: 0.7; }

@media ( min-width: 1280px )
{
   .feat_organisationpage .section_details { max-width: 1240px; }
}
@media ( min-width: 1000px ) and ( max-width: 1279px )
{
   .feat_organisationpage .section_details { max-width: 90%; }
   .feat_organisationpage .section_details .left .logo img { width: 100%; height: auto; }
   .feat_organisationpage .charitylogo a { background-position: center right 10px;}
}
@media ( min-width: 1000px )
{
   .feat_organisationpage .section { padding: 120px 0px; }
   .feat_organisationpage .section.map_section { padding: 0px 0px 0px 0px; }
   .feat_organisationpage .more { padding: 50px 0px; }
   .feat_organisationpage .charity_description {display: grid; grid-template-columns: 75% 25%; }
   .feat_opportunitypage .feat_socialshare li {float: left;margin: 30px 10px 10px 10px;}
   .feat_opportunitypage .feat_socialshare li:first-of-type {margin: 30px 10px 10px 0px;}
}
@media ( min-width: 1000px ) and ( max-width: 1250px )
{
   .feat_organisationpage  a.contact { width: 150px; }
}
@media ( max-width: 999px )
{
   .feat_organisationpage .section { padding: 30px 0px; }
   .feat_organisationpage .section.map_section {padding: 0px 0px 30px 0px; }
   .feat_organisationpage .section_details { max-width: 100%; }
   .feat_organisationpage .charitylogo { padding-bottom: 20px; }
   .feat_organisationpage .charitylogo a { width: 180px;   }
   .feat_opportunitypage .feat_socialshare ul { display: flex; flex-wrap: wrap; gap: 10px;  }
   .feat_opportunitypage .feat_socialshare li { float: none; margin: 20px 0px 0px 0px; }
   .feat_opportunitypage .charity_description .left { width: 100% !important; }
}
@media ( min-width: 650px )
{
   .feat_organisationpage .contact .field_date, .feat_organisationpage .contact .field_text, .feat_organisationpage .contact .group div { width: 47%; }
   .feat_organisationpage .contact .formbuilder, .feat_organisationpage .contact .group { display: flex; justify-content: space-between; }
}
@media ( max-width: 649px )
{
   .feat_organisationpage .left h1.title { font-size: 200%; }
   .feat_organisationpage .contact .section_details { font-size: 90%;  }
   .feat_organisationpage .contact .field_date, .feat_organisationpage .contact .field_text, .feat_organisationpage .contact .group div { width: 100%; }
}


/* Search for volunteers offering time and skills */

.opportunitysearch.Serv .results ul.list li { display: block; height: 100%; }
.opportunitysearch.Serv .results ul.list li .name {font-size: 140%;float:  left; text-transform:capitalize; color: var(--darkpurple); weight: 600; }
.opportunitysearch.Serv .results ul.list li .details { width: 100%; line-height: 1.5em; font-size:100%;  }
.opportunitysearch.Serv .results ul.list li .details .left { padding-bottom: 20px; font-size: 90%; float: left; }
.opportunitysearch.Serv .results ul.list li .details .right {float: right;width:  60%;}
.opportunitysearch.Serv .results ul.list li .details table { width: 100%; border: none;  }
.opportunitysearch.Serv .results ul.list li .details .location { padding: 0px; }
.opportunitysearch.Serv .yes, .opportunitysearch.Serv .no { font-size: 100%; }
.opportunitysearch.Serv .contact {padding: 10px 0px;float: right;}
.opportunitysearch.Serv .categories::before {content: ''; clear: both; display:table; overflow: auto;}

.opportunitysearch.Serv .contact a { transition: .3s ease-in-out;   width: 210px;
   background-color: var(--orange); display: inline-block; text-align: center; padding: 10px; color: #ffffff; background-size: 16px auto; background-position: center right 20px;  margin: 10px 0px;  text-transform: capitalize;}
.opportunitysearch.Serv .moreinfo { float:right; padding-top: 5px; }
.opportunitysearch.Serv .moreinfo a  { transition: .3s ease-in-out; width: 210px; background-color: var(--orange); display: inline-block; text-align: center; padding: 10px; color: #ffffff;   background-image: url(/images/w0Nha6V03ftogo8rmkQj00w00w.png);   background-size: 16px auto;    background-position: center right 20px;  margin: 10px 0px; }

.opportunitysearch.Serv .photo { width: 200px; height: 200px; border-radius: 15px;  background-size: cover; background-position: center; margin: 0px 20px 20px 0px; float: left; }
.opportunitysearch.Serv .biography { margin: 20px 0px; }
.opportunitysearch.Serv .cv i { font-size: 300%; padding-top: 10px; display: block; color: var(--orange); }

@media ( max-width: 850px )
{
  .opportunitysearch.Serv .photo { float: none; }
}

/*
.memb_account a, .memberarea>a { font-weight: 600; transition: .3s ease-in-out; width: 210px; background-color: var(--orange); display: inline-block; text-align: center; padding: 10px; color: #ffffff; }
.memb_account .formbuilder, .memberarea .formbuilder {width: 80%}
.memb_account .label, .memberarea .label  { float:left; width: 25%; text-align:right; font-weight: normal }
.memb_account .input, .memberarea .input { float:left; width: 75%; }

.memb_account .buttons. .memberarea .buttons {clear:both;  }
.memberarea .removelink { text-align:right;}

 @media ( max-width: 999px )
{
  .memb_account .formbuilder, .memberarea .formbuilder  {width: 100%}
  .memb_account .label, .memberarea .label { float:none; width: 100%; text-align:left; }
  .memb_account .input, .memberarea .input { float:none; width: 100% }
  
}

*/

.feat_stdgallery  ul, .volstories .list, .gallery .items  { display: flex;  flex-wrap: wrap; justify-content: space-between; } 
.feat_stdgallery  li, .volstories .article { width: 33.3%;  padding: 10px;}
.feat_stdgallery  img, .volstories img { width: 100%; height: auto; }

.gallery .util_textbox { width: 20%; }

@media ( max-width: 1240px ) {
   .gallery .util_textbox { margin: 10px 0px; width: 48%; text-align:center; }   
}
@media ( max-width: 1000px ) {
  .feat_stdgallery  li, .volstories .article, .gallery .util_textbox { width: 50%;  }   
}
@media ( max-width: 700px ) {
   .gallery .util_textbox {  width: 100%;  }   
  .feat_stdgallery  li, .volstories .article { width: 100%;  }
}

.story .banner img {width: 100%; height: auto;margin-bottom: 20px; }
.story .pagecontent { float:left;  width: 60%; padding-left: 40px !important; box-sizing: border-box }
.story .pageheader { float:left !important;  width: 40%; }

@media ( max-width: 800px ) {
   .story .pageheader {float: none; width: 100%;}
   .story .pagecontent { float:none;  width: 100%; padding-left: 0px !important;}
}

/* Donate 2024 */
.donate .buttons { display: none; }
.donate .introduction h2 { font-size: 300%; padding-bottom: 30px; }
.donate .introduction p { text-align: center; }
.donate form, .excellence .form { background-color: #ede4e4; padding: 20px; }
.donate .formbuilder .field, .donate .formbuilder .field_group>.label { padding: 0px; }
.donate .formbuilder .field_group>.label { padding-bottom: 20px; text-align: center; font-size: 150%; }
.donate .description p { color: black; }
.donate .description p:last-of-type { padding-bottom: 0px }
.donate select { margin: 10px 0px; width: 100%; border-radius: 5px;}
.donate .formbuilder .field input[type=text], .donate .formbuilder .field textarea {width: 100%; background-color: white; border-radius: 5px;}

.donate .pages {display: flex;clear: both;justify-content: space-evenly;width: 100%;margin: 0px auto;gap: 10px;}
.donate .pages li:first-of-type { display:none; } 
.donate .pages li {cursor: pointer;padding: 10px 10px;border: 2px solid black;border-radius: 10px;font-weight: 700;text-align: center;height: 60px;vertical-align: middle;width: 50%;}
.donate .pages li:nth-child(2n) { background-color: var(--lightgrey);  }
.donate .pages li:last-of-type {background-color: var(--orange);line-height: 36px;} 

.donate .radio label { padding: 5px; border: 2px solid black; cursor: pointer; z-index: 90; width: 100%; height: 100%; border-radius: 7px; background-color: white; padding: 10px 20px; }

.donate input[type="radio"]:checked + label { background: var(--orange);}

.donate .radio {float: left;margin: 0 5px 0 0;width: 100px;height: 40px;position: relative;font-weight: 600;}
.donate #fb-donate-DonSubscription-div .input { border-bottom: 1px solid black; padding-bottom: 20px; }
.donate #fb-donate-DonSubscription-div .radio { width: 47%; margin-bottom: 20px; }
.donate #fb-donate-DonSubscription-div .radio:first-of-type, .donate #fb-donate-DonSubscription-div .radio:nth-child(3) {margin-right: 20px;}
.donate #fb-donate-DonSubscription-div .radio label {padding: 9px 20px;border: 2px solid var(--lightpurple);  text-align: center; }
.donate #fb-donate-DonSubscription-div .radio input[type=radio]:hover {background: var(--lightpurple);color: white;width: 100%;height: 100%;}
.donate #fb-donate-DonSubscription-div input[type="radio"]:checked + label {background: var(--lightpurple);color: white;}

.donate #fb-donate-DonAmounts-div .input { padding-top: 20px; }
.donate #fb-donate-DonAmounts-div .radio {width: 21%;margin: 0px 20px 20px 0px;}
.donate #fb-donate-DonAmounts-div .radio:nth-child(4) { margin: 0px 0px 20px 0px; }
.donate #fb-donate-DonAmounts-div .radio:nth-child(5) { width: calc(50% - 10px); margin: 0px 10px 20px 0px;}
.donate #fb-donate-DonAmounts-div .radio:last-of-type { width: calc(50% - 10px); margin: 0px 0px 20px 0px;}

.donate #fb-donate-DonAmount-div .input { margin-bottom: 20px;  text-align: center; }
.donate #fb-donate-DonAmount-div .input input[type=number] {width: 100%; }
.donate #fb-donate-DonAmount { border: 2px solid black; border-radius: 5px; height: 40px; width: 170px;  padding: 10px 20px; font-weight: 600; }
.donate #fb-donate-DonAmount:focus { background-color: var(--orange);  }
.donate #fb-donate-DonAmount-div label { display: none; }

.donate .radio label, .donate .radio input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 1; }
.donate .radio input[type=radio] { opacity: 0.01; z-index: 100; margin: 5px; }

.donate input[type=text], .donate textarea { margin: 5px 0px 10px 0px; }
.donate::after { content: ""; clear: both; display: table; }
.donate .buttons {padding: 50px 0px 0px 0px; text-align: center;}
.donate .formbuilder .field_section .description {padding-left: 0px; width: 100%; padding-bottom: 20px; }

@media ( max-width: 1020px )
{
   .donate #fb-donate-DonSubscription-div .radio { width: 49%; margin-right: 1%; }
   .donate #fb-donate-DonSubscription-div .radio:first-of-type, .donate #fb-donate-DonSubscription-div .radio:nth-child(3) {margin-right: 1%;} 
}
@media ( max-width: 970px )
{
  //  .donate #fb-donate-DonAmounts-div .radio:nth-child(5) {width: 50%; margin: 0px 0px 20px 0px;} 
}

@media ( max-width: 925px )
{
    .donate #fb-donate-DonAmounts-div .radio { width: 20%; margin: 0px 20px 0px 0px;} 
}
@media ( min-width: 850px )
{
	.donate .introduction { float: left; width: 50%; padding-right: 90px;}
	.donate .introduction img {max-width: 100%; height: auto;}
	.donate form { float: right; width: 50%; }
}
@media ( max-width: 850px )
{
 	.donate #fb-donate-DonSubscription-div .radio {/* width: 100%; */}
    .donate .pages li {clear: both;max-width: 100%;width: 49%;}
    .donate #fb-donate-DonAmounts-div .radio { width: 24%; margin-right: 1%}
}
@media ( max-width: 460px )
{
   .donate #fb-donate-DonAmounts-div .radio:nth-child(5) { width: 100%; margin: 0px 0px 20px 0px;}
   .donate #fb-donate-DonAmounts-div .radio:last-of-type { width: 100%; margin: 0px 0px 20px 0px;}
}
@media ( max-width: 420px )
{
   .donate .pages { width: 100%; }
}
@media ( max-width: 400px )
{
   .donate .pages  { flex-direction: column; gap: 20px; }
   .donate .pages li { width: 100%;  height: 100%; line-height: 1;  }
   .donate .pages li:last-of-type { line-height: 1; }
   .donate #fb-donate-DonAmounts-div .radio { width: 49%; margin-right: 0px; margin-bottom: 20px; }
   .donate #fb-donate-DonAmounts-div .radio:nth-child(1), .donate #fb-donate-DonAmounts-div .radio:nth-child(3) { margin-right: 1%; } 
}

.std_contentpage:not(.home2023) .util_textbox_inner { padding: 20px 0px; }
.std_contentpage:not(.home2023) .util_textbox_inner p { line-height: 1.5em; }
.std_contentpage:not(.home2023) .util_textbox_inner ul { margin: 20px; }
.std_contentpage:not(.home2023) .util_textbox_inner li { list-style-type:disc; margin: 20px; line-height: 1.5em; }
.std_contentpage .util_textbox_inner table h2 {font-size: 120%;}

/* Form 2025 */

.excellence .form { max-width: 800px; margin: 0px auto; position: relative; }
.excellence .form .field_group>.label { display: none; }
.excellence .form .input { padding: 0px; }
.excellence .form .field_readonly label { font-size: 130%; }
.excellence .form .field { padding: 0px; }

.excellence .form .field_readonly .input p { margin: 5px 0px 0px 0px !important; color: black; }

.excellence .form .field_checkbox .input { color: black; display: flex;  justify-content: space-between; }
.excellence .form .input .description { color: black; padding: 0px; width: 80%;  }
.excellence .form .field_file .input .description p { padding: 0px; }

.excellence .form .field_checkbox input[type=checkbox] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 66px;height: 29px;background-color: #ccc;border-radius: 34px;position: relative;cursor: pointer;transition: background-color 0.4s;}
.excellence .form .field_checkbox .input input[type=checkbox]::before { content: ""; position: absolute; width: 21px; height: 21px; background-color: white; border-radius: 50%; top: 4px; left: 4px; transition: transform 0.4s; }
.excellence .form .field_checkbox .input input[type=checkbox]:checked { background-color: var(--orange); }
.excellence .form .field_checkbox .input input[type=checkbox]:checked::before { transform: translateX(37px); }


.excellence .field_radio .input{display: flex; flex-direction: row; justify-content: space-between; align-items: start;}
.excellence .field_radio .input>div{ display: flex; align-items: end; gap:15px; }
.excellence .field_radio .radio{margin: 0 0 20px 0;}
.excellence .field_radio .radio label{display: flex; flex-direction: column-reverse; align-items: center; text-align: center;font-size: 12.8px; font-family: "Public Sans"; white-space: nowrap; }
.excellence .field_radio .description{width: auto !important;}
.excellence input[type="radio"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 20px;height: 20px;display: inline-block;position: relative;cursor: pointer;border: 2px solid var(--orange); background-color: white;}
.excellence input[type="radio"]:checked::before { content: ''; width: 20px;  height: 20px; background-color: var(--orange); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 
.excellence .formbuilder .input textarea{background-color: white; height: 60px;}

.excellence .form .progress { background-color: #d9d9d9; border: 1px solid black; width: fit-content; margin: 30px auto 0px auto; padding: 10px 30px; border-radius: 10px; }
.excellence .form .progress p { font-weight: bold; padding-bottom: 10px; text-align: center; margin: 0px !important; }
.excellence .form .pages { display: flex; gap: 10px; }
.excellence .form .pages li { height: 20px; width: 20px; background-color: white; cursor: pointer;}
.excellence .form .pages li.completed { background-color: var(--orange); }
.formbuilder .dz-clickable {  margin-bottom: 20px; }

.excellence .form .disabled { background-color: #d9d9d9; cursor: not-allowed;}
.excellence .form .buttons { width: fit-content; margin: 0px auto; }
.excellence .form input[type=button], .excellence .form input[type=submit], .excellence .form button { border: 2px solid black; color: black; border-radius: 15px; font-weight: bold; font-size: 100%;}


.excellence .form .buttons .back { left: 30px; }
.excellence .form .buttons .next, .excellence .form .buttons .button { right: 30px; }

@media ( max-width: 840px )
{
   .excellence .form { max-width: 100%; margin: 0px auto; }
}
@media ( min-width: 651px )
{
   .excellence .form .buttons button, .excellence .form .buttons input[type=submit] { position: absolute; bottom: 35px; }
}
@media ( max-width: 650px )
{
   .excellence .form .field_checkbox .input { flex-wrap: wrap; flex-direction: column;}
   .excellence .form .input .description { width: 100%; }
   .excellence .form .field_checkbox .input .description p { padding-bottom: 10px; }
   .excellence .form .field_checkbox .label { padding-top: 10px }
}
@media ( max-width: 540px )
{
   .excellence .form input[type=button], .excellence .form input[type=submit], .excellence .form button { margin-bottom: 20px; }
}

#dialog-17290 { overflow: hidden; }
#dialog-17290 p { padding: 0px; }
#dialog-17290 img { display: block; }
#dialog-17290 button:focus { outline: none; }

.util_customhtml.latest { margin: 0px; padding: 0px;}
.util_customhtml.latest .opptop  { padding: 20px 0px !important; }

/* Extra styles */
.titlepurple a {color: var(--darkpurple); font-weight: bold; font-size: 110%;}

.timeline .pagecontent_inner {text-align: center;}
.timeline .pagecontent_inner table {margin: 0 auto; border: none; }
.timeline table td > p {padding-bottom: 0;}

/* Timeline */

.timelinemob { display: none; }
.timelineweb table { margin: 0px auto; }

@media ( max-width: 950px )
{
   .timelinemob { display: block; }
   .timelineweb { display: none; }
}

/* Table */

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

.discount { padding-top: 30px; }
.discount input[type=text] { margin-right: 20px; }

.evnt_awardticketing thead th:first-of-type { text-align: left; }
tbody th, tbody tr.itemrow td.name { text-align: left; font-weight: 500;  }



tfoot tr th:last-of-type, .totaltotalrow th:last-of-type, .shop_basketpage tbody tr td:last-of-type, .evnt_awardticketing tbody tr td:last-of-type, .headingrow th:last-of-type { text-align: right; }
tfoot tr th:last-of-type { font-weight: 500; }
.totaltotalrow th { font-weight: 700 }
thead tr, .headingrow  { background-color: var(--orange);  }
thead th:last-of-type { text-align: right; }
thead tr th, .headingrow th { color: white; }
.evnt_awardticketing h2 { padding-bottom: 10px; font-size: 190%; color: var(--orange); letter-spacing: 2px; }
.evnt_awardticketing table { margin-top: 20px; }
.shop_basketpage table { margin: 20px 0px 50px 0px; }
.shop_basketpage .basket>.introduction { padding: 0px; }


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

.changecharity a { color: white; background-color: var(--lightpurple); font-weight: 500; padding: 5px 10px; width: fit-content; display: block; border-radius: 5px; margin-bottom: 20px; }


.evnt_awardticketing input[type=text] { width: 300px;}

/* Event Awards Ticketing */

.evnt_awardticketing, .shop_basketpage { max-width: 850px; margin: 0px auto; }
.evnt_awardticketing .formbuilder .field .label { padding-bottom: 10px; }
.evnt_awardticketing .field_group>.label label, .evnt_awardticketing .field_dynamic>.label label { font-size: 130%; border-bottom: 1px solid var(--orange); display: block; }
.evnt_awardticketing table { width: 100%; }
.evnt_awardticketing th  { padding: 5px;   }
.evnt_awardticketing tr:nth-child(even) { background-color: var(--lightgrey);}
.evnt_awardticketing .formbuilder .field_dynamic .removelink { padding-top: 40px;}
.evnt_awardticketing .formbuilder .field_dynamic .removelink a { background: #d9534f;  }
.evnt_awardticketing .formbuilder .field_dynamic .addlink { padding: 0px 0px 40px 0px; }
.evnt_awardticketing .description ul { margin-bottom: 20px}
.evnt_awardticketing .description li { list-style-type: disc; margin-left: 30px;}

.evnt_awardticketing .formbuilder .field_dynamic a:hover, 
.evnt_awardticketing  input[type=submit]:hover, 
.evnt_awardticketing  button[type=submit]:hover,
.shop_basketpage .formbuilder .field_dynamic a:hover,
.shop_basketpage  input[type=submit]:hover,
.shop_basketpage button[type=submit]:hover,
.shop_basketpage a.button:hover,
.changecharity a:hover
 {  filter: brightness(80%); box-shadow: 0 4px 6px rgba(0,0,0,0.15); }


.evnt_awardticketing .formbuilder .field_textarea .input { float: none; }

.evnt_awardticketing .errors { margin-top: 30px;}

.evnt_awardticketing input[type=submit], .evnt_awardticketing button[type=submit] { margin-top: 20px; margin-right: 20px;  }
.evnt_awardticketing input[type=submit]:last-of-type, .evnt_awardticketing button[type=submit]:last-of-type { margin-right: 0px;   }

.evnt_awardticketing .return { padding-top: 30px; }
.evnt_awardticketing .return a { color: var(--orange); text-decoration: underline; text-underline-offset: 4px; font-weight: 500; }
.evnt_awardticketing .return a:hover { color: var(--lightpurple); }

@media ( max-width: 740px )
{
   .evnt_awardticketing { max-width: 96%; }
}
@media ( max-width: 490px )
{
   .evnt_awardticketing select[name=orgid] { margin-bottom: 20px;  }
   .evnt_awardticketing .return a { line-height: 1.5}
}


/* Communication Center - Delete */

.section477 .ui-dialog .ui-dialog-content { padding: 30px; }
.section477 .ui-dialog .ui-dialog-buttonpane { padding: 0px; margin: 0px; border: none; }
.section477 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.section477 .ui-dialog .ui-dialog-buttonpane button { transition: all .3s ease-in-out; border: 2px solid purple; margin: 0px; margin-right: 10px; top: -30px !important; right: -30px !important; width: fit-content !important; height: 30px !important; border-radius: 20px !important; }
.section477 .ui-dialog .ui-dialog-buttonpane button:last-of-type { margin: 0px; }
.section477 .ui-dialog .ui-dialog-buttonpane button:hover { background-color: white !important;  color: black; }
.section477 .ui-dialog .ui-dialog-buttonpane { padding: 0px; margin: 0px; border: none;  }

/* Buttons - standard */

a.orangebtn, a.purplebtn { background-color: var(--orange); color: white; text-decoration: none; padding: 10px 20px; margin: 10px 0px; display: block; width: fit-content; text-align: center; }
a.purplebtn { background-color: var(--lightpurple); }
a.orangebtn:hover { background-color: var(--lightpurple); color: white;  }
a.purplebtn:hover { background-color: var(--orange); color: white; }
a.largetxt { font-size: 110%; }
a.smalltxt { font-size: 90%; }

/* Buttons - standard */

div:has(> a:nth-child(2)):not(:has(> :nth-child(3))):not(:has(> :not(a.orangebtn, a.purplebtn))) { display: flex; gap: 12px; justify-content: center; }
a.orangebtn, a.purplebtn { background-color: var(--orange); color: white; text-decoration: none; padding: 10px 20px; margin: 10px 0px; display: inline-block; width: fit-content; text-align: center; }
a.purplebtn { background-color: var(--lightpurple); }
a.orangebtn:hover { background-color: var(--lightpurple); color: white;  }
a.purplebtn:hover { background-color: var(--orange); color: white; }
a.largetxt { font-size: 110%; }
a.smalltxt { font-size: 90%; }

@media ( max-width: 520px )
{
   div:has(> a:nth-child(2)):not(:has(> :nth-child(3))):not(:has(> :not(a.orangebtn, a.purplebtn))) { display: block; }
}

.weekly-digest { background-color: #fffcf9; }
.weekly-digest .pagecontent { text-align: center;  background: linear-gradient(135deg, var(--darkpurple) 0%, var(--lightpurple) 60%, #8e1a91 100%); color: #fff; padding: 72px 40px 88px; text-align: center; position: relative; overflow: hidden;} 
.weekly-digest .pagecontent_inner { width: 500px; margin: auto;max-width: 100%;}
.weekly-digest .pagecontent h3 { text-transform: uppercase; color: var(--orange); font-size: 90%; letter-spacing: 1.6px; padding: 10px 0px;}
.weekly-digest .pagecontent h1 { color: white; font-size: 250%;  }
.weekly-digest .pagecontent h1 span {color: var(--orange); font-style:italic; }
.weekly-digest .pagecontent em {color: rgba(255,255,255,0.78); font-style:unset; padding: 10px 0px; display: block;}
.weekly-digest .pagecontent .titletxt { clear: both; }
.weekly-digest .pagecontent .badge {color:rgba(244,139,32,0.9) !important;display: inline-flex;align-items: center;gap: 10px;background: rgba(244,139,32,0.18);border: 1.5px solid rgba(244,139,32,0.5);border-radius: 100px;padding: 10px 22px;font-weight: 600;animation: fadeDown 0.7s ease 0.4s both;}
.weekly-digest .pagecontent .badge:before { content: '\f0e0'; font-family:FontAwesome; }
.weekly-digest .why-box p, .weekly-digest .why-box .introduction {padding: 5px 0px;}
.weekly-digest .titletxt {color: var(--darkpurple); font-size: 160%; padding: 0px 0px; }
.weekly-digest .box .std_content_inner { display: flex; gap: 18px; margin-bottom: 20px; padding: 20px 22px;  background: #fff;  border-radius: 12px; border: 1px solid #e8dde8;transition: box-shadow 0.2s, transform 0.2s; animation: fadeUp 0.5s ease both; }
.weekly-digest .box h3 { color: var(--darkpurple); }
.weekly-digest .box:first-of-type h3::before { content: '\1F4EC'; display: inline-block; margin-right: 5px;}
.weekly-digest .box .titleimg {height: 46px;width: 46px;background-color: var(--orange);display: inline;border-radius: 10px;float: left;text-align: center;line-height: 46px;min-width: 46px;}
.weekly-digest .box .titleimg img { vertical-align: middle;  }
.weekly-digest .box:hover {box-shadow: 0 8px 28px rgba(112, 20, 114, 0.1);}

.weekly-digest form {background-color: white !important; }
.weekly-digest form label {text-transform: uppercase; color: var(--darkpurple) !important;}
.weekly-digest form input[type=text], .weekly-digest form input[type=password], .weekly-digest form textarea, .weekly-digest form select {background-color:#fffcf9 !important;}
.weekly-digest .weeklyopps .title {display: flex; align-items: center;  gap: 12px; margin-bottom: 16px;}
.weekly-digest .weeklyopps .titletext h3 {color: var(--darkpurple); text-transform: uppercase;}
.weekly-digest .weeklyopps .titletext p {padding: 0px; }
.weekly-digest .weeklyopps .titleimage { background-color: var(--darkpurple); text-align: center; width: 36px; height: 36px; line-height: 36px; border-radius: 10px;}
.weekly-digest .weeklyopps>p:last-of-type {text-align: center; color: var(--orange); font-weight: 600; padding: 20px 0px; font-size: 85%; }
.weekly-digest .weeklyopps img {width: 21px; height: 21px; vertical-align:middle; }
.weekly-custom {margin-top: 32px; background:#fef3e8;  border-radius: 14px;   border: 1.5px solid rgba(244, 139, 32, 0.25);padding: 24px;}
.weekly-custom .opportunity { background: #fff; border-radius: 8px; padding: 12px 14px; border-left: 3.5px solid var(--orange); margin-bottom: 10px; font-size: 90%;}
.weekly-custom .opportunity .details { color: var(--darkpurple) !important; font-weight: 600; display:grid; gap: 10px; padding-bottom: 10px;  }
.weekly-custom .opportunity .details a {color: var(--darkpurple) !important; font-weight: 600;}
.weekly-digest .weeklyopps .moreinfo { display: inline}
.weekly-digest .weeklyopps .moreinfo div {display: inline;}

.weekly-digest .top-container>.items { max-width: 1100px; margin: 0 auto; padding: 60px 24px 80px; display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: start;}
.quick-register .memb_account h3 {color: var(--darkpurple); font-size: 150%;  border-left: 3px solid; border-image: linear-gradient(to bottom, var(--orange), var(--darkpurple)) 1; padding-left: 10px; border-radius: 4px;}
.quick-register .memb_account p { padding: 15px 0px 20px 15px;}
.quick-register .memb_account .formfooter {padding-top: 20px;}
.quick-register .memb_account .formfooter p, .weekly-digest .memb_account .formfooter .bottom { padding: 0px 0px 0px 0px; text-align: center; font-size: 85%;}
.quick-register .memb_account .formfooter a { color: var(--orange); font-weight: 600}
.quick-register .memb_account .formfooter .bottom { display:flex; justify-content: space-between;font-size: 85%; padding-bottom: 20px; max-width: 420px; margin: auto;}
.quick-register .memb_account .formfooter .bottom i { color: var(--orange)}
.quick-register .memb_account .formfooter hr { margin: 20px 0px }
.quick-register .memb_account form .buttons {margin-top: 80px;}
.quick-register .memb_account form .buttons input[type=submit] { width: 100%; padding: 10px 0px !important;}
.quick-register .memb_account form { box-shadow: 0 6px 40px rgba(112, 20, 114, 0.1); } 

body:has(.noheader) .layoutheader, body:has(.noheader) .layoutfooter {display: none;}
body:has(.noheader) .std_contentpage { max-width: 100% !important; }
body:has(.noheader) { margin-top: 0px !important;} 

@media( max-width: 1100px )
{
   .weekly-digest .top-container .items {  grid-template-columns: 1fr; }
   .weekly-digest .top-container>.items {  display: flex; flex-direction:column-reverse; } 
}
@media(max-width: 500px ) {
   .weekly-digest .box .std_content_inner { display: grid; width: 100%;   }
   .quick-register .memb_account .form { padding: 0px;}
   .weekly-digest .pagecontent .badge { align-items: unset; }
   .weekly-digest .weeklyopps .title {display: grid;}
}

.weekly-digest .weekly-connect {background-color:var(--darkpurple); color: #fff; }
.weekly-digest .weekly-connect h2 { color: #fff; width: 100%; }


.weekly-digest .weekly-connect { background-color:var(--darkpurple); color: #fff; text-align: center; padding-top: 50px; margin: 0px auto; }
.weekly-digest .weekly-connect h2 { color: #fff; width: 100%; }
.weekly-digest .weekly-connect .content {max-width: 600px; margin: auto; padding: 50px 0px; text-align: center; }
.weekly-digest .stats-row {display: flex; justify-content: space-around;}
.weekly-digest .stat-num { color: var(--orange); font-size: 300% }
.weekly-digest .opptop {text-align: center; display:block !important; }

.quick-register .memb_account .field_multiselect ul { display: flex;flex-wrap: wrap;gap: 5px; }
.quick-register .memb_account .field_multiselect li label {text-transform:unset; padding: 1px; display: inline-block; border: 1px solid var(--darkpurple); border-radius: 15px; padding-right: 30px; cursor:pointer; }
.quick-register .memb_account .field_multiselect li label:has(input:checked) { background: var(--orange); color: #fff !important; border: 1px solid var(--orange); border-radius: 10px; padding-right: 30px; display: inline-block}
.quick-register .memb_account .field_multiselect input[type="checkbox"] { height: 0px; width: 0px;}
.quick-register .field_haserror input[type=text], .quick-register .field_haserror select, .quick-register .field_haserror input[type=password] { border: 1px solid var(--orange) !important;}
.quick-register .memb_account .errors {margin: 10px 0px;}
.quick-register .memb_account #fb-MembExtSkills-div > .label label {background-color:red; line-height: 0px !important; padding-top: 0px;}
.quick-register .memb_account #fb-MembExtCauses-div ul  { padding-top: 20px; } 
.quick-register .memb_account #fb-MembExtSkills-div, .quick-register .memb_account #fb-MembExtTypes-div   { padding: 0px; } 

.refresh.event_list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0; padding: 0; list-style: none;}
.refresh.event_list li.event { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,.08); transition: all .25s ease; }
.refresh.event_list li.event:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.refresh.event_list .image { height: 180px; overflow: hidden; }
.refresh.event_list .image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
/* .refresh.event_list li.event:hover img { transform: scale(1.05); } */
.refresh.event_list .name { padding: 20px 0px 10px 0px!important; margin: 0px 20px 10px 20px; font-size: 1.6rem; font-weight: 700; line-height: 1.3; background-image: unset; border-bottom: 1px solid #efefef;  }
.refresh.event_list .category { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0px 0px 20px;}
.refresh.event_list .category-pill { padding: 10px 20px; border-radius: 5px; color: var(--orange); font-weight: 700; background: #f18b214a; font-weight: 700;}
.refresh.event_list .date, .event_list .time, .event_list .venue { padding: 0px 20px 0px 20px; font-weight: unset; margin-bottom: 10px; }
.refresh.event_list .time:before { content: "\f017"; font-family: FontAwesome; margin-right: 8px; color: var(--orange); min-width: 20px; display:inline-block }
.refresh.event_list .date:before { content: "\f073"; font-family: FontAwesome; margin-right: 8px; color: var(--orange); min-width: 20px; display:inline-block }
.refresh.event_list .venue:before { content: "\f041"; font-family: FontAwesome; margin-right: 8px; color: var(--orange); min-width: 20px; display:inline-block }
.refresh.event_list .abstract { padding: 0 20px; color: #555; line-height: 1.6; flex: 1; }
.refresh.event_list li.event::after { content: ""; display: block; margin-top: auto;}
/*.refresh.event_list .link { display: flex; gap: 12px; padding: 20px; }
.refresh.event_list .link a { text-align: center; text-decoration: none; padding: 12px 16px;}
.refresh.event_list .link a { background-color:var(--orange);color: #ffffff; }*/

.refresh.event_list .link { padding:  0px 0px; margin: 20px 20px; text-align: center;bottom: 0px; width: calc(100% - 40px); left: 0px; background-color: var(--orange); }
.refresh.event_list .link a { display: inline-block; background-color: var(--orange); padding: 15px 20px;color:white;  left:-20px; position:relative;}

.refresh.event_list .link a:before {content: "\e5cc";font-family: "Material Symbols Outlined";font-weight: 300;position: absolute;line-height: 24px;border: 1px solid white;border-radius: 50%;margin-left: 90px;width: 26px;text-align: center;height: 24px;top: 50%;margin-top: -12px;transition: all .33s cubic-bezier(.12,.75,.4,1);} 
.refresh.event_list .link  a:after { position: absolute;  content: '';  border-bottom: 1px solid #fff; height: 1px; width: 22px;  top: 50%; margin-top: -1px; transform: scale(0,1) translateX(0); transform-origin: left;  pointer-events: none;  transition: all .33s cubic-bezier(.12,.75,.4,1); }
.refresh.event_list .link:hover a:before {  margin-left:95px; border: 0px; }
.refresh.event_list .link:hover a:after { border-bottom: 1px solid #fff; width: 20px; height: 1px; width: 22px; margin-left: 4px;transform: scale(1,1) translateX(9px);}
.refresh.event_list .link:hover a { background-color: var(--orange);  }
.refresh.event_list ul li:hover { box-shadow: 0 25px 55px rgba(0,0,0, 0.22); scale: 1.02  }
.refresh.event_list .more-info {color: var(--orange); }


@media (max-width: 991px) {
    .refresh.event_list ul { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .refresh.event_list ul { grid-template-columns: 1fr; }
    .refresh.event_list .image { height: 220px; }
}