/**
 * @package    hubzero-cms
 * @copyright  Copyright (c) 2005-2020 The Regents of the University of California.
 * @license    http://opensource.org/licenses/MIT MIT
 */

/* Intro */
	#introduction:after {
		content: "\f007";
	}

/* Misc */
	iframe {
		border: none;
	}
	.clearfix {
		clear: both;
		height: 0;
		line-height: 0;
	}

/* Page Structure */
	#content.com_members {
		padding: 0; 
	}
	#page_container {
		margin: 0;
		padding: 0;
	}
	#page_sidebar {
		background: #e1e1e1;
		background: rgba(0, 0, 0, 0.1);
	}
	#page_main {
		position: relative;
	}

/* Indentity */
	#page_identity {
		display: none;
		margin: 25px 25px 0px 25px;
		padding: 0;
		position: relative;
		z-index: 305;
		line-height: 1em;
	}
	#page_identity a {
		display: block;
		width: 100%;
		min-height: 100px;
		text-align: center;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		border: none;
	}
	#page_identity a:hover { 
		border: none;
	}
	#page_identity img {
		width: 100%;
		max-width: 100%;
		max-height: 300px;
		object-fit: cover;
		object-position: center;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		border: none;
	}

/* Menu */ 
	#page_menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#page_menu li {
		position: relative;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #eee;
		border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	}
	#page_menu li:first-child {
		border-top: 1px solid #eee;
	} 
	#page_menu li a {
		color: #000;
		position: relative;
		display: block;
		background-image: none;
		padding: 0.4em 4em 0.4em 3.5em;
		border: none;
	}
	#page_menu li a:before,
	#page_menu li a:after {
		content: "";
		position: absolute;
		left: 1.6em;
		top: 50%;
		transform: translate(0, -50%);
		width: 1em;
		font-family: 'Fontcons';
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		background: none;
		speak: none;
		font-style: normal;
		font-weight: normal;
	}
	#page_menu li a:before {
		content: attr(data-icon);
	}
	#page_menu li a:hover {
		border-bottom: none;
		color: #444;
	}
	#page_menu li a:hover:before {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	#page_menu li.active {
		color: #eee;
		font-weight: 500;
	}
	#page_menu li.active>a {
		color: #eee;
		background: #555;
		background: rgba(0, 0, 0, 0.6);
	}
	#page_menu li.active>a:before {
		color: #FFF;
	}
	#page_menu li.active>a:hover {
		border: none;
	}
	#page_menu li .meta {
		position: absolute;
		right: 0.5em;
		top: 0.4em;
		padding: 0;
	}
	#page_menu li .meta .count {
		background: #d1d1d1;
		background: rgba(0, 0, 0, 0.1);
		color: #888;
		text-shadow: 0 1px 1px #fff;
		font-size: 0.9em;
		line-height: 1.2;
		padding: 0.2em 0.4em;
		border-radius: 0.25em;
	}
	#page_menu li.active .meta .count {
		background: #aaa; 
		color: #555;
	}
	#page_menu li .alrt,
	#page_menu li .alrt:hover {
		position: absolute;
		top: 50%;
		left: -15px;
		margin-top: -4px;
		border: 1px solid #a62525;
		-webkit-box-shadow: 0 0 2px #aaa, inset 0 1px 2px #f47575;
		   -moz-box-shadow: 0 0 2px #aaa, inset 0 1px 2px #f47575;
		    -ms-box-shadow: 0 0 2px #aaa, inset 0 1px 2px #f47575;
		     -o-box-shadow: 0 0 2px #aaa, inset 0 1px 2px #f47575;
		        box-shadow: 0 0 2px #aaa, inset 0 1px 2px #f47575;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		    -ms-border-radius: 50%;
		     -o-border-radius: 50%;
		        border-radius: 50%;
		background: #ec1b1c;
		background-image: -webkit-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -moz-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -o-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -ms-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: linear-gradient(top, #ec1b1c, #bc2525);
		padding: 0;
		height: 6px;
		width: 6px;
		color: #fff;
		font-size: 11px;  
		font-weight: normal;
		line-height: 13px;
		z-index: 911;
	}
	#page_menu li.active .alrt,
	#page_menu li.active .alrt:hover {
		border: 1px solid #FFF;
		-webkit-box-shadow: 0 0 2px #666, inset 0 1px 2px #f47575;
		   -moz-box-shadow: 0 0 2px #666, inset 0 1px 2px #f47575;
		    -ms-box-shadow: 0 0 2px #666, inset 0 1px 2px #f47575;
		     -o-box-shadow: 0 0 2px #666, inset 0 1px 2px #f47575;
		        box-shadow: 0 0 2px #666, inset 0 1px 2px #f47575;
	}
	#page_menu li .alrt:before {
		display: none;
	}
	#page_menu li .alrt span {
		position: relative;
		display: block;
		top: 15px;
		left: -9999px;
		min-width: 140px;
		max-width: 180px;
		padding: 5px 10px;
		border: 1px solid #a62525;
		-webkit-box-shadow: 0 0 3px #777;
		   -moz-box-shadow: 0 0 3px #777;
		    -ms-box-shadow: 0 0 3px #777;
		     -o-box-shadow: 0 0 3px #777;
		        box-shadow: 0 0 3px #777;
		color: #777;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		background: #FFF;
	}
	#page_menu li .alrt span:before {
		content: "";
		position: absolute;
		top: -12px;
		left: 5px;
		border: 6px solid transparent;
		border-color: transparent transparent #777 transparent;
	}
	#page_menu li .alrt span:after {
		content: "";
		position: absolute;
		top: -11px;
		left: 5px;
		border: 6px solid transparent;
		border-color: transparent transparent #ec1b1c transparent;
	}
	#page_menu li .alrt:hover span {
		left: -9px;
	}
	#page_menu li .alrt span strong {
		display: block;
		background: #ec1b1c;
		background-image: -webkit-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -moz-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -o-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: -ms-linear-gradient(top, #ec1b1c, #bc2525);
		background-image: linear-gradient(top, #ec1b1c, #bc2525);
		position: relative;
		padding: 5px 10px;
		margin: -5px -10px 5px -10px;
		color: #000;
		font-weight: bold;
		font-size: 1em;
		letter-spacing: 0.1em;
		text-shadow: 0px 1px 1px #eb5f60;
		border-bottom: 1px solid #a62525;
	}

	/* Sub-menus */
	#page_menu li ul {
		list-style: none;
		margin: 0 0 0 30px;
		position: relative;
	}
	#page_menu li ul:after {
		content: "";
		width: 1px;
		background: #eee;
		background: rgba(255, 255, 255, 0.6);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
	}
	#page_menu li ul li {
		margin: 0;
		padding: 0;
		border: none;
	}
	#page_menu li ul li a {
		padding-left: 1em;
	}

	#page_menu li.option-select {
		padding: 0.4em 2em;
	}
	#page_menu.js li {
		display: none;
	}
	#page_menu.js li.option-select,
	#page_menu.js li.option-select select {
		display: block;
	}
	#page_menu.js li.option-select select {
		width: 100%;
	}

/* Member options */
	#member_options {
		list-style: none;
		margin: 1em 2em 0 2em;
		padding: 0;
		position: relative;
	}
	#member_options li {
		margin: 0;
		padding: 0;
	}
	#member_options li a {
		display: block;
		background: #444;
		font-weight: 200;
		padding: 5px 15px;
		border: 1px solid #222;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		text-align: center;
		color: #fff;
	}
	#member_options li a:before {
		font-family: "Fontcons";
	}
	#member_options li a:hover {
		border: 1px solid #000;
		background: #353535;
		color: #fff;
	}

/* Stats graph */
	#member-stats-graph {
		display: block;
		margin: 0 20px 20px 20px;
		text-align: center;
		background: #eee;
		border: 1px solid #DDD;
		padding: 15px 10px;
	}
	#member-stats-graph img {
		width: 140px;
	}
	#member-stats-graph:after {
		content: attr(data-name) "'s \a " attr(data-type);
		white-space: pre;
		display: block;
		font-size: 10px;
		line-height: 11px;
		color: #777;
	}
	#member-stats-graph:hover {
		background: #555;
		border: 1px solid #333;
		cursor: url("/core/components/com_members/site/assets/img/zoom_in.png"), move;
	}
	#member-stats-graph:hover:after {
		color: #FFF;
	}

/* Page header */
	#page_header {
		display: flex;
		align-items: center;
		padding: 25px 20px 5px 20px;
		margin-bottom: 5px;
		overflow: hidden;
	}
	#page_options + #page_header {
		margin-right: 11em;
	}
	#page_header h2 {
		color: #444;
		margin: 0px;
		border-bottom: 0px;
		line-height: 1em;
	}
	#page_header h2 a {
		border-bottom: 1px solid #f8f8f8;
		color: #444;
	}
	#page_header h2 a:hover {
		border-bottom: 1px solid #aaa;
	}
	#page_header span {
		color: #777;
		border: none;
		padding: 3px 15px 0 15px;
	}
	#page_header h3 {
		margin: 0;
		padding: 3px 0 0 0;
		color: #999;
		font-size: 16px;
		font-weight: 400;
	}

	#page_header #profile-privacy {
		color: transparent;
		width: 30px;
		height: 30px;
		line-height: 1;
		border: none;
		display:block;
		padding:0;
		background-image: none;
		overflow: hidden;
	}
	#page_header #profile-privacy:before {
		content: "\f0eb";
		font-size: 30px;
		color: #ccc;
		font-family: 'Fontcons';
		background-image: none;
	}
	#page_header #profile-privacy.private:before {
		content: "\f023";
		color: #353535;
	}

/* Page options */
	#page_options { 
		list-style: none;
		position: absolute;
		top: 20px;
		right: 20px;
		margin: 0;
		padding: 0;
	}
	#page_options li {
		margin: 0;
		padding: 0;
	}

	#page_notifications {
		margin: 0 20px;
	}

	#page_content {
		margin: 15px 20px;
	}
	#page_content h3.section-header {
		display: none;
	}

/* Member Messages */
	#sbox-content .hub-mail {
		background: url("/core/plugins/members/messages/assets/img/mail_bg.png") repeat 0 0;
		padding: 10px;
		width: auto;
		min-height: 380px;
	}
	#sbox-content .hub-mail .cont {
		background: #FFF url('/core/plugins/groups/messages/assets/img/mail-send.png') no-repeat 98% 4%;
		border: 1px solid #efefef;
	}
	#sbox-content .hub-mail .cont label {
		padding: 0.5em 0;
		margin: 0 10px;
		border-bottom: none;
		color: #777;
		display: block;
	}
	#sbox-content .hub-mail .cont h3 {
		background: none;
		border: none;
		text-shadow: none;
		padding: 0.5em 0;
		margin: 5px 10px 0 10px;
		filter: none;
	}
	#sbox-content .hub-mail .cont #msg-to {
		width: 350px;
		display: block;
	}
	#sbox-content .hub-mail .cont input[type=submit] {
		width: auto;
	}
	#sbox-content .hub-mail .cont .hint {
		font-size: 0.85em;
		color: #999;
		display: block;
	}
	#sbox-content .hub-mail .cont .required {
		color: #f00;
		font-size: 0.6em;
		text-transform: uppercase;
	}
	#sbox-content .hub-mail #members {
		display: block;
		width: 50%;
	}
	#sbox-content .hub-mail .width-65{
		width: 65%;
	}
	#sbox-content .hub-mail .smallinput {
		width: 1px;
	}
	#page_sidebar .message-member a {
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		border: none;
	}
	#page_sidebar .message-member a:before { 
		content: "\2709";
		font-family: "Fontcons";
		margin-right: 1em;
	}
	#page_sidebar .message-member a:hover {
		border: none;
	}

/* Entries */
	.members-container,
	.members-container .results {
		background: transparent;
		border: none;
		padding: 1em 0 0 0;
	}
	.results * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.results:before,
	.results:after {
		content: "";
		display: table;
		line-height: 0;
	}
	.results:after {
		clear: left;
	}
	.result-img {
		display: block;
		overflow: hidden;
		border: none;
		position: relative;
		background: #f1f1f1;
		text-align: center;
		width: 50px;
		height: 50px;
		margin: 1.5em auto 0 auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.result-img:hover {
		border: none;
	}
	.result-img img {
		width: 100%;
		max-width: 100%;
	}
	.result-details {
		opacity: 0.7;
		display: block;
		font-size: 85%;
	}
	.result-snippet {
		margin: 0 0 auto 0;
	}
	.result-url a {
		display: block;
	}
	.result-options {
		background-color: rgba(0, 0, 0, 0.02);
		padding: 1em;
		color: #aaa;
		text-align: center;
		font-size: 85%;
	}

	/* Tiles */
	.tiled {
		display: flex;
		flex-wrap: wrap;
	}
	.tiled .result {
		display: flex;
		width: 100%;
	}
	.tiled .result-body {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 2em;
		background: #fff;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-o-transition: all .1s ease-out;
		transition: all .1s ease-out;
		text-align: center;
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.tiled .result-body:hover {
		border: 1px solid rgba(0, 0, 0, 0.3);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}
	.tiled .result-title {
		padding: 1.5em;
		flex: 1 0 auto;
	}
	.tiled .result-snippet {
		display: none;
	}
	.tiled .result-snippet:before {
		content: "";
		clear: left;
		display: table;
		line-height: 0;
	}

	.results .you {
		display: block;
		background-color: #5FBB4D;
		color: #fff;
		padding: .7em .91em;
		text-align: center;
		line-height: 1;
		font-size: 0.9em;
		position: absolute;
		top: 1em;
		left: 1em;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		border-radius: 0.25em;
	}

/* Members Edit CSS */
	#member-picture {
		background-color: #F5F7F2;
	}
	#member-picture fieldset {
		margin: 1.5em 0 2em 0;
		padding: 0.5em 0;
	}

/* Password rules styling */
	.com_members ul#passrules {
		list-style: none;
		margin: 0 2em;
	}
	.com_members ul#passrules li {
		margin: 5px 0;
		padding: 2px 2px 2px 20px;
		position: relative;
	}
	.com_members ul#passrules li:before {
		left: 4px;
		top: 7px;
	}
	.com_members ul#passrules li.empty:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "\2192";
	}
	.com_members ul#passrules li.error {
		font-weight: bold;
	}
	.com_members ul#passrules li.passed {
		text-decoration: line-through;
	}

/* Members Browse Statistics */
	.com_members .aside .container table {
		border: none;
		margin: 1em 0 2em 0;
	}
	.com_members .aside .container table th {
		padding-left: 0;
		text-align: left;
	}
	.com_members .aside .container table td {
		text-align: right;
		padding-right: 0;
	}
	.com_members .aside .container table tr:last-child th,
	.com_members .aside .container table tr:last-child td {
		border-bottom: none;
	}

	.com_members .input-wrap ul {
		list-style: none;
		margin: 0;
	}
	.com_members .input-wrap li {
		margin: 0;
		padding: 0.2em 0;
	}
	.com_members #hubForm li label,
	.com_members .input-wrap li label,
	.com_members .input-wrap li input[type=radio],
	.com_members .input-wrap li input[type=checkbox] {
		width: auto;
		display: inline-block;
		margin-right: 0.5em;
	}
	.com_members .input-wrap li label {
		font-weight: normal;
	}

/* Applied filters */
	.com_members #applied-filters {
		display: block;
		border: 1px solid #E9E9E9;
		padding: 0.5em 1em;
		margin: 0 0 1em 0;
	}
	.com_members #applied-filters ul.filters-list {
		margin: 0.2em 0 0 0;
		overflow: hidden;
	}
	.com_members #applied-filters p {
		float: left;
		margin: 0.4em 1em 0.4em 0;
	}
	.com_members #applied-filters .filters-list li {
		float: left;
		list-style: none;
		margin: 0 0.5em 0.3em 0;
		padding: 0.2em 0.5em;
		background: #d9d9d9;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
	}
	.com_members #applied-filters .filters-list li a.filters-x {
		margin-left: 0.5em;
		color: #aaa;
		border-bottom: none;
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		white-space: nowrap;
		line-height: 1;
	}
	.com_members #applied-filters .filters-list li a.filters-x:before {

	}
	.com_members #applied-filters .filters-list li a.filters-x:hover {
		border-bottom: none;
		color: #222;
	}

/* Add filters */
	.com_members #add-filters {
		display: none;
		background-color: #fff;
		border: 1px solid #E9E9E9;
		padding: 0.5em 1em;
		margin: 0 0 1em 0;
		overflow: hidden;
	}
	.com_members #add-filters p {
		margin: 0;
		text-align: center;
	}
	.com_members #add-filters select {
		width: 100%;
		margin: 5px 0;
	}
	.com_members #add-filters input[type=text] {
		width: auto;
	}

/* Responsive */
@media (min-width: 40em) {
	#page_identity {
		display: block;
	}
	#page_container {
		display: table;
		table-layout: fixed;
	}
	#page_sidebar {
		display: table-cell;
		width: 215px;
		min-width: 215px;
		vertical-align: top;
	}
	#page_main {
		z-index: 555;
		display: table-cell;
		vertical-align: top;
		width: 100%;
		position: static;
	}
	#page_menu {
		margin: 25px 0;
	}
	#page_menu.js li {
		display: block;
	}
	#page_menu.js li.option-select {
		display: none;
	}

	.tiled .result {
		float: left;
		width: 48.25%;
		margin-right: 3.225806451612903%;
	}
	.tiled .result:nth-child(even) {
		margin-right: 0;
	}
}
@media (min-width: 50em) {
	.com_members #add-filters p {
		text-align: left;
	}
	.com_members #add-filters select {
		width: 20%;
		margin: 0.5em 0 0.5em 0.2em;
	}
	.com_members #filter-submit {
		margin-left: 0.8em;
	}

	.tiled .result:nth-child(even),
	.tiled .result {
		width: 31%;
		margin-right: 3.225806451612903%;
	}
	.tiled .result:nth-child(3n) {
		margin-right: 0;
	}
}
@media (min-width: 70em) {

}
@media (min-width: 80em) {
	.tiled .result:nth-child(even),
	.tiled .result:nth-child(3n),
	.tiled .result {
		width: 22.5%;
		margin-right: 3.225806451612903%;
	}
	.tiled .result:nth-child(4n) {
		margin-right: 0;
	}
}