/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

:root {
	--black: #222222;
	--white: #ffffff;
	--green: #60ba55;
	--gray: #999ea5;
	--lightgray: #f2f4f7;
	--mediumgray: #dfe2e6;
	--darkmediumgray: #999ea5;
	--darkgray: #484748;
	--red: #ff8383;
}

.feedback_btn {
	background-color: var(--darkgray);
	border-color: var(--darkgray);
	position: fixed;
	bottom: 0;
	right: 0;
	border-radius: 5px 0px 0px 0px;
}

.feedback_btn i {
	font-weight: 300;
}

h2 {
	color: var(--black);
}

@media (min-width: 481px) {
	body .container {
		display: flex;
	}
}

body .container {
	background-color: transparent;

	justify-content: center;
}

#masthead {
	border-bottom: 4px solid var(--green);
}

#masthead .menu-item {
	margin-right: 4px;
}

.current-menu-item::after,
.menu-item:hover::after {
	position: absolute;
	background: #fafbfd;
	height: 65px;
	width: 100%;
	content: "";
	left: 0px;
	top: 16px;
	border-radius: 9px 9px 0 0;
	z-index: -1;
}

body #primary-menu li.current-menu-item a {
	color: var(--darkgray);
	border-bottom-width: 0px;
}

.btn-primary {
	background-color: var(--green);
	border-color: var(--green);
}

.btn-primary:hover {
	background-color: var(--darkgray);
}

.bb-grid-cell:not(.no-gutter),
.bb-grid> :not(.no-gutter) {
	padding-left: 0px;
	padding-right: 0px;
}

.gform_required_legend {
	display: none;
}

.gfield_checkbox input[type="checkbox"]:checked+label:after {
	color: var(--green);
}

.membership-level-Musician #menu-item-186 {
	display: none;
}

/****************/

/** modals maybe? **/

/****************/

.loading_gif {
	background: url(/wp-content/themes/gro_theme/assets/img/gro_loading.svg);
	content: "";
	position: absolute;
	top: 0px;
	right: 40%;
	margin: 0px;
	padding: 0px;
	display: none;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 999;
	background-position: center;
	max-height: 100%;
}

#loading_overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	cursor: pointer;
}

.loading_overlay #loading_gif {
	right: initial;
	max-width: 100%;
	display: block;
}

.facetwp-facet {
	margin-bottom: 1em;
}

.facetwp-selections ul {
	display: flex;
	list-style-type: none;
}

.facetwp-selection-value {
	background: #ececec;
	padding: 4px 7px;
	border-radius: 10px;
	margin: 0.5em;
	cursor: pointer;
	background-image: url("/wp-content/plugins/facetwp/assets/images/icon-close.png");
}

.facetwp-selection-label {
	display: none;
}

.modal-lg {
	max-width: 80vw !important;
}

.facetwp-template {
	width: 100%;
}

.facetwp-facet-song_scale,
.facetwp-facet-song_bpm {
	display: flex;
	justify-content: space-between;
}

.facetwp-facet-song_bpm input {
	width: 50%;
}

.facetwp-facet-song_bpm input.facetwp-submit {
	display: none !important;
}

.arrangement_title {
	cursor: pointer;
}

.bb-icon-l {
	font-size: 1.25em;
}

/****************/

/** Songs **/

/****************/
.back-to-songs-list,
.song_del {
	font-size: 2em;
	cursor: pointer;
}

h3.song-title {
	margin-bottom: 0px;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

/****************/

/** Forms **/

/****************/

body .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
	background-color: var(--green) !important;
}

#ui-datepicker-div {
	z-index: 999999 !important;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	display: none;
}

.gform_wrapper.gravity-theme .ginput_container_time {
	min-width: 45px;
}

.gform_wrapper.gravity-theme .ginput_container_time select {
	min-width: 75px;
}

.gfield_checkbox input[type="checkbox"]+label:before {
	background: transparent !important;
	border-color: var(--bb-primary-color);
}

.editable-pre-wrapped {
	white-space-collapse: collapse;
}

.gig-note-date {
	font-size: .55em;
}

/****************/

/** Single Gig **/

/****************/
body.messages .entry-content .buddypress-wrap {
	max-width: none;
}

.scroll-container::-webkit-scrollbar {
	display: none;
}

.scroll-container {
	-webkit-scrollbar: none;
}

body::-webkit-scrollbar {
	display: none;
}

.gig_section_wrapper {
	background-color: var(--lightgray);
	border: 1px solid var(--mediumgray);
	border-radius: 0px 4px 0px 0px;
}

.gig-left {
	border-radius: 0px 4px 0px 0px;
	padding: 1em;
}

.gig-middle {
	border-radius: 4px 4px 0px 0px;
	margin: 0 2em;
}

.gig-right {
	border-radius: 4px 0px 0px 0px;
	padding: 1em;
}

body .page .gig-left h2,
body .page .gig-right h2 {
	margin-bottom: 0px;
}

.gig-events-list,
.gig-people-list,
.gig-notes-list,
.gig-chat-list,
.gig-player {
	max-height: 300px;
	border: 1px solid #dfe2e6;
	margin-bottom: 2em;
	background-color: var(--mediumgray);
	border-radius: 4px;
}

.gig-event-name h4 {
	margin-bottom: 0px !important;
}

.gig-event-ics-wrapper {
	position: sticky;
	bottom: 0;
	display: flex;
	justify-content: end;
}

.gig-event-wrapper .gig-event-date,
.gig-event-wrapper .gig-location {
	padding-left: 2em;
	display: flex;
}

.gig-event-wrapper i {
	margin-right: .3em;
}

.gig-chat-list {
	max-height: none;
}

#bpse-group-members img {
	display: none;
}

.gig-image img {
	max-width: 200px;
	max-height: 75px;
}

.gig-left-sub-header-items {
	display: flex;
}

.gig-left-sub-content {
	overflow: auto;
}

/* .gig-left-sub-content .card.card-body {
	background-color: #fff;

	box-shadow: 0px -40px 12px -40px #6c757d inset;
} */
.gig-right a.toggle_item {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.card-body-fade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0px -40px 12px -40px #6c757d inset;
}

.dropdown:not(.v-select) {
	background-color: transparent;
	box-shadow: none;
}

.dropdown-toggle::after {
	display: none;
}

.dropdownMenuButton i:before {
	background: var(--darkgray);
	color: var(--white);
	border-radius: 15px;
	font-size: 1.25em;
	padding: 3px;
	width: auto;
}

.dropdown.show .dropdownMenuButton i:before {
	border-radius: 15px 15px 0 0;
}

.dropdown-menu.show {
	border-radius: 0.25rem 0 0.25rem 0.25rem;
	transform: translate3d(-65px, 24px, 0px) !important;
	background: var(--darkgray);
	border-color: var(--darkgray);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 8rem;
}

.dropdown-toggle.dropdownMenuButton {
	display: flex;
	justify-content: space-between;
	width: 61px;
}

.ddm-people.dropdown-menu.show {
	transform: translate3d(-67px, 25px, 0px) !important;
}

.ddm-person-add {
	width: 250px;
	height: 150px;
}

.dropdown-menu.show>span {
	width: 90px;
}

.gig_add_item {
	color: var(--white);
	width: 100%;
}

.gro_person_selected_header {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.band_member_remove,
.band_team_delete {
	cursor: pointer;
}

.delete-gig i {
	font-size: 2em;
}

.gig_list_actions .delete-gig i {
	font-size: 1.5em;
}

.setlist_title_warpper {
	position: relative;
}

a.remove_song_from_setlist,
a.remove_setlist,
a.removetime {
	position: absolute;
	right: 0;
	display: none;
}

.setlist_title_warpper:hover a.remove_setlist {
	display: block;
	color: var(--red);
	top: 0px;
}

.song_row_wrapper:hover a.remove_song_from_setlist,
a.removetime {
	color: var(--red);
	display: block;
}

.song_row_wrapper {
	position: relative;
}

.set_wrapper .drag_icon:before {
	color: #f2f4f7;
}

.set_wrapper:hover h4 .drag_icon:before,
.set_wrapper .song_row_wrapper:hover .drag_icon:before {
	color: var(--mediumgray);
}

.song_row_wrapper .accordian-body {
	background-color: var(--white);
	padding: 5px 10px;
	border: 1px solid var(--darkmediumgray);
}

/****************/

/** Member Directory **/

/****************/
.directory.members .bb-grid.site-content-grid {
	flex-direction: column-reverse;
}

.directory.members aside#bp-profile-search-form-outer {
	flex-direction: column;
	display: flex;
	background-color: transparent;
	border: none;
	padding: 0;
	margin-bottom: 0;
}

.directory.members #primary {
	padding-top: 0%;
}

.directory.members #secondary {
	max-width: 100%;
	flex: 1 auto;
}

.directory.members #secondary .bps-form-title.widget-title {
	display: none;
}

.directory.members #secondary .bps-form.standard-form {
	display: flex;
	justify-content: space-between;
	width: 400px;
}

.directory.members #secondary .bps-form.standard-form .submit-wrapper {
	display: flex;
	flex-direction: column-reverse;
}

.directory.members header.entry-header {
	display: none;
}

.gro-badge {
	background-color: var(--white);
	color: var(--gray);
	border-radius: 4px;
	padding: 0.25em 0.5em;
	border: 1px solid var(--bb-content-border-color);
	font-size: .8em;
	font-weight: 500;
	margin: 3px;
}

.gro-other-skills {
	font-weight: 600;
	color: var(--gray);
	font-size: .75em;
}

.gro-member-item {
	background-color: var(--lightgray) !important;
	align-items: stretch;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
	border-radius: 7px;
}

.gro-member-item .item-title {
	flex: auto;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.is_friend {
	display: none !important;
	/* hide remove connection button */
}


.member-buttons-wrap .btn {
	width: 100%;
	padding-bottom: 10px;
}

.members-list.item-list .item-avatar img.avatar {
	border-radius: 6%;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
	background: transparent;
	border-top: 0px;
}

.member-buttons-wrap,
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	position: relative;
}

#buddypress ul.item-list {
	background-color: transparent;
}

.member-buttons-wrap a {
	color: var(--white);
}

.members-list.awaiting_response #send-private-message,
.members-list.not_friends #send-private-message {
	display: none !important;
}

.members-directory-container .component-navigation.members-nav {
	display: none;
}

.members-directory-container .grid-filters {
	display: none;
}

.directory.members #secondary {
	display: none;
}

@media screen and (min-width: 75em) {
	.buddypress-wrap .grid.bp-list>li {
		flex: 0 0 19.33%;
		max-width: 19.33%;
	}
}

/****************/

/** My Gigs **/

/****************/

ul.gro_gigs_members_wrapper {
	list-style-type: none;
	display: flex;
	padding-left: 1em;
}

li.gro_gigs_members_item {
	margin-left: -1.35em;
}

.gro_gig_big_date {
	width: 100px;
	border-right: 1px solid #777;
}

.big_date_day {
	font-size: 2em;
}

.gig-item-wrapper.norm {
	background: #faf9f9;
}

.gig-item-wrapper tr {
	border-top: 1 px solid #dfe2e6;
}

.gig-item-wrapper td {
	border-top: 0px;
}

.gro_gig_info_wrapper .gro_gig_title {
	border-left: 3px solid var(--green);
	background: var(--mediumgray);
	color: #000;
	padding-left: 3px;
}

.badge-light {
	color: #fff;
	background-color: var(--green);
	border-radius: 11px;
	width: 20px;
	height: 20px;
	line-height: 13px;
	vertical-align: super;
}

.ui-widget-header {
	border-color: var(--darkgray);
	background-color: var(--green);
}

/****************/

/** Fixing Buddyboss **/

/****************/
.container {
	max-width: 100% !important;
	padding: 0 0px !important;
	background-color: #fff;
}

@media screen and (min-width: 800px) {

	.bb-buddypanel .bb-footer,
	.bb-buddypanel .header-search-wrap,
	.bb-buddypanel .site-content,
	.bb-buddypanel .site-header {
		padding: 0 0px !important;
	}
}

.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #primary,
body.buddypress.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #page #primary {
	max-width: 100% !important;
}

.bb-grid {
	width: 100% !important;
}