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

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

/* Hide some element (sometime need to add a class in some view) */

.hide,
#nav-extras-groups-li,
.numbers,
.group-create-nav,
.members-header.page-header,
.entry-title,
.home-expe .item-options{
	display:none !important;
}

/* Added by Dom on January 2021 */

#buddypress .standard-form label[for="send-notice"] {
    margin-bottom: 30px;
    display: none !important;
}

/* Styling the feed (activity) */
#buddypress #item-body form#whats-new-form {
	padding-top: 0px;
}

#buddypress div#subnav.item-list-tabs{
	border-bottom: 1px solid rgba(0,0,0,0.11);
}

#buddypress #activity-stream > li:not(.load-newest):not(.load-more){
	padding:12px;
	border: solid 1px #F2F2F2;
	border-radius: 8px;
	background-color: white;
	width: 97%;
}

/*Typography*/

p,
.entry-content ul,
.entry-content li{
/*	font-family: 'EB Garamond', Garamond, Times, serif;
	font-size: 16px;
	line-height: 1.33em;
*/
}

h1.main-title,
.item-title a{
	font-family: Montserrat;
}

h1.main-title,
.widget-title{
	text-transform: uppercase;
	font-size:48px;
}

.home-expe .widget-title{
	font-size:36px !important;
}

/*Spacings*/
#buddypress div#item-body{
	padding-top:20px;
}

.activity-header.page-header{
	padding:0px 70px !important;
}


/* Global Style */

.col-6.expes-filter .item-list-tabs ul li .buddyboss-select{
	margin-right:3px;
}

.entry-content a{
	text-decoration: underline;
}

#groups-stream li .item-title, #groups-list li .item-title a{
	text-decoration: none !important;
}

p {
	margin-bottom: 0.9em;
}
 /* Captcha input form */
.login form input #captcha_code.input{
	color:#444 !important;
}

input#captcha_code{
	background: rgba(0,0,0,0.15);
}

/*Background for content pages*/
.panel-grid:nth-child(even){
	background-color: transparent !important;
}

.panel-grid:first-child,
#pg-22-2{
    padding-top:0px;
}

/*Styling Group Pages*/


#primary #groups-list .item-avatar a{
    width:100px;
}

/*MediaPress Gallery*/

.mpp-container #mpp-whats-new-avatar a img.avatar.user-4-avatar.avatar-150.photo,
.mpp-container #mpp-whats-new-avatar a img.avatar.user-3-avatar.avatar-150.photo,
.mpp-lightbox-content .mpp-lightbox-activity-container .mpp-lightbox-media-uploader-avatar a img.avatar.user-3-avatar.avatar-150.photo,
.mpp-lightbox-content .mpp-lightbox-activity-container .mpp-activity.mpp-media-activity form #mpp-whats-new-avatar a img.avatar.user-4-avatar.avatar-150.photo,
.mpp-lightbox-content .mpp-lightbox-activity-container .mpp-activity.mpp-media-activity form #mpp-whats-new-avatar a img.avatar.user-3-avatar.avatar-150.photo {

	width: 44px;
	height: auto;
	border-radius:22px;
}
.mpp-lightbox-content .mpp-lightbox-activity-container .mpp-activity.mpp-media-activity form #mpp-whats-new-content #mpp-whats-new-textarea textarea#mpp-whats-new,
.mpp-lightbox-content .mpp-lightbox-activity-container .mpp-activity.mpp-media-activity form #mpp-whats-new-content #mpp-whats-new-options{
	height:90px !important;
}
form#mpp-whats-new-form textarea{
	min-height: 100px;
	width: 100%;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
	/*.mobil-hidden{
		display: none !important;
	}
	*/

	.site{
		min-height: initial;
	}


	h1.main-title,
	.widget-title{
		text-transform: uppercase;
		font-size:21px !important;;
	}
	.home-expe .widget-title{
		font-size:21px !important;
	}

	#buddypress div.item-list-tabs ul li.filter{
		margin: 0 0 10px 0;
	}

	.col-6.expes-search,
	.col-6.expes-filter,
	#buddypress div.item-list-tabs ul li.filter select,
	.buddyboss-select,
	#buddypress div.dir-search{
		width: 100%;
	}

	#buddypress div.dir-search{
		margin-top: 10px;
	}

	.col-6.expes-filter .item-list-tabs ul li .buddyboss-select,
	#groups-order-select .buddyboss-select{
		margin-bottom: 5px;
	}

	.directory #buddypress div.item-list-tabs ul li:not(#members-order-select):not(#groups-order-select):not(#blogs-order-select){
		border:none;
	}

	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


	h1.main-title,
	.widget-title{
		text-transform: uppercase;
		font-size:18px !important;;
	}
	.home-expe .widget-title{
		font-size:18px !important;
	}

	.btn, button, input[type="submit"], input[type="button"]:not(.button-small), input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span, a.button, #create-group-form .remove, #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, .entry-title a.button, span.create-a-group > a, #buddypress div.activity-comments form input[disabled], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    color: #fff;
    font-size: 12px;
    font-family: inherit;
    letter-spacing: 1.2px;
    padding: 8px 4px 8px;
    background-color: #4dcadd;
    border-radius: 4px;
    display: inline-block;
    width: 120px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    border: none;
    line-height: 14px;
    cursor: pointer;
    text-shadow: none;
}
	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px) and (max-width: 1039px) {
	/*.mobil-only{
		display:none;
	}
		*/
	h1.main-title,
		.widget-title{
		  text-transform: uppercase;
		  font-size:21px !important;
		}

	.home-expe .widget-title{
			font-size:21px !important;
		}

	.col-6.expes-search,
	.col-6.expes-filter,
	#buddypress div.item-list-tabs ul li.filter select,
	.buddyboss-select,
	#buddypress div.dir-search{
		width: 100%;
	}


	#buddypress div.dir-search{
		margin-top: 10px;
	}

	.col-6.expes-filter .item-list-tabs ul li .buddyboss-select,
	#groups-order-select .buddyboss-select{
		margin-bottom: 5px;
	}

	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	.mobil-only{
		display:none; /* only on mobile and tablets*/
	}


	/*Styling the home page slider*/
	.bb-slider-wrapper,
	.bb-slide,
	.bb-slider-container .slide_content,
	.bb-slider-container .slide_content_wrap {
    	max-height: 300px !important;
	}

	.home-expe .widget-title{
		font-size:36px !important;
	}

	.col-6.expes-filter {
    	width: 66% !important;
	}

	.col-6.expes-search {
    	width: 34% !important;
	}

	#buddypress div.item-list-tabs ul li.filter select,
	.buddyboss-select{
		width: auto !important;
	}

	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */