/********** MODULE - Find box **********/

.moduletable_find_box { padding-bottom: var(--modulegap); }
.moduletable_find_box { max-width: 1040px;border-radius: 5px 5px 5px 5px !important;box-sizing: border-box;}
.moduletable_find_box { background-color: var(--green);padding: 30px 20px 5px 30px;color: #ffffff;}
.moduletable_find_box h3 { font-size: 150%; color: #ffffff; padding: 0px !important}
.moduletable_find_box label {color: #ffffff;font-size: 90%;font-weight:400;}
.moduletable_find_box input {float: left;width: 270px !important; border-radius: 5px 0px 0px 5px !important;font-size: 80%; height: 30px !important; }
.moduletable_find_box button {float: left; border-radius: 0px 5px 5px 0px; background-color:rgb(27, 20, 100); }
.moduletable_find_box button .fa {color: #ffffff;font-size: 110%;}
.moduletable_find_box .searching { clear: both; padding: 10px 0px 10px 0px; }
.moduletable_find_box .results { clear: both; }
.moduletable_find_box .results li {border-bottom: solid #ffffff 1px;padding: 10px 0px 10px 0px;list-style-type: none;}
.moduletable_find_box .results li .name { font-weight: bold; }
.moduletable_find_box .results li .timings { color: #1b1862; }
.moduletable_find_box .results li .link { float: right; padding: 10px 0px 0px 0px; }
.moduletable_find_box .results li .link a { color: #ffffff; padding: 10px 20px 10px 20px; background-color: #1b1862; display: block; border-radius: 10px; font-weight: bold; }
.moduletable_find_box li.noresults  { border:none; }
.moduletable_find_box li.noresults .link  {  float: left; }
.moduletable_find_box .noresultslink a { color: #ffffff; padding: 10px 20px 10px 20px; background-color: #1b1862; display: inline-block; border-radius: 10px; font-weight: bold; }

@media( min-width: 1040px )
{
	.moduletable_find_box { margin-top: 75px; }
	.find_box { width: 360px; float: left; margin: 0px 0px 0px 0px; }
}

@media( max-width: 1039px )
{
	.moduletable_find_box { margin: 75px 10px 0px 10px; }
	.find_box { padding-left: 10px; padding-right: 10px; }
	.find_box li.noresults .link { float: none; display:inline-block;}
	.find_box input { width: 100% !important; max-width: 594px; }
	.find_box h3{font-size: 110%;padding-bottom: 10px;margin-bottom: 10px;}

	.find_box input {max-width: calc(100% - 50px);padding: 5px;}
}

@media( max-width: 719px )
{
	.moduletable_find_box {padding: 20px 20px 0 20px;box-sizing: content-box;min-height: 90px;}
	.moduletable_find_box form label{display: none;}
}

/********** MODULE - Virtual login box **********/

.moduletable_virtual_box { padding-bottom: var(--modulegap); }
.virtual_box { max-width: 1040px;border-radius: 5px 5px 5px 5px !important;box-sizing: border-box;}
.virtual_box { background-color: var(--green);padding: 30px 20px 5px 30px;color: #ffffff;}
.virtual_box h3 { font-size: 150%; color: #ffffff; padding: 0px !important}
.virtual_box label, .virtual_box a {color: #ffffff;font-size: 90%;font-weight:400;}
.virtual_box input {float: left;width: 270px !important; border-radius: 5px 0px 0px 5px !important;font-size: 80%; height: 30px !important; }
.virtual_box button {float: left; border-radius: 0px 5px 5px 0px; background-color:rgb(27, 20, 100); }
.virtual_box button .fa {color: #ffffff;font-size: 110%;}
.virtual_box button.virtuallogin { border-radius: 5px; font-size: 90%; background-color: var(--navy); padding: 5px 25px 5px 15px; color: #ffffff; background-repeat: no-repeat; background-image: url(/images/structure/whitearrow.png); background-position: right 10px center; margin-top: 1em; }
.virtual_box div.links { padding-top: 10px; }
.virtual_box .searching { clear: both; padding: 10px 0px 10px 0px; }
.virtual_box .results { clear: both; }
.virtual_box .results li {border-bottom: solid #ffffff 1px;padding: 10px 0px 10px 0px;list-style-type: none;}
.virtual_box .results li .name { font-weight: bold; }
.virtual_box .results li .timings { color: #1b1862; }
.virtual_box .results li .link { float: right; padding: 5px 0px 0px 0px; }
.virtual_box .results li .link a { color: #ffffff; padding: 10px 20px 10px 20px; background-color: #1b1862; display: block; border-radius: 10px; font-weight: bold; }
.virtual_box li.noresults  { border:none; font-style: italic; }
.virtual_box li.noresults .link  {  float: left; }

@media( min-width: 1040px )
{
	.moduletable_virtual_box { padding-top: 75px; }
	.virtual_box { width: 360px; float: left; margin: 0px 0px 0px 50px; }
}

@media( max-width: 1039px )
{
	.virtual_box { padding-left: 10px; padding-right: 10px; }
	.virtual_box li.noresults .link { float: none; display:inline-block;}
	.virtual_box input { width: 100% !important; max-width: 594px; }
	.virtual_box h3{font-size: 110%;padding-bottom: 10px;margin-bottom: 10px;}

	.virtual_box input {max-width: calc(100% - 50px);padding: 5px;margin: 10px 0;}
}

@media( max-width: 719px )
{
	.virtual_box {padding: 20px 20px 5px 20px;box-sizing: content-box;min-height: 90px;}
	.virtual_box form label{display: none;}
}



/********** MODULE - What we do **********/

.moduletable._whatwedo, .moduletable._people, .moduletable._covid { padding-left: 10px; padding-right: 10px; padding-bottom: var(--modulegap); max-width: 1040px; box-sizing: border-box; position:relative; }
.moduletable._whatwedo .nav, .moduletable._people .nav, .moduletable._covid .nav { display: block; }
.moduletable._whatwedo ul.rootmenu, .moduletable._people ul.rootmenu, .moduletable._covid ul.rootmenu {width: 900px; /*min-height: 460px;*/ margin: 20px auto 0px auto !important; }
.moduletable._whatwedo li, .moduletable._people li, .moduletable._covid li { float: left; width: 210px; text-align:center; margin: 0px 20px 20px 0px; list-style-type: none; }
.moduletable._whatwedo ul::after { clear: left; display: block; content: ''; }
.moduletable._covid li { width: 280px; }
.moduletable._whatwedo li:nth-child(4n), .moduletable._people li:nth-child(4n), .moduletable._covid li:nth-child(3n) { margin-right: 0px; }
.moduletable._whatwedo li a, .moduletable._people li a, .moduletable._covid li a { width: 210px; height: 210px; border-radius: 100%; display: block; box-sizing: border-box; margin: 0px auto 0px auto; text-align: left; }
.moduletable._covid li a { width: 280px; height: 280px; }
.moduletable._whatwedo li img, .moduletable._people li img, .moduletable._covid li img { position: absolute; width: 194px; height: 194px; border: solid white 10px; border-radius: 100%; margin: 8px; }
.moduletable._covid li img { position: absolute; width: 264px; height: 264px; border: solid white 10px; border-radius: 100%; margin: 8px; }
.moduletable._whatwedo li .image-title, .moduletable._people li .image-title, .moduletable._covid li .image-title { position: absolute; display: none; width: 194px; height: 194px; opacity: 0; font-weight: 700; font-size: 150%; padding-top: 70px; text-align: center; color: #ffffff; border: solid white 10px; border-radius: 100%; margin: 8px; box-sizing: border-box; }
.moduletable._people li .image-title { font-size: 120%; padding-top: 60px; }
.moduletable._covid li .image-title { width: 264px; height: 264px; padding-top: 70px; }
.moduletable._whatwedo li:hover .image-title, .moduletable._people li:hover .image-title { display: block; }
.moduletable._whatwedo li:hover img, .moduletable._people li:hover img, .moduletable._covid li:hover img { opacity: 0.5; }
.moduletable._whatwedo li:hover .image-title, .moduletable._people li:hover .image-title { opacity: 1; }
.moduletable._whatwedo li:nth-of-type(8n+4) a, .moduletable._whatwedo li:nth-of-type(8n+7) a { background-color: var(--green); }
.moduletable._whatwedo li:nth-of-type(8n+1) a, .moduletable._whatwedo li:nth-of-type(8n+8) a { background-color: var(--red); }
.moduletable._whatwedo li:nth-of-type(8n+3) a, .moduletable._whatwedo li:nth-of-type(8n+6) a { background-color: var(--yellow); }
.moduletable._whatwedo li:nth-of-type(8n+2) a, .moduletable._whatwedo li:nth-of-type(8n+5) a { background-color: var(--blue); }
.moduletable._covid li:nth-of-type(6n+3) a, .moduletable._covid li:nth-of-type(6n+4) a { background-color: var(--red); }
.moduletable._covid li:nth-of-type(6n+1) a, .moduletable._covid li:nth-of-type(6n+5) a { background-color: var(--yellow); }
.moduletable._covid li:nth-of-type(6n+2) a, .moduletable._covid li:nth-of-type(6n+6) a { background-color: var(--blue); }

@media( max-width: 1039px )
{
	.moduletable._whatwedo {margin: 100px 20px;}
}

@media( max-width: 919px )
{
    .moduletable._whatwedo ul.rootmenu, .moduletable._people ul.rootmenu, .moduletable._covid ul.rootmenu { width: 440px; /*min-height: 920px;*/ }
    .moduletable._covid li:nth-child(3n) { margin-right: 20px; }
    .moduletable._whatwedo li:nth-child(2n), .moduletable._people li:nth-child(2n), .moduletable._covid li:nth-child(2n) { margin-right: 0px; }

    .moduletable._whatwedo li { border: none;border-radius:unset;background-size: contain;text-align:center;}
    .moduletable._whatwedo li a {background-color: unset !important;border: unset;border-radius: unset;/*height: 100%;width: 100%; */}
    .moduletable._whatwedo li img,  .moduletable._whatwedo li:hover .image-title {display: none;}
    .moduletable._whatwedo li:nth-of-type(1) {background-image: url('/images/structure/Friendship.png');/* margin: 10px 10px 10px 0px; */}
    .moduletable._whatwedo li:nth-of-type(2) {background-image: url('/images/structure/Skills.png');/* margin: 10px 0px 10px 10px; */}
    .moduletable._whatwedo li:nth-of-type(3) {background-image: url('/images/structure/Volunteering.png');/* margin: 10px 10px 10px 0px; */}
    .moduletable._whatwedo li:nth-of-type(4) {background-image: url('/images/structure/Adventure.png');/* margin: 10px 0px 10px 10px; */}
    .moduletable._whatwedo li:nth-of-type(5) {background-image: url('/images/structure/Leadership.png');/* margin: 10px 0px 10px 10px; */}
    .moduletable._whatwedo li:nth-of-type(6) {background-image: url('/images/structure/Employability.png');/* margin: 10px 10px 10px 0px; */}
    .moduletable._whatwedo li:nth-of-type(7) {background-image: url('/images/structure/Music.png');/* margin: 10px 10px 10px 0px; */}
    .moduletable._whatwedo li:nth-of-type(8) {background-image: url('/images/structure/Character.png');/* margin: 10px 0px 10px 10px; */}
}


@media( max-width: 459px )
{
	.moduletable._whatwedo ul.rootmenu, .moduletable._people ul.rootmenu, .moduletable._covid ul.rootmenu { width: 380px; /*min-height: 800px;*/ }
	.moduletable._whatwedo li, .moduletable._people li, .moduletable._covid li { width: 180px; }
	.moduletable._whatwedo li a, .moduletable._people li a, .moduletable._covid li a { width: 180px; height: 180px; }
	.moduletable._whatwedo li img, .moduletable._people li img, .moduletable._covid li img { width: 164px; height: 164px; }
	.moduletable._whatwedo li .image-title, .moduletable._people li .image-title, .moduletable._covid li .image-title { width: 164px; height: 164px; padding-top: 50px; font-size: 100%; }
}

@media( max-width: 399px )
{
	.moduletable._whatwedo ul.rootmenu, .moduletable._people ul.rootmenu, .moduletable._covid ul.rootmenu { width: 340px; /*min-height: 720px;*/ }
	.moduletable._whatwedo li, .moduletable._people li, .moduletable._covid li { width: 160px; }
	.moduletable._whatwedo li a, .moduletable._people li a, .moduletable._covid li a { width: 160px; height: 160px; }
	.moduletable._whatwedo li img, .moduletable._people li img, .moduletable._covid li img { width: 144px; height: 144px; }
	.moduletable._whatwedo li .image-title, .moduletable._people li .image-title, .moduletable._covid li .image-title { width: 144px; height: 144px; padding-top: 40px; font-size: 80%; }
}

@media( max-width: 359px )
{
	.moduletable._whatwedo ul.rootmenu, .moduletable._people ul.rootmenu, .moduletable._covid ul.rootmenu { width: 300px; /*min-height: 640px;*/ }
	.moduletable._whatwedo li, .moduletable._people li, .moduletable._covid li { width: 140px; }
	.moduletable._whatwedo li a, .moduletable._people li a, .moduletable._covid li a { width: 140px; height: 140px; }
	.moduletable._whatwedo li img, .moduletable._people li img, .moduletable._covid li img { width: 124px; height: 124px; }
	.moduletable._whatwedo li .image-title, .moduletable._people li .image-title, .moduletable._covid li .image-title { width: 124px; height: 124px; padding-top: 30px; font-size: 60%; }
}


/********** MODULE - People **********/

.moduletable._people li:nth-of-type(20n+1) a, .moduletable._people li:nth-of-type(20n+6) a, .moduletable._people li:nth-of-type(20n+12) a, .moduletable._people li:nth-of-type(20n+15) a { background-color: var(--green); }
.moduletable._people li:nth-of-type(20n+4) a, .moduletable._people li:nth-of-type(20n+5) a, .moduletable._people li:nth-of-type(20n+11) a, .moduletable._people li:nth-of-type(20n+18) a { background-color: var(--red); }
.moduletable._people li:nth-of-type(20n+3) a, .moduletable._people li:nth-of-type(20n+8) a, .moduletable._people li:nth-of-type(20n+14) a, .moduletable._people li:nth-of-type(20n+17) a { background-color: var(--navy); }
.moduletable._people li:nth-of-type(20n+2) a, .moduletable._people li:nth-of-type(20n+9) a, .moduletable._people li:nth-of-type(20n+16) a, .moduletable._people li:nth-of-type(20n+19) a { background-color: var(--yellow); }
.moduletable._people li:nth-of-type(20n+7) a, .moduletable._people li:nth-of-type(20n+10) a, .moduletable._people li:nth-of-type(20n+13) a, .moduletable._people li:nth-of-type(20n+20) a { background-color: var(--blue); }


/********** MODULE - Section banners **********/


.sectionwrapper { padding-bottom: var(--modulegap); }
.sectionbanner { clear: both; padding: 0px 10px 0px 10px; }
.sectionbanner .banner-inner { background-color: var(--blue); max-width: 1020px; height: 100%; margin: 0px auto 0px auto; border-radius:20px;box-sizing: border-box;display: flex;flex-direction:row;}

.sectionbanner .heading1 { color: #ffffff; }
.sectionbanner .description { color: #1b1464; padding: 20px 0px 20px 0px; line-height: 1.8; }
.sectionbanner .readmore a { padding: 10px 40px 10px 10px;background-color: #1a1a56; color: #ffffff; border-radius: 5px;  font-weight: bold; background-image: url(/images/structure/whitearrow.png);background-position: right 20px center;}
.sectionbanner .readmore a:hover {color: #ffffff;}

.sectionwrapper .expandable { padding-top: var(--modulegap); margin: 0px auto 0px auto;max-width: 1040px;width:100%;}
.sectionwrapper .expandable .moduletable., .sectionwrapper .expandable .convertforms { padding-bottom: 0px !important; }
.support-jlgb .sectionwrapper .expandable { overflow: auto; }

.sectionwrapper.about { margin: 100px 0px 100px 0px; }

.sectionbanner h2 { margin: 0px; padding: 0px; font-size: 300%; }

.sectionbanner .leftcolumn { order: 1; float: left; box-sizing: border-box; }
.sectionbanner .rightcolumn { order: 2; float: left; box-sizing: border-box; padding: 0px 0px 0px 4%; }

.sectionbanner_default { height: 400px; }
.sectionbanner_default .image img { max-width: 100%; max-height: 100%; margin-top: 40px; }

.sectionbanner_rounded .leftcolumn { position: relative; z-index: 2; }
.sectionbanner_rounded .leftcolumn .link a {color: #ffffff;margin-bottom: 10px;}
.sectionbanner_rounded .leftcolumn .link img {cursor:pointer;}
.sectionbanner_rounded .rightcolumn { overflow: hidden; box-sizing: border-box; }

.sectionbanner_rounded .rightcolumn .imagebg { border: 7px solid #ffffff; border-radius: 100%; }
.sectionbanner_rounded .rightcolumn .image { width: 100%; height: 0px; padding-bottom: 100%;  background-size: cover;border-radius: 100%; box-sizing: border-box; }

.sectionwrapper:nth-of-type(even) .sectionbanner_rounded .rightcolumn { order: 0; padding: 0px 4% 0px 0px; }

@media( min-width: 1040px )
{
	.sectionbanner .banner-inner {padding: 50px;}
	.sectionbanner .leftcolumn { width: 65%; }
	.sectionbanner .rightcolumn { width: 35%; }
}

@media( max-width:1039px )
{
	.sectionbanner .banner-inner {padding: 40px;}
	.sectionbanner .leftcolumn { width: 60%; }
	.sectionbanner .rightcolumn { width: 40%; }
	.sectionbanner_rounded .rightcolumn { shape-outside: circle(50%); }

	.sectionbanner_rounded .banner-inner { display: block !important; }
	.sectionbanner_rounded .leftcolumn { float: none !important; width: auto !important; }
	.sectionwrapper:nth-of-type(odd) .sectionbanner_rounded .rightcolumn { float: right !important; padding-bottom: 5px; }	
	.sectionwrapper:nth-of-type(even) .sectionbanner_rounded .rightcolumn { float: left !important; padding-bottom: 5px; }	
}

@media( max-width:839px )
{
	.sectionbanner .banner-inner {padding: 30px; }
	.sectionbanner .leftcolumn { width: 55%; }
	.sectionbanner .rightcolumn { width: 45%; }

	.sectionbanner h2{ font-size: 140%; }
	.sectionbanner .description{ line-height: 1.3; font-size: 100%; padding-bottom: 5px; }
}

@media( max-width:639px )
{
	.sectionbanner .banner-inner {padding: 20px;}
	.sectionbanner .leftcolumn { width:50%; }
	.sectionbanner .rightcolumn { width: 50%; }
}


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


.sectionbanner_evolve .leftcolumn { width: 60%; float: left; }
.sectionwrapper:first-of-type .sectionbanner_evolve .rightcolumn { padding-top: 80px; width: 330px; float: left; }
.sectionwrapper:first-of-type .sectionbanner_evolve { height: 400px !important; }
.sectionbanner_evolve { height: 600px !important; }
.sectionbanner_evolve .rightcolumn { padding-top: 8px; width: 330px; float: left; }

.sectionbanner_evolve ul li { display: inline-block; margin: 20px 0px 20px 0px; }
.sectionbanner_evolve ul li a { font-size: 80%; font-weight: 700; color: #ffffff; background-color: rgb(27, 20, 100); padding: 10px 40px 10px 10px; border-radius: 5px; background-image: url(/images/structure/whitearrow.png);background-position: right 20px center;}


.sectionbanner_evolve h2 {font-size: 450%} 
.sectionbanner_evolve .description {font-size: 150%; width: 570px; font-weight: 300;}

.sectionbanner_red .banner-inner, .sectionbanner_red .imagebg {background-color: var(--red);}
.sectionbanner_blue .banner-inner, .sectionbanner_blue .imagebg { background-color: var(--blue); }
.sectionbanner_navy .banner-inner, .sectionbanner_navy .imagebg { background-color: var(--navy); }
.sectionbanner_darkblue .banner-inner, .sectionbanner_darkblue .imagebg { background-color: var(--darkblue); }
.sectionbanner_yellow .banner-inner, .sectionbanner_yellow .imagebg { background-color: var(--yellow); }
.sectionbanner_green .banner-inner, .sectionbanner_green .imagebg { background-color: var(--green); }
.sectionbanner_evolve .banner-inner, .sectionbanner_evolve .imagebg { background-color: #00c8d1; }

.sectionbanner.sectionbanner_navy .description, 
.sectionbanner.sectionbanner_darkblue .description
{color:#ffffff;}
.sectionbanner.sectionbanner_navy a.navybutton,
.sectionbanner.sectionbanner_darkblue a.navybutton  
{ border: 1px #ffffff solid; }


.president .sectionbanner .banner-inner { display: block !important; }
.president .sectionbanner .leftcolumn { float: none !important; width: auto !important; }
.president .sectionbanner .rightcolumn { float: right !important; padding-bottom: 4%; }




/********** MODULE - Testimonials **********/

.moduletable._testimonials { box-sizing: border-box; padding-left: 10px; padding-right: 10px; padding-bottom: var(--modulegap); width: 60%; float: left; }
.moduletable._testimonials ul {height: 190px;background-color: #ffffff;}
.moduletable._testimonials li {width: 592px; line-height: 33px;height: 190px;background-color: rgb(27, 20, 100);color: #ffffff;padding: 45px 40px;border-radius: 10px;text-align: left;/* font-weight: 700; */font-style: italic;font-size: 143%;margin: 0px 20px 0px 0px;box-sizing: border-box;text-align: center;}
.moduletable._testimonials .jcarousel li{width: 592px;}
.moduletable._testimonials li .name{/* font-style: normal; */font-size: 100%;/* font-weight: 700; */}
.moduletable._testimonials li span.quote {display: inline-block;vertical-align:middle;}
.moduletable._testimonials li span.name {margin-top: -5px;display: block;text-align: right;/* padding-right: 20px; */color:rgb(0, 212, 255);font-size: initial;font-weight: 700;font-style: normal;}
.moduletable._testimonials ul li:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.moduletable._testimonials .jcarousel-next-prev {/* margin: 0px 0px 0px 30px; */position: absolute;z-index: 1;}
.moduletable._testimonials .jcarousel-control-prev,
.moduletable._testimonials .jcarousel-control-next {width: 31px;height: 31px;}
.moduletable._testimonials .jcarousel-control.skip {height: 50px;display: block;}

@media( max-width: 1039px )
{
	.moduletable._testimonials li {font-size: 120%;padding: 15px 12px;}

	.moduletable._testimonials li span.quote {vertical-align: initial; text-align: left;}
	.moduletable._testimonials li span.name{font-size: 100%; margin-top: -30px;}


}



/********** MODULE - Donate buttons **********/

.moduletable._donatebuttons { box-sizing: border-box; padding-left: 10px; padding-right: 10px; padding-bottom: var(--modulegap); width: 40%; float: left; }
.moduletable._donatebuttons .custom_donatebuttons {background-color: #FF4F4F;padding: 30px 40px 25px 40px;border-radius: 10px;height: 190px;box-sizing: border-box;}
.moduletable._donatebuttons .custom_donatebuttons p {font-size: 0.85rem;color: rgb(27, 20, 100);font-weight: 700;}
.moduletable._donatebuttons .custom_donatebuttons h3 {color: #ffffff;padding-bottom: 5px !important;font-size: 145%;}
.moduletable._donatebuttons .custom_donatebuttons li { width: 26%; margin-left: 8%; float: left; list-style-type:none;}
.moduletable._donatebuttons .custom_donatebuttons li:first-child { margin-left: 0px; }
.moduletable._donatebuttons .custom_donatebuttons li a { color: #ffffff; font-weight: bold; font-size: 150%; display: block; background-color: rgb(27, 20, 100); border-radius: 8px; text-align: center; padding: 4px; height: 43px;}

.custom_donatebuttons_mobile {display:none;background-color: #FF4F4F;padding: 20px 23px 20px 23px;margin: 0px 10px 80px 10px;border-radius: 10px;overflow: auto;height: 100px;}
.custom_donatebuttons_mobile h3 { color: #ffffff; padding-bottom:15px !important; font-size: 145%;}
.custom_donatebuttons_mobile li {/* width:100%; */max-width: 163px;float: left;list-style-type:none;/* padding: 0; */}
.custom_donatebuttons_mobile li a {color: #ffffff;font-weight: bold;font-size: 150%;display: block;background-color: rgb(27, 20, 100);border-radius: 8px;text-align: center;padding: 0px;/* height: 50px; *//* line-height: 50px; */padding: 2px 30px 2px 10px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 15px center;background-size: 9px;}



@media( max-width: 1039px )
{
	/*
	.moduletable._donatebuttons {margin: 0px 00px 50px 0px;}
	.moduletable._donatebuttons .custom_donatebuttons { height: auto; display: inline-block; }
	*/
    .moduletable._donatebuttons { display: none; }
    
    .moduletable._testimonials { width: 65%; }
    .moduletable._testimonials .jcarousel li {max-width: 100% !important;width: calc(60vw - 20px);}
    .moduletable._testimonials li {height: 100px;}
    .custom_donatebuttons_mobile {display: block;width: calc(35% - 20px);float: left;margin: 0px 10px 50px 10px;margin-top: 39px;box-sizing: border-box;}
}

@media( max-width: 615px )
{
    .custom_donatebuttons_mobile {padding: 10px;}
}

@media( max-width: 600px )
{
	.moduletable._testimonials li { font-size: 100%; line-height: 25px;}
	.moduletable._testimonials .jcarousel-next-prev {margin: 0px 0px 0px 0px; }
	.custom_donatebuttons_mobile { font-size: 90%; }
	.custom_donatebuttons_mobile li a {font-size: 105%; /*text-transform: lowercase;*/ }
}

@media(max-width:480px){
	.custom_donatebuttons_mobile li a { background-image: none; }
}

@media(max-width: 1040px){
	/*
	.moduletable._testimonials { width: 100%; float: none; margin: 0px 0px 0px 0px;}
	.custom_donatebuttons_mobile {width: calc(100% - 20px);height: auto;float: none;margin: 0px 10px 80px 10px;}
	.custom_donatebuttons_mobile li a { background-image: url(/images/structure/whitearrow.png);}
	*/

    /* Request to try keeping textboxes on same row in mobile */
    .custom_donatebuttons_mobile {margin-left: 0;margin-right: 0;width: calc(35% - 10px);font-size:80%;font-weight: 500;overflow: hidden;}
    .custom_donatebuttons_mobile h3 {font-size: 130%;font-weight: 600;}
    .custom_donatebuttons_mobile li a {text-align: center;}
    .moduletable._testimonials li {font-size: 100%;line-height:1.4;}
}
@media (max-width:680px){
			.moduletable._testimonials li {font-size: 70%;line-height:1.4;}
			.moduletable._testimonials ul{height: 100px;}

}

@media(max-width: 425px){
	.moduletable._testimonials .jcarousel-next-prev {position: absolute;bottom: -40px;}
	.moduletable._testimonials .jcarousel-control.skip {padding-left: 0;}
}

/********** MODULE - Twitter **********/

.moduletable._twitter {clear: both;box-sizing: border-box;width: 100%;max-width: 1040px; padding-bottom: var(--modulegap); }
.moduletable._twitter h3 { padding-left: 10px; }
.moduletable._twitter ul {background-color: #ffffff;height: 175px;}
.moduletable._twitter li { cursor: pointer; }
.moduletable._twitter li.status {height: 175px; width: 330px; background-color: var(--blue);color: #ffffff;border-radius: 4px;margin: 0px 5px 0px 10px;}
.moduletable._twitter li .image {float: left;width: 160px;height: 175px;background-size: cover;border-radius: 4px 0px 0px 4px;}
.moduletable._twitter li .text {float: left;width: 160px;height: 175px;padding: 20px;font-size: 75%;line-height: 1.35;box-sizing: border-box;color: rgb(27, 20, 100);font-weight: 600;}
.moduletable._twitter li .text br{content: "A" ; display: block; margin-bottom: 10px;}
.moduletable._twitter li .text strong,
.moduletable._twitter li .text .age{color: white;/* padding-bottom: 10px; */font-size: 105%;}
.moduletable._twitter .age {float: right;}

.moduletable._twitter h3::before { content: "\f099"; font-family: 'FontAwesome'; color: #00d4ff; }

@media( max-width: 720px )
{
	
    .moduletable._twitter li.status {height: 120px;max-width: 507px;width: 80vw; }
    .moduletable._twitter ul{height: 120px;}
    .moduletable._twitter li.status .text {width: 100%;height: 100%;padding: 35px 20px 20px 26px;/*font-size: 110%;*/color: rgb(27,20,100);}
    .moduletable._twitter li.status .text strong {color: #ffffff;}
    .moduletable._twitter li.status .text .age {color: #ffffff;font-weight: 300;}
    .moduletable._twitter li.mediastatus {max-width: 611px;width: 80vw;height: 120px;}
    .moduletable._twitter li.mediastatus .text {width: 50%;box-sizing: border-box;}
    .moduletable._twitter li.mediastatus .image {width: 245px;height: 120px;width: 40%;}
    .moduletable._twitter li .text br{content: "A" ; display: block; margin-bottom: 5px;}
    .moduletable._twitter li.status .text {font-size: 90%;padding: 15px 15px 15px 15px;}

	.moduletable._twitter li.status {margin-right: 10px;}

    .moduletable._twitter li.status .text {padding: 10px;line-height: 1.1;font-size: 76%;width: 60%;padding: 10px 10px 10px 10px;max-height: 114px;overflow: hidden;}
}



/********** MODULE - Our history **********/

.textboxjourney .textbox { background-color: var(--blue); color: #ffffff; margin-bottom: var(--modulegap);  border-radius: 10px; }

.textboxjourney .textbox.ourhistory1{background-color: var(--red);}
.textboxjourney .textbox.ourhistory2{background-color: var(--blue);}
.textboxjourney .textbox.ourhistory3{background-color: var(--yellow);}
.textboxjourney .textbox.ourhistory4{background-color: var(--green);}
.textboxjourney .textbox.ourhistory5{background-color: var(--red);}

.textboxjourney .textbox .spacer { clear: both; }
.textboxjourney .textbox .imageleft { float: left; height: 240px; width: 300px; background-size: cover; background-position: center center; border-radius: 10px 0px 0px 10px; margin-right: 30px; }
.textboxjourney .textbox .title { padding: 30px 30px 10px 0px; }
.textboxjourney .textbox .text { padding: 0px 30px 0px 0px; }
.textboxjourney .textbox .link { padding: 0px 30px 0px 0px; }
.textboxjourney .textbox:last-of-type { margin-bottom: 0px; }

.textboxjourney .textbox.noimage .title, .textboxjourney .textbox .text, .textboxjourney .textbox .link { padding-left: 30px; padding-bottom: 20px; }

.textboxjourney .textbox h2 {font-size: 160%;color: #ffffff;}
.textboxjourney .textbox a { color: #ffffff; }

.textboxjourney.weeklygroups .imageleft, .textboxjourney.experiences .imageleft { height: 350px; }



@media(min-width:1040px)
{
	.our-history .timeline_carousel { display:none; }
	
	.container.textboxjourney, .textboxjourney .expandable { max-width: 1020px; margin: 0px auto 0px auto; }

	.textboxjourney .textbox { max-width: 70%; }	
	.textboxjourney .textbox:nth-child(2n+1) { position: relative; left: 30%; }
}

@media(max-width:1039px)
{
	.our-history .textboxjourney { display: none; }

	.textboxjourney .textbox { margin-left: 10px; margin-right: 10px; }	
	.textboxjourney .textbox .imageleft { width: 30%; }
	.adultvolunteers .textboxjourney .textbox.countmein .imageleft { width: 287px; }
	
	.timeline_carousel { display: block; clear: both; box-sizing: border-box; width: 100%; max-width: 1040px; padding-left: 10px; padding-right: 10px; padding-bottom: var(--modulegap); }
	.timeline_carousel ul { background-color: #ffffff; height: 180px; }
	.timeline_carousel li { cursor: pointer; width: auto; margin: 0px 10px 0px 10px; height: 480px; }
	.timeline_carousel li .textbox { height: 180px; max-width: 300px; width: 300px; background-color: var(--blue); color: #ffffff; border-radius: 10px; }
	.timeline_carousel li .textbox1 { max-width: 480px; width: 480px; }
	.timeline_carousel li .textbox1 .imageleft { float: left; width: 180px; height: 180px; }
	.timeline_carousel li .textbox1 .imageleft img {height: 180px !important; border-radius: 10px 0px 0px 10px; }
	.timeline_carousel li .textbox .title { float: left; width: 300px; padding: 10px 20px 10px 30px; font-size: 120%; color: #ffffff; }
	.timeline_carousel li .textbox .text { float: left; width: 300px; height: 180px; padding: 0px 20px 10px 30px; font-size: 85%; box-sizing: border-box; }

	.timeline_carousel li .textbox{height: 480px;}
	.timeline_carousel li .textbox .imageleft{border-radius: 10px 10px 0px 0px; background-size: cover; height: 200px; background-position: center center; }
	.timeline_carousel li .textbox .title{padding: 20px;}
	.timeline_carousel li .textbox .text{padding-left: 20px;}

	.timeline_carousel li .textbox.ourhistory1{background-color: var(--red);}
	.timeline_carousel li .textbox.ourhistory2{background-color: var(--blue);}
	.timeline_carousel li .textbox.ourhistory3{background-color: var(--yellow);}
	.timeline_carousel li .textbox.ourhistory4{background-color: var(--green);}
	.timeline_carousel li .textbox.ourhistory5{background-color: var(--red);}
}


@media(max-width:699px)
{
	.textboxjourney .textbox .imageleft { width: auto; float: none; margin-right: 0px; height: 240px; border-radius: 10px 10px 0px 0px; }
	.adultvolunteers .textboxjourney .textbox.countmein .imageleft { }
	.textboxjourney .textbox .title { padding-left: 30px; }
	.textboxjourney .textbox .subtitle { padding-left: 30px;}
	.textboxjourney .textbox .text { padding-left: 30px; }
	.textboxjourney .textbox .link { padding-left: 30px; }
	.textboxjourney .textbox { padding-bottom: 30px; }
}

/* Adult Volunteers page */
@media(min-width:1040px){
	.adultvolunteers .textboxjourney .textbox.countmein {max-width: 75%;}
}
.adultvolunteers .textboxjourney .textbox.countmein .imageleft {height: 365px;}

.adultvolunteers .sectionwrapper [class*="role"] {padding: 5px 5px 5px 5px;}
@media(min-width:768px){
	.adultvolunteers .sectionwrapper [class*="role"] { max-width: 50%; }
}

.adultvolunteers .sectionwrapper.getintouch .sectionbanner .banner-inner .leftcolumn { width: 100%; } 
.adultvolunteers .sectionwrapper.getintouch .sectionbanner .banner-inner .rightcolumn { display: none; }
@media (min-width:901px) {
	.adultvolunteers .sectionwrapper.getintouch {height: 400px;}
	.adultvolunteers .sectionwrapper.getintouch .sectionbanner .banner-inner {max-width: 510px;height: 320px;margin: 0px 0px 0px 0px;position: absolute;left: 50%;}
}

.adultvolunteers .topimage_carousel .carousel { padding-bottom: 0; }
.adultvolunteers .topimage_carousel .carousel li { height: 175px; }
.adultvolunteers .topimage_carousel .carousel .carouselitem {height: 175px;/*display: flex;flex-direction: column;justify-content: center;*/}
.adultvolunteers .topimage_carousel .carousel .carouselitem .imagetop { display: none; }
.adultvolunteers .topimage_carousel .carousel .carouselitem .text {position: relative;top: 50px;width: 100%;}

.adultvolunteers #EOIFormVol > .moduletable h3 { display: none; }


@media (max-width:428px) {
	/* Using 428px screen width to ensure large phones eg iPhone 13 Pro Max are included */
	.adultvolunteers .moduletable._virtual_box p:first-of-type { display: none; }
	.adultvolunteers .moduletable._virtual_box p:last-of-type { display: none; }
	.adultvolunteers .topimage_carousel h3 { max-width: 300px; }
}

@media (max-width:425px) {
	.adultvolunteers .topimage_carousel h3 { max-width: 280px; }
}
@media (max-width:375px) {
	.adultvolunteers .topimage_carousel h3 { max-width: 260px; }
}

/* MODULE - JLGB Awards Journey */

.awardsjourney .banner { height: 300px; background-color: #00c8d1; padding: 50px; }
.awardsjourney .banner h1 { font-size: 400%; width: 50%; }
.journey { clear: both; max-width: 1020px; margin: 0px auto 0px auto; box-sizing: border-box; }

.journey .age { color: #ffffff; box-sizing: border-box; width: 120px; height: 120px; background-size: contain; background-repeat: no-repeat; }

.journey .image { width: 50%; box-sizing: border-box; text-align: center; }

.journey:nth-child(odd) .age { padding: 10px 0px 0px 10px; background-image: url(/images/awards/awards-journey-flag.png); float: right; }
.journey:nth-child(odd) .image { float: left; clear: left; }

.journey:nth-child(even) .age { padding: 10px 0px 0px 20px; background-image: url(/images/awards/awards-journey-flag-reversed.png); float: left; }
.journey:nth-child(even) .image { float: right; clear: right; }

.journey .image img {max-width: 100%;width: auto;height: auto;}
.journey .details { box-sizing: border-box; }
.journey .details p {font-size: 90%;}
.journey .details h2 { font-size: 180%; }
.journey .details ul li { display: inline-block; margin: 20px 0px 0px 0px; }
.journey .details ul li a { font-size: 120%; font-weight: 700; color: #ffffff; background-color:  var(--navy); padding: 10px 40px 10px 10px; border-radius: 5px; background-image: url(/images/structure/whitearrow.png);background-position: right 20px center;}


.journey:nth-of-type(2) .details h2 { color: #d1383f; }
.journey:nth-of-type(3) .details h2  { color: #1c4375; }
.journey:nth-of-type(4) .details h2  { color: #b2ca69; }
.journey:nth-of-type(5) .details h2  { color: #666666; }
.journey:nth-of-type(6) .details h2 { color: #db5a6c; }
.journey:nth-of-type(7) .details h2   { color: #80d6e4; }
.journey:nth-of-type(8) .details h2  { color: #934c8f; }



@media( min-width: 1040px )
{
	.journey { padding-bottom: var(--modulegap); }
	.journey .image { max-width: 300px; }
	.journey .details { padding: 20px 30px 0px 0px; width: 50%; }
	.journey:nth-child(odd) .details { float: right; clear: right; }
	.journey:nth-child(even) .details { float: left; clear: left; }

	.journey .content { clear: both; border-top: 1px solid var(--blue);border-bottom: 1px solid  var(--blue); }
}

@media( max-width: 1039px )
{
	.journey { margin-bottom: var(--modulegap); margin-left: 10px; margin-right: 10px; border-top: 1px solid var(--blue);border-bottom: 1px solid  var(--blue); }
	.journey .image { width: 200px; }
	.journey .details { clear: both; }
}