/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


/* user img in nav bar */

.user-link img {
	background-color: white;
}

#bp-activity-privacy-point, #whats-new-form #whats-new-status > #bp-activity-privacy-point * {
	color: #aa0b8480;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar {
	display:none;
}

.bs-single-body .tribe-events-event-image {
	padding-top: 0;
}

.bs-single-body .tribe-events-event-image img {
	position: relative;
}

.login-link-container {
	display: none;
}

/* Events Custom CSS */
.tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-row-header {
	background-color: #aa0b84;
}

.tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-row-header .tribe-events-calendar-list__event-datetime-tag-datetime {
	color: white;
}

.bs-single-body {
	width: 66% !important;
}

.bs-single-pri-meta {
	width: 33% !important;
}

/* media query for mobile */
@media only screen and (max-width: 767px) {
	a.login-link {
		/*make it look like a button */
		background-color: #aa0b84;
		color: white;
		padding: 10px 20px;
		border-radius: 5px;
	}
	
	a.login-link:hover {
		background-color: white;
		color: #aa0b84;
	}
	
	.login-link-container {
		display: block;
		padding: 1.5em 1em;
		float:right;
	}

	.bs-single-body {
		width: 100% !important;
	}
	
	.bs-single-pri-meta {
		width: 100%	!important;
	}
}