/* News article */
.pagenews .banner {position: relative; overflow: hidden; background: #28285b;padding: 30px 0px 0px 0px;min-height: 300px;box-sizing: border-box;background-image: url(/images/banners/News_banner_cropped.png);background-repeat: no-repeat;background-position: right;}
.pagenews .banner:before {
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  top: 0px;
  background-image: url(/images/banners/News_banner_cropped.png);
  background-position: left;
  transform: rotate(180deg);
}
.pagenews .banner-inner { max-width: 800px; margin: 0px auto 0px auto; position: relative; left: 50%; margin: 0px -275px 0px;}
.pagenews .banner .category { width: 240px; float: left; color: #27c1a3; padding: 30px 0px 0px 0px; font-weight: bold; }
/*.pagenews .banner .title {float: left;  }*/
.pagenews .banner h1 { color: #ffffff; font-size: 400%; line-height: 0.9em; }
.pagenews .banner h2 { color: #27c1a3; font-size: 150%; font-weight: normal;  }
.pagenews .banner h3 {color: var(--lightblue); font-size: 200%;font-family: Poppins;font-weight: 200;padding-top:20px; }
.pagenews .content { clear: both; max-width: 1020px; margin: 0px auto 0px auto; }
.pagenews .leftColumn {float: left;width: 250px;padding: 0px 60px 0px 0px;box-sizing: border-box;min-height: 1px;color: #1b1862;min-height: 70px;}

/* .pagenews .middleColumn { float: left; width: 540px; min-height: 1000px; border-bottom: 3px solid var(--lightblue); padding-bottom: 50px; } */
.pagenews .middleColumn { float: left; width: 760px; min-height: 1000px; border-bottom: 3px solid var(--lightblue); padding-bottom: 50px; }
.pagenews .imageGallery .image { float: left; width: 540px; }

.pagenews .imageGallery .rightColumn {float: left;width: 220px;padding: 0px 0px 0px 5px;box-sizing: border-box;min-height: 1px;}
.pagenews .imageGallery .rightColumn div:nth-of-type(3) {display: none;}
.pagenews .imageGallery .rightColumn img {width: 100%;height: 145px;margin-bottom: 5px;padding:0px 0px 0px 0px;}
.pagenews .imageGallery .rightColumn div:nth-of-type(2) img { height: 150px; margin-bottom: 0;}

.spacer { clear: both; }

.pagenews .moduletable._yourstories h3 {font-size: 130%;}


.pagenews .addthis_inline_share_toolbox .at-share-btn-elements { float:left; }
.pagenews .addthis_inline_follow_toolbox .at-share-btn-elements { float: left; }
.pagenews .addthis_inline_follow_toolbox p {display:none;}

.pagenews .middleColumn img {padding: 0px 0px 10px 0px;}

.pagenews .maincontent img { width: 100%; height: auto; }
.pagenews .caption, .pagenews figure {margin-bottom: 40px;}
.pagenews .caption ul, .pagenews figure figcaption {  margin-left: 10px; }
.pagenews .caption li, .pagenews figure figcaption { font-size: 85%; line-height: 1.4em }
.pagenews .caption li::before, .pagenews figure figcaption:before {content: "\2022"; color: var(--green); font-size: 170%; display: inline-block; width: 0.5em; margin-left: -0.5em; }


.pagenews .article ul { margin-bottom: 20px; }
.pagenews .article li { list-style-type: disc; list-style-position: inside; margin-bottom: 0.5em; }

.pagenews .maincontent {min-height: auto; display: inline-block; padding-bottom: var(--modulegap);}
.pagenews .leftColumn ul li  { margin-bottom: 20px; }
.pagenews .leftColumn .moduletable._yourstories {padding: 20px 0px 10px 0px;}
.pagenews .leftColumn .moduletable._yourstories ul.latestnews { height: auto; }
.pagenews .leftColumn .section3, .pagenews .leftColumn .section5 { padding-bottom: 20px;}
.pagenews .leftColumn .joinNow {display: block;font-family: 'Poppins';font-weight: 600;color: #ffffff;background-color: var(--navy);padding: 13px 23px 13px 23px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 23px center;font-size: 120%;line-height: 1;}
.pagenews .leftColumn .donateNow {display: block;font-family: 'Poppins';font-weight: 600;color: #ffffff;background-color: var(--red);padding: 13px 23px 13px 23px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 23px center;font-size: 120%;line-height: 1;}
.pagenews .leftColumn .followUs {display: block;font-family: 'Poppins';font-weight: 600;color: #ffffff;background-color: var(--blue);padding: 13px 23px 13px 23px;border-radius: 5px;background-image: url(/images/structure/whitearrow.png);background-position: right 23px center;font-size: 120%;line-height: 1;}


#carousel_news {  position: relative; width: 100%; height: 100%; max-width: 1200px; margin: 20px auto; }
#carousel_news .jcarousel { position: relative; overflow: hidden; }
#carousel_news .jcarousel .items { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; }
#carousel_news .jcarousel .details { float: left; max-width: 1200px; width: 100%; }
#carousel_news .jcarousel .details .image { display: block;  height: 600px;  line-height:600px; text-align:center; width: 100%; }
#carousel_news .jcarousel .details img { vertical-align: middle; max-height: 600px; width: auto; max-width: 100%; display: initial;}

#carousel_news .jcarousel-next-prev {position: absolute;bottom: 15px;padding-left: 75px;z-index: 2;}
#carousel_news .jcarousel-control-next:hover { background-image: url(/images/structure/next.png);  }
#carousel_news .jcarousel-control-prev:hover { background-image: url(/images/structure/previous.png); }

#carousel_news .jcarousel-control.skip {display: block;position: absolute;bottom: 20px;width: 100%;}
#carousel_news .jcarousel-control a.active {background-color: #ffffff;border: 1px solid #ffffff;}

#carousel_news .thumbnails {padding: 10px 10px 10px 10px; height: 100px;}
#carousel_news .thumbnails .thumbnails_container {display: flex; justify-content: center;}
#carousel_news .thumbnails ul {display: block;text-align: center;margin: 0px auto;}
#carousel_news .thumbnails li { float: left; }
#carousel_news .thumbnails li:hover { cursor: pointer; }
#carousel_news .thumbnails li img { height: 80px; width: auto; margin: 0px 5px 0px 5px; }

.lightbox {display: none;position: fixed;padding: 100px 0px;left: 0;top: 55px;width: 100%;height: 100%;overflow: auto;background-color: #000000;z-index:20;}

.close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }

.pagenews .maincontent .image { position: relative; }
.pagenews .maincontent .image .expandIcon {position: absolute;background-image: url('/components/com_jlgb/assets/expand-icon@2x.png');background-position: center;background-size: cover;z-index: 2;top: 5px;right: 5px;width: 49px;height: 49px;}

.pagenews .maincontent .image img:hover, .pagenews .maincontent .image .expandIcon:hover, .pagenews .rightColumn:hover {cursor: pointer;}
.pagenews .maincontent .image.hover .expandIcon, .pagenews .maincontent .image .expandIcon:hover {background-color: darkgrey;border-radius:50%;}

.pagenews .author {display: none;}
.pagenews .category {/*display: none;*/ color: var(--green); padding-bottom: 35px;}
.pagenews .category .mainCategory { font-weight: bold; font-size: 120%; }

/* Reserve space for AddThis script to load social media icons (required to stop journey lines breaking) */
.pagenews .social { height: 32px; }

@media( max-width: 1039px )
{
	.pagenews .banner {background-image: url(/images/banners/News_banner_mobile.png);background-size: cover;background-position: right center;}
	.pagenews .banner:before {display: none;background-image: url(/images/banners/News_banner_mobile.png);background-size:cover;width: 100%;/*z-index:-1;*/left: 0;}
	.pagenews .content { width: 780px; }
	
	.pagenews .leftColumn {float: none;width: 100%;padding: 0px 0px 0px 0px;}
	.pagenews .leftColumn .moduletable._yourstories {display: none;}
	.pagenews .rightColumn { display: none; float: none; width: auto; padding: 0px 10px 0px 10px; }
	.pagenews .middleColumn { min-height: auto;width: 100%; }

	.pagenews .banner {min-height: auto;height:380px;margin: 0px 0px 25px 0px;}
	.pagenews .banner-inner {max-width: auto;margin: 50px auto 0px auto;position: initial;left: initial;position: relative;z-index: 10;}
	.pagenews .banner-inner .title { font-size: 88%; width: auto;float: none;}
	.pagenews .banner .category { display: none; }
	
	
	.pagenews .maincontent .image { /*max-width: 75%; */ max-width: 100%; width: 100%; height: auto; }
    .pagenews .maincontent .thumbnails {/*display: block;*/ max-width: 25%; float: right; padding-left: 10px; padding-bottom: 10px; }
    .pagenews .maincontent .article { clear: both; }

    .pagenews .category { padding-bottom: 20px;}
    .pagenews .category .mainCategory {font-size: 160%;}
    .pagenews .category .subCategory {font-size: 120%;}

    .pagenews .created {font-size: 110%;float: left;display: inline-block;width: 250px;line-height: 52px;margin-bottom: 5px;}
    .pagenews .social {float: left;display: inline-block;width: 40%;text-align: right;}
    
    .pagenews .social .at-icon-wrapper {width: 40px !important; height: 40px !important; line-height: 40px !important; }
    .pagenews .social .at-icon-wrapper svg {width: 40px !important; height: 40px !important;}

    .pagenews .section3, .pagenews .section4, .pagenews .section5, .pagenews .section6, .pagenews .section7 { display: none; }

	
	#carousel_news .jcarousel-next-prev {display: block;}
	#carousel_news .jcarousel .details { max-width: 100vw; padding: 0px 20px; }
	#carousel_news .jcarousel .details .image { height: 500px;  line-height: 500px;}
	#carousel_news .jcarousel .details img {  max-height:500px;}
}

@media( max-width: 720px )
{   
	#carousel_news .jcarousel-next-prev {display: none;}
}

@media( max-width: 799px )
{    
    .pagenews .banner {background-image: url(/images/banners/News_banner_mobile.png); min-height: 380px; background-size: cover;}
    .pagenews .banner-inner { margin: 85px auto 0px auto; padding: 0px 10px;}
	.pagenews .content { width: auto; }
	.pagenews .maincontent { height: auto; padding: 0px 10px 0px 10px; }
	.pagenews .leftColumn .moduletable._yourstories { display:none; }
	.pagenews .middleColumn { float: none; width: auto; }
	.pagenews .middleColumn h1 { /* width: 70vw; ALICE */ height: auto; font-size: 165%;}
	.pagenews .banner h1{ font-size: 300%; line-height: 1.2em }
	.pagenews .banner h3 { font-size: 180%}
	.pagenews .rightColumn { width: 23vw;position: absolute;top: 315px;right: 10px;}
	.pagenews .rightColumn img { width: 22vw;margin-bottom: 1vw;}
	.pagenews h1 b{font-size: 70%;}
	#carousel_news .jcarousel .details { max-width: 100vw; padding: 0px 20px; }
	#carousel_news .jcarousel .details .image { height: 300px;  line-height: 300px;}
	#carousel_news .jcarousel .details img {  max-height: 300px;}
	
    #carousel_news .jcarousel-next-prev	{ padding-left: 150px; }
}

@media( max-width: 600px ){
	#carousel_news .jcarousel-next-prev	{ padding-left: 25px; }

    .pagenews .created, .pagenews .social { width: 50%; }

}

@media( max-width: 450px ) {
    .pagenews .banner-inner { margin: 50px auto 0px auto; }
	.pagenews .banner h1{ font-size: 250%; }
	.pagenews .banner h3 { font-size: 150%}
}

@media( max-width: 425px ){
	.pagenews .created {width: 100%;float: none;clear: both;line-height: 1.5;}
	.pagenews .social {width: 100%;float: none; clear: both;}
	
	.pagenews .maincontent .image {float: none;max-width: 100%;width: 100%;}
}


.pagenews figure.left {width: 50%;display: inline-block;float: left;padding: 0px 15px 0px 0px;}
.pagenews figure.right {width: 50%;display: inline-block;float: right;padding: 0px 0px 0px 15px;}

@media(max-width:425px){
	.pagenews figure.left, .pagenews figure.right {float: none;width: 100%;padding: 0px 0px 0px 0px;margin-bottom: 20px;}
}


.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}