.photo_gallery_wrapper{width:100%;margin:auto;padding-bottom:250px;}
.photo_gallery_div{display:inline-block;margin:15px;}
.gallery_wrapper{width:100%;margin:auto;}
.photo_gallery_thumbnail{min-height:380px;width:270px;background-color:#fff;border:1px solid #eb9d48;}
.photo_gallery_thumbnail >a{text-decoration:none;}
.photo_gallery_img_area{width:268px;height:185px;background-color:#fff;position:relative;}
.photo_gallery_img_area_overlay{position:absolute;height:100%;width:100%;top:0px;left:0px;color:#fff;background-color:rgba(72, 28, 136, 0.8);opacity:0;}
.photo_gallery_img_area_overlay_text{position:absolute;width:100%;height:100%;display:flex;align-items:center;padding:0px 20px;}
.photo_gallery_img_area>img{width:268px;height:185px;object-fit:cover;}
.photo_gallery_activity_text_area{position:relative;min-height:153px;}
.photo_gallery_activity_text_area_overlay{content:"";background-color:rgba(245, 148, 39, 0.9);width:100%;height:110%;position:absolute;top:0px;left:0px;z-index:1;opacity:0;color:#fff;display:flex;align-items:center;padding:0px 20px;}
.photo_gallery_activity_name{padding:10px;font-size:18px;font-weight:bold;color:grey;min-height:153px;}
.photo_gallery_activity_date{padding-left:15px;color:grey;}
.photo_gallery_thumbnail:hover .photo_gallery_activity_text_area_overlay{opacity:1;}
.gallery_container a{margin-bottom:10px;text-decoration:none;}
.gallery_container>a:hover>.gallery-box>.gallery-img-box::after{opacity:0.5;}
.gallery_container>a:hover>.gallery-box>.gallery-img-box>.gallery-organiser{opacity:1;}
.gallery-box{width:270px;height:380px;border:1px solid rgb(2,72,168);display:inline-block;vertical-align:bottom;margin:10px 10px;background-color:rgb(2,72,168);transition:background-color 0.3s, border-color 0.3s;}
.text_under_gallery_container{margin-left:10px;margin-bottom:20px;font-size:18px;}
.time-detail{font-size:.9rem;}
#tabs{border:0 !important;}
#tabs>ul{background-color:#fff;border:0 !important;}
#tabs>ul>li>a{height:30px;text-align:center;margin-top:2px;font-size:1.1rem;margin-bottom:20px;}

 /* 2023-12-4 add orange layer */
.gallery-box:hover{border-color:rgb(39,130,252);background-color:rgb(39,130,252);}
.gallery-img-box{width:268px;height:185px;display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative;}
.gallery-img-box::after{content:"";width:100%;height:100%;background-color:rgba(23,24,117);opacity:0;position:absolute;top:0px;left:0px;}
.gallery-img-box img{width:100.2%;object-fit:contain;height:100%;background-color:#90acdc;}
.gallery-organiser{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;z-index:1;font-size:12px;}
.gallery-box-content{width:90%;margin:auto;color:#fff;}
.acti-name{font-weight:bold;font-size:16px;line-height:1.3em;margin:15px 0px;height:70px;}
@media (max-width:767px){
	.gallery_container{text-align:center;}
	.gallery_wrapper{text-align:center;}
}

/* ricky */
.gallery-img-box iframe{position:relative;z-index:990;}

@media (min-width:1400px){
	.activity-photo-gallery-wrapper .container{max-width:1488px;}
}
	

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{

    border:0px solid #40474a;
}