/* $Id:main.css 9305 2011-09-21 22:44:01Z john $ */


/* DEFAULT PHOTO THUMB */
.bg_item_nophoto.bg_item_photo_group:before{
  content:"\f0c0";
}
.bg_item_nophoto.bg_item_photo_group_topic:before,
.bg_item_nophoto.bg_item_photo_group_post:before{
  content:"\f075";
}
/* ITEM TYPE ICONS */
.item_icon_group:before,
.activity_icon_post_group:before{
	content:"\f0c0";
	font-weight:900 !important;
}
.item_icon_group_topic:before,
.item_icon_group_post:before{
	content:"\f075";
}
.item_icon_group_album:before,
.item_icon_group_photo:before{
	content:"\f03e";
}
/* NOTIFICATION TYPE ICONS */
.notification_type_group_discussion_response:before,
.notification_type_group_discussion_reply:before{
	content:"\f075";
}
.notification_type_group_invite:before{
	content:"\f0c0";
	font-weight:900 !important;
}
.notification_type_group_approve:before{
	content:"\f0c0";
	font-weight:900 !important;
}
.notification_type_group_accepted:before{
	content:"\f0c0";
	font-weight:900 !important;
}
.notification_type_group_promote{
	position:relative;
}
.notification_type_group_promote:before{
	content:"\f2bb";
}
/* ICONS */
.icon_group_promote,
.activity_icon_group_promote,
.icon_group_demote{
	position:relative;
}
.icon_group_new:before{
	content:"\f067";
	font-weight:900 !important;
}
.icon_group_edit:before{
	content: "\f044";
	font-weight: 400;
}
.icon_group_delete:before{
	content:"\f056";
	font-weight:900 !important;
}
.icon_group_join:before{
	content:"\f067";
}
.icon_group_leave:before{
	content:"\f00d";
	font-weight: 700 !important;
}
.icon_group_photo_view:before{
	content:"\f03e";
}
.icon_group_post_new:before{
	content:"\f075";
}
.icon_group_accept:before{
	content:"\f234";
	font-weight:900 !important;
}
.icon_group_reject:before{
	content:"\f235";
	font-weight:900 !important;
}
.icon_group_cancel:before{
	content:"\f235";
	font-weight:900 !important;
}
.icon_group_demote:before{
	content:"\f2bb";
	font-weight:900 !important;
}
.icon_group_promote:before{
	content:"\f2bb";
	font-weight:900 !important;
}
.group_profile_notification:before{
	content:"\f0f3";
}
.activity_icon_group_join:before{
	content:"\f234";
	font-weight:900 !important;
}
.activity_icon_group_promote:before{
	content:"\f2bb";
	font-weight:900 !important;
}
.activity_icon_group_promote:after{
	content:"\f067";
	font-weight:900 !important;
}


/*
VIEW GROUP
These styles are used on the view group page, i.e.
the group's profile page
*/
#group_photo img,
#group_photo span{
  width:100%;
	height:100%;
}
#group_photo span{
  padding-top:100%;
}
div.group_info > h4{
	margin-bottom:1.1em;
}
div.group_info > ul{
	margin-bottom:10px;
	overflow:hidden;
}
div.group_info > ul > li{
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
}
div.group_info > ul > li > div{
	float:left;
	clear:left;
	width:120px;
}
div.group_info > ul > li > div + div{
	float:none;
	clear:none;
	overflow:hidden;
	width:auto;
}
.layout_group_profile_info > ul{
 +foreground;
}
.layout_group_profile_info > ul > li{
	overflow:hidden;
	display: flex;
	flex-direction: column;
	gap: 0.3125rem;
}
.layout_group_profile_info > ul > li + li{
	margin-top:0.625rem;
	line-height:170%;
}
.layout_group_profile_info .group_stats_title > a{
  font-size:var(--theme-font-size-small);
}
.group_stats_staff a{
	color:var(--theme-font-color);
}
.layout_group_profile_info .group_stats_info ul li{
	display:flex;
	align-items:center;
	font-size:var(--theme-font-size-small);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.layout_group_profile_info .group_stats_info ul li span{
	overflow:hidden;
	text-overflow:ellipsis;
}
.layout_group_profile_info .group_stats_info ul li i{
	width:15px;
	text-align:left;
	margin-right:5px;
	padding-left:2px;
}
[dir="rtl"] .layout_group_profile_info .group_stats_info ul li i{
	margin-right:0;
	margin-left:5px;
}
/* photos tab */
div.group_photos > ul{
	clear:both;
	overflow:hidden;
	margin:20px 0px 20px 0px;
}
div.group_photos > ul > li{
	float:left;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	margin-right:20px;
	height:170px;
}
div.group_photos > ul > li > div{
	float:left;
	overflow:hidden;
	padding:3px;
  border-width:1px;
}
div.group_photos > ul > li > div:hover{
 border:1px solid var(--theme-border-color);
}
div.group_photos > ul > li > div img{
	display:block;
}
@media(max-width:767px){
	html div.group_photo_view{
		max-width:100%;
		min-width:100%;
	}
	html div.group_photo_view #media_photo{
		max-width:100%;
	}
}

/*
VIEW GROUP PHOTO
These styles are used on the view photo page within
an album.
*/
#global_page_group-photo-view #global_content,
#global_page_group-photo-view #global_content .layout_middle{
  overflow:visible;
}
div.group_photo_view{
	margin:25px auto 0px auto;
	max-width:750px;
	min-width:400px;
	overflow:visible;
}
div.group_photo_view #media_photo{
  border-width:1px;
	margin:auto;
	display:block;
	max-width:720px;
}
div.group_photo_view .group_photo_nav{
	clear:both;
	overflow:hidden;
	margin-bottom:4px;
}
div.group_photo_view .group_photo_nav > div{
	float:left;
	overflow:visible;
}
[dir="rtl"] div.group_photo_view .group_photo_nav > div{
	float:right;
}
div.group_photo_view .group_photo_nav > div + div{
	float:none;
	text-align:right;
}
[dir="rtl"] div.group_photo_view .group_photo_nav > div + div{
	float:left;
	text-align:left;
}
div.group_photo_view .group_photo_nav > div + div > a + a{
	margin-left:20px;
}
[dir="rtl"] div.group_photo_view .group_photo_nav > div + div > a + a{
	margin-left:0px;
	margin-right:20px;
}
div.group_photo_info{
	border-radius: var(--theme-item-radius);
	text-align:center;
	padding:10px;
	border:5px solid var(--theme-border-color);
}
div.group_photo_info p{
	text-align:left;
}
[dir="rtl"] div.group_photo_info p{
	text-align:right;
}
div.group_photo_container{
	position:relative;
	display:inline-block;
}
div.group_photo_container a:link{
	text-decoration:none;
}
div.group_photo_view > span + div > a{
	display:block;
	margin-bottom:5px;
	text-align:center;
}
div.group_photo_view > span + div > a:link{
	display:block;
	margin-bottom:5px;
	text-align:center;
}
div.group_photo_info .group_photo_title{
	margin-top:5px;
	font-weight:var(--theme-font-weight-bold);
}
div.group_photo_info .group_photo_description{
	margin-top:3px;
 font-size:var(--theme-font-size-small);
}
div.group_photo_info .group_photo_owner{
	margin-top:3px;
 font-size:var(--theme-font-size-small);
}
div.group_photo_info .group_photo_title + .group_photo_tags,
div.group_photo_info .group_photo_description + .group_photo_tags{
	margin-top:15px;
}
div.group_photo_info .group_photo_tags{
 font-size:var(--theme-font-size-small);
	margin-top:5px;
}
div.group_photo_info .group_photo_date{
 font-size:var(--theme-font-size-small);
	margin-top:5px;
}
div.group_photo_view > div.comments{
	margin-top:15px;
}

/*INVITE FORM*/
#group_form_invite #users-label{
	display:none;
}
#group_form_invite #users-element{
 border:1px solid var(--theme-border-color);
	padding:7px 10px 7px 10px;
	max-height:200px;
	overflow-y:auto;
	margin:10px 0px 10px 0px;
}

/*EDIT MEMBER TITLE FORM*/
#group_form_title #title-label{
	display:none;
}
#group_form_title #fieldset-buttons{
	margin-top:10px;
}
#group_form_title .form-elements{
	margin-top:10px;
}

/*TAGS FOR MESSEAGE RECIPIENTS*/
.tag.tag_group:before{
	content:"\f0c0";
	font-family:'Font Awesome 6 Free';
	margin-right:8px;
	font-weight:900 !important;
}
@media (max-width:600px){
	html .group_photos_list .thumbs_photo{
		height:120px !important;	
	}
}
@media(min-width:768px){
	.thumbs_group > li{
		max-width:23% !important;
		min-width:23% !important;
	}
}