/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*Style of the BACS Information & bitcoin*/
#payment > .wc_payment_methods > .payment_method_bacs > div,
#payment > .wc_payment_methods > .payment_method_paypal > div,
#payment > .wc_payment_methods > .payment_method_bitpay > div,
#payment > .wc_payment_methods > .payment_method_jcc > div,
#payment > .wc_payment_methods > .payment_method_custom > div {
  font-weight: bold !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 2px -2px #888 !important;
}
.checkout .payment_methods .payment_box {
	background-color: #f6f3f3 !important;
}

.user_dashboard_menu {
	margin-bottom: 30px !important;
	padding-bottom: 30px;
	border-bottom: 1px solid lightgray;
}

.user-dashboard .user_dashboard_menubtns {
	padding-top: 30px;
	border-top: 1px solid lightgray;
}
.user-dashboard .panel {
	/*text-align: center;
	padding: 2em;
	background: #666;*/
	
	text-align: center;
	padding: 2em;
	background: white;
	color: gray;
	box-shadow: 2px 2px 2px 2px;
	margin: 15px 5px;
}
.user-dashboard .panel a {
	color: #555;
	text-decoration: none;
	font-size: 18px;
}

.user-dashboard .panel:hover {
	background: #1ea59a;	
}
.user-dashboard .panel:hover a {
	color:white;
}
.user-dashboard .panel a .fa {
	font-size: 300%;
}

.menu-item.user {
	display: none;
}
.logged-in .menu-item.user {
	display: block;
}
.logged-in .menu-item.guest {
	display: none;
}

.wide-pointer {
	overflow: hidden !important;
}
.wide-pointer.hover {
	overflow: visible !important;
}
.wide-pointer.hover .sub-menu {
	opacity: 1 !important;
	visibility: visible !important;
}

.welcome_user_message img {
	vertical-align: middle;
	margin-right: 15px;
}



/* LATEST CSS FROM CUSTOMIZATION OF DC */
/* SECTION STARTS HERE */
.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i, .fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i, .fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active {
     color: white;
}
/*Resize the blog post*/
#blog-1-post-11391 {
	width: 350px !important;
}
/*Style the upcoming events links*/
.responsive-events-style {
	border-radius: 6px;
	padding: 5px;
	background-color: #fafafa;
	margin-left: 5px;
}
/*The chapter buttons*/
#center_to_text_buttons_chapters {
	text-align: center !important;
	margin-left: 80px !important;
}
#center_to_text_buttons_become_cpt_mem {
	margin-left: 80px !important;
}
/*Extra style for ramadoss keynote speaker in academic track->keynote speakers tab*/
#ramadoss_keynote_tab > div > img {
	width: 300px !important;
	height: 265px;
}

/*Responsive style of chapter buttons*/
@media screen and (max-width: 800px) {
	.chapters_btns {
		margin-left: 0px !important;
		margin-top: 5px !important;
		display: block !important;
	}
	/*The upcoming events, display them in block*/
	.responsive-events-style {
		display: block !important;
	}
	/*Center to middle of page on mob view the chapter buttons*/
	#center_to_text_buttons_chapters {
		margin-left: 0px !important;
	}
	.responsive-designdc {
		display: block !important;
		margin-top: 15px !important;
	}
	/*The become member buttons*/
	#center_to_text_buttons_become_cpt_mem {
		margin-left: 0px !important;
	}
}
/* LATEST CSS FROM CUSTOMIZATION OF DC */
/* SECTION ENDS HERE */



/** Wordpress Login Screen Styling **/
body.login {
	background-color: #1ea59a;
}
body.login h1 a {
	background-image: url('/wp-content/uploads/2017/11/Decentralized-Logo-white-sm.png');
	background-size: 70%;
	width: auto;
}

body.login .button-primary {
	width: 120px;
	float:right;
	background-color: #1ea59a !important;
	color: #ffffff;
	-webkit-border-radius: 4px;
	border: 1px #1ea59a;
	text-shadow: none;
}

body.login .button-primary:hover {
	background-color:rgb(83,86,90) !important;
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid rgb(83,86,90);
}

body.login .button-primary:active {
	background-color: rgb(83,86,90) !important;
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid rgb(83,86,90);
}

body.login p#nav {
	background-color: #fff;
	margin: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	text-align:center;
	border-top: solid 1px lightgray;
 
}
body.login p#backtoblog {
	/*background-color: #fff;
	margin: 0;
	padding-top: 24px;
	padding-bottom: 24px;*/
	display:none;
}
body.login p#nav a:hover {
	color:  #1ea59a !important;
}

body.login .wp-social-login-widget {
	border-top: solid 1px lightgray;
	padding: 10px;
	text-align: center;
}
body.login .wp-social-login-widget .wp-social-login-provider-list a {
	padding:5px;
}
/** End of Wordpress Login Screen Styling **/

/** Login Page from template styling */

#post-1768 {
	max-width: 350px;
	margin: 0 auto;
}

#post-1768 #log_forms #login .wp-social-login-widget {
	border-top: solid 1px lightgray;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
}
#post-1768 #log_forms #login  .wp-social-login-widget .wp-social-login-provider-list a {
	padding:5px;
}

#post-1768 #log_forms #login .log-form-group {
	text-align:center;
}

#post-1768 #log_forms #login .log-form-group input[type="radio"], 
#post-1768 #log_forms #login .log-form-group input[type="checkbox"] {
	margin:0;
	cursor:pointer;
}

#post-1768 #log_forms #login .log-form-group input[type="submit"] {
	max-width: 150px;
	background-color: #1ea59a !important;
	color: #ffffff;
	-webkit-border-radius: 4px;
	border: 1px #1ea59a;
	text-shadow: none;
}
#post-1768 #log_forms #login .log-form-group label[for=username],
#post-1768 #log_forms #login .log-form-group label[for=password] {
	text-align: left;
	width:100%;
}
#post-1768 #log_forms #login .log-form-group input[type="submit"]:hover {
	background-color: rgb(83,86,90) !important;
	color: #ffffff;
	border: 1px rgb(83,86,90) !important;
}

#post-1768 #log_forms #login .log-form-group input[type="text"],
#post-1768 #log_forms #login .log-form-group input[type="password"] {
	color: black;
}
/** End of Login Page from template styling **/

/** Forum Page styling **/

.bbp-header {
	background-color: #ffffff !important;
	padding: 10px 20px 10px 20px !important;	
}

#bbpress-forums li.bbp-header ul {
	font-size: 19px !important;
}

#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results {
	border: none;
	border-top: solid 1px #ebeaea;
}
#bbpress-forums li.bbp-body ul.forum {
	font-size: 18px !important;
}
#bbpress-forums li.bbp-body ul.forum .bbp-forum-topic-count:before {
	font-family: FontAwesome;
    content: "\f0e5";
	margin-right: 5px;
}
.type-topic .bbp-topic-reply-count,
.type-topic .bbp-topic-voice-count {
	font-size: 18px;
}

#bbpress-forums li.bbp-body ul.forum .bbp-forum-reply-count:before,
.type-topic .bbp-topic-reply-count:before {
	font-family: FontAwesome;
    content: "\f0e6";
	margin-right: 5px;
}
.type-topic .bbp-topic-voice-count:before {
	font-family: FontAwesome;
    content: "\f0c0";
	margin-right: 5px;
}
.bbp-topic-title .bbp-topic-permalink {
	font-size: 18px;
	font-weight: bold;
}

.bbp-topic-title .bbp-topic-meta {
	font-size: 16px !important;
}

.bbp-topic-freshness-author,
.bbp-author-role,
.bbp-author-ip {
	display: none;
}

/** Job listing Styling **/
.job_listings {
	border: none;
}
.job_filters {
	background-color: #fff;
}
.job_filters .search_jobs {
	background-color: #1ea59a;
	padding: 20px;
}
.job_filters .search_jobs .search_keywords input[type="text"],
.job_filters .search_jobs .search_location input[type="text"] {
	background-color: #fff;
	border-radius: 10px;
	border: none;
	color: black;
}

.job_filters .job_types {
	background-color:#fff;
	border: solid 1px #777;
	margin-bottom: 15px;
}

.job_filters .job_types li {
    float: left;
    border-right: 1px solid #777;
	height: 40px;
}
.job_filters .job_types li label {
	background-color: white !important;
	color: #555 !important;
	font-size: 14px;
}

.job_filters .job_types li label input {
	margin: 0 !important;	
}
.job_filters .job_types li:last-child {
    border-right: 1px solid #777;
}

.job_listings .job_listing {
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
}
.job_listings .job_listing:hover {
	border-left: solid 1px #1ea59a;
}

.job_listings .job_listing .position h3 {
	color: #555 !important;
	font-weight: bold;
	font-size: 15px;
}

.job_listings .job_listing .company {
	 color: #1ea59a !important;
}
.job_listings .job_listing .location {
	text-align: center;
	color: #555 !important;
}

.job_listings .job_listing .location:before {
	font-family: FontAwesome;
    content: "\f041";
	margin-right: 5px;
}

.job_listings .job_listing .meta .job-type {
	width: 100%;
	font-size: 15px;
	text-align:center;
	padding: 5px;
}

.job_listings .job_listing .meta .other,
article.job_listing .post-content .single_job_listing .job-listing-meta .other {
	background-color: #d35400;
	color: white;
	border-radius: 5px;
}
.job_listings .job_listing .meta .full-time,
article.job_listing .post-content .single_job_listing .job-listing-meta .full-time {
	background-color: #27ae60;
	color: white;
	border-radius: 5px;
	
}
.job_listings .job_listing .meta .freelance,
article.job_listing .post-content .single_job_listing .job-listing-meta .freelance {
	background-color: #2B65EC;
	color: white;
	border-radius: 5px;
}
.job_listings .job_listing .meta .internship,
article.job_listing .post-content .single_job_listing .job-listing-meta .internship {
	background-color: #6033cc;
	color: white;
	border-radius: 5px;
}
.job_listings .job_listing .meta .part-time,
article.job_listing .post-content .single_job_listing .job-listing-meta .part-time {
	background-color: #192a56;
	color: white;
	border-radius: 5px;
	
}
.job_listings .job_listing .meta .temporary,
article.job_listing .post-content .single_job_listing .job-listing-meta .temporary {
	background-color: #d93674;
	color: white;
	border-radius: 5px;
}
.job_listings .job_listing .meta .date {
	border-left: none;
	font-size: 13px;
	text-align:center;
	padding: 5px;
	width:100%;
}
article.job_listing .fusion-post-title-meta-wrap .fusion-post-title {
	text-align: center;
}
article.job_listing .fusion-post-title-meta-wrap .fusion-meta-info {
	display: none;
}
article.job_listing .post-content .single_job_listing .job-listing-meta {
	width:100%;
	font-size: 15px;
	color: #000;
	text-align: center;
	align-content: center;
	display: inline-table;
}
article.job_listing .post-content .single_job_listing .job-listing-meta .job-type {
	padding: 5px 30px;
	font-size: 15px;
}

article.job_listing .post-content .single_job_listing .meta li {
    color: #000;
}
article.job_listing .post-content .single_job_listing .meta .date-posted::before,
article.job_listing .post-content .single_job_listing .meta .location:before {
	margin: 0 6px 0 0;
}
.single_job_listing .company .name{
	font-size: 18px;
	line-height: 42px;
	
}
.single_job_listing .company .name a {
	background-color:rgb(83,86,90) !important;
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid rgb(83,86,90);
	padding: 1px 15px;
}
.single_job_listing .company .name a:hover {
	background-color: #1ea59a !important;
	border-color: #1ea59a !important;
}
.single_job_listing .company .name a:before {
	content: "" !important;
	width: 0;
}

.single_job_listing .company .company_video {
	margin: 30px 0 !important;
}


article.job_listing .post-content .single_job_listing .job_application {
	text-align:center;
}

article.job_listing .post-content .single_job_listing .job_application input[type="button"] {
	width: 100%;
	max-width: 250px;
	background-color:rgb(83,86,90) !important;
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid rgb(83,86,90);
}
article.job_listing .post-content .single_job_listing .job_application input[type="button"]:hover {
	background-color: #1ea59a !important;
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid  #1ea59a !important;
}

/*To menu*/
#menu-item-1707 .fusion-megamenu-icon,
#menu-item-1707 .fusion-megamenu-icon .fa,
.fusion-main-menu .fusion-main-menu-cart > a::after {
	font-size:22px;
}
.fusion-main-menu > ul > li > a.fusion-icon-only-link > .fusion-megamenu-icon {
    font-size: 22px;
}
.fusion-main-menu .current-menu-ancestor > a > .fusion-megamenu-icon,
.fusion-main-menu > ul > li > a:hover > .fusion-megamenu-icon,
.fusion-main-menu .current-menu-parent > a > .fusion-megamenu-icon {
	color:white !important;
}

/** Social login buttons **/
span.apsl-login-new-text {
	text-align: center;
}
.apsl-login-networks .social-networks {
	text-align: center;
}


/*** THIS IS A DIFFERENT SECTION FROM THE ABOVE SOCIAL BUTTONS ***/
.linkedin_login {
	text-align: center !important;
	margin-bottom: 20px !important;
}
.linkedin_login img {
	max-width: 160px !important;
}


/** Press Mentions **/
.press-mentions-title {
	text-align: center;
}
.press-mentions {
	text-align: center;
}
.press-mentions > .single-press-mention {
	display: flex;
}
.press-mentions > .single-press-mention > div {
	padding: 20px;
	margin: 20px;
	border: 1px solid #eee;
}
.press-mentions > .single-press-mention .media-logo img {
	max-width: 120px;
	width: 100%;
	height: auto;
}
@media (min-width: 720px) {
	.press-mentions {
		display: flex;
		flex-wrap: wrap;
	}
	.press-mentions > .single-press-mention {
		width: 33.333%;
	}
}

.press-mention-meta {
	display: flex;
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 20px;
}
.press-mention-meta .media-logo {
	padding-right: 20px;
}
.press-mention-meta .media-logo img {
	width: 100%;
	height: auto;
	max-width: 120px;
}
.press-mention-meta .media-title {
	font-weight: bold;
}

/******************/
/* Added by Mahan */
/******************/

/* Chappters listing page */
#buddypress div.generic-button a, #aw-whats-new-submit,
#group-request-send, #buddypress a.button.bp-primary-action, #buddypress a.button.bp-secondary-action {
	background: #1ea59a !important;
	border: none !important;
	color: #fff !important;
	font-size: 14px !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
}
#buddypress div.generic-button a:hover, 
#aw-whats-new-submit:hover,
#group-request-send:hover,
#buddypress a.button.bp-primary-action:hover, #buddypress a.button.bp-secondary-action:hover {
	border: none !important;
	color: #fff !important;
	background: #18877e !important;
}
#buddypress select {
	padding: 0 20px;
	border: none !important;
	background: #efefef;
	margin-left: 10px;
}
#buddypress ul#groups-list li {
	padding: 15px;
}
#buddypress ul#groups-list li .action {
	right: 15px;
}
#buddypress ul#groups-list li .action i {
	color: #1ea59a;
}
#buddypress ul#groups-list li.odd {
	background: #f8f8f8
}
#buddypress #groups-directory-form .item-list-tabs ul {
	border: none;
}
#buddypress #groups-directory-form #subnav ul li {
	float: right !important;
}

/* Select drop downs */
#buddypress div.item-list-tabs ul li.last select {
    max-width: 200px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #666;
    border: 1px solid #adadad;
}

/* Chapters single page */
.group-home .entry-title {
	background: transparent !important;
	text-align: left !important;
	color: #353535 !important;
	padding: 0 !important;
	font-size: 35px !important;
}
#buddypress div.activity-comments ul li {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    padding-left: 10px;
}
.bpfb_form_container {
	padding: 1em 0 !important;
	background: transparent !important;
}
#buddypress form#whats-new-form textarea {
	background: #f0f0f0;
}
.avatar.avatar-50.wp-user-avatar {
	border-radius: 10px;
}
#buddypress div.activity-meta {
    margin: 18px 0;
}
#buddypress div.activity-meta .button {
    margin-right: 0 !important;
    float: left;
	padding: 5px 10px !important;
	border-radius: 0 !important;
	background: #f0f0f0 !important;
	color: #2c2c2c !important;
}
#buddypress div.activity-meta .button:first-child {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
#buddypress div.activity-meta .button:last-child {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
#buddypress div.activity-meta .button:hover {
	background: #e3e3e3 !important;
	color: #2c2c2c !important;
}
#buddypress .activity-header a {
	line-height: 15px;
}
#buddypress .activity-header a img {
	margin: 0 5px -4px 10px !important;
	vertical-align: initial;
}
#buddypress a.button.bp-primary-action span {
	background: #cccccc;
	border-radius: 2px;
}

/* Tabs on signle page */
#buddypress .item-list-tabs ul {
	border-bottom: 3px solid #e6e6e6;
}
#buddypress div.item-list-tabs ul li {
	float: none !important;
	display: inline-block;
	margin-bottom: -3px !important;
}
#buddypress div.item-list-tabs ul li a {
	border-radius: 0;
	border-bottom: 3px solid #e6e6e6;
}
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a {
	padding: 5px 10px;
	font-weight: 700;
	color: #1ea59a;
	background: transparent;
	border-bottom: 3px solid #1ea59a;
}
#buddypress div.item-list-tabs ul li:hover,
#buddypress div.item-list-tabs ul li:hover {
	color: #1ea59a;
}
#buddypress div.item-list-tabs ul li a span {
    padding: 3px 8px;
}

/* Other */
body.login .privacy-policy-page-link a{
    font-size: 16px;
    color: white;
}
.fusion-page-title-bar {
    background-color: #0e958a !important;
}

/* Border radius */
.avatar {
	border-radius: 4px;
}



/** Activation page style by 
 * 	Chariton Hadjicostis
**/
/*Container of the activation style*/
#container_activation, #included_title { /*Sign up, welcome message after the confirmation style*/
	text-align: center !important;
	border: 1px #ccc solid !important;
	border-radius: 10px !important;
	margin: 150px auto 50px auto !important;
	padding: 20px !important;
	width: 500px !important;
	max-width: 100% !important;
}
/*Elements inside the container style*/
#container_text_activation, #signup_elements_welcome {
	color: #111 !important;
	text-align: left !important;
	text-align: justify !important;
	max-width: 100% !important;
}
/*Title of the activation style*/
#activation_header {
	font-size: 30px;
	font-weight: bold !important;
}
/*Login link style & reset password link*/
#login_url_style, #reset_pass_url_style, #homepage_url_style {
	font-weight: bold !important;
	text-shadow: 0px 1px 2px #f1f1f1 !important;
}
/*Username style & email style*/
#username_style, #email_style, #site_style{
	color: #111 !important;
	font-weight: bold !important;
	font-size: 16px !important;
}


/** Login/register form of the chapter style by 
 * 	Chariton Hadjicostis
**/
/*All chapters login/regi form style*/
.post-content > .col-md-4 {
	border: 1px #ccc solid;
	border-radius: 5px;
	padding: 15px;
	background-color: #f1f1f1;
	color: #000000 !important;
}
/*Welcome message style*/
#content > .fusion-login-caption,
.fusion-login-caption {
	color: #000000;
	font-weight: bold;
}
/*What is a chapter login/regi form style*/
#chapter_log_in {
	border: 1px #ccc solid !important;
	border-radius: 5px !important;
	padding: 15px !important;
	background-color: #f1f1f1 !important;
	color: #000000 !important;
}
/*Create a chapter login/regi form style*/
#post-3801 > .post-content > div > div > .fusion-layout-column > div .fusion-login-box {
	border: 1px #ccc solid !important;
	border-radius: 5px !important;
	padding: 15px !important;
	background-color: #f1f1f1 !important;
	color: #000000 !important;
}
/*Chapter membership login/regi form style*/
#post-3802 > .post-content > div > div > .fusion-layout-column > div > .fusion-login-box {
	border: 1px #ccc solid !important;
	border-radius: 5px !important;
	padding: 15px !important;
	background-color: #f1f1f1 !important;
	color: #000000 !important;
}
/*Login form style of All Chapters*/
.fusion-login-heading {
	color: #000000 !important;
	font-weight: bold !important;
}
/*Add an icon after the login heading*/
.fusion-login-heading::after {
 	font-family: "Font Awesome 5 Free";
  	font-weight: bold;
  	font-size: 18px;
	content: "\f2f6"
}
/*Username textbox*/
#loginform > .fusion-login-fields > .fusion-login-input-wrapper > #user_login,
#loginform > .fusion-login-fields > .fusion-login-input-wrapper > #user_pass {
	border: none !important;
	border-bottom: 2px #333333 solid !important;
	color: #000000 !important;
}
/*Login button style*/
#loginform > .fusion-login-additional-content > .fusion-login-submit-wrapper > .fusion-login-button {
	border-radius: 5px !important;
}
/*Links at the bottom*/
#loginform > .fusion-login-additional-content > .fusion-login-links {
	font-weight: bold !important;
}
/*LOGIN SECTION ENDS HERE*/


/** More style for BuddyPress Group Main Page 
 * 	Chariton Hadjicostis
**/
#group-create-nav{
	display: none !important;
}
/**
 * Button "to top" round border style & on mouse hover/after/after hover
 **/
#toTop{
    display: inline-block;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 50px 50px 50px 50px !important;
    bottom: 25px;
    height: 47px;
    margin-right: 10px;
}
#toTop:hover{
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    background-color: #bb1d2c;
}
#toTop:after{
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#toTop:hover::after{
    opacity: 1;
}

/*Title 'Chapters' style*/
#post-0 > h3{
	color: #333c4e;
	font-size: 38px;
	text-transform: uppercase;
	border-bottom: 2px #1ea59a solid;
}

/*The groups border style - to seperate each group*/
#buddypress ul.item-list li {
	border-bottom: 1px solid #333 !important;
}

/*The tabs style*/
#groups-directory-form > .item-list-tabs{
	background-color: #f1f1f1 !important;
	border: 1px #ccc solid;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
/*The hover tabs style*/
#groups-directory-form > .item-list-tabs > ul > #groups-all > a:hover,
#groups-directory-form > .item-list-tabs > ul > #groups-personal > a:hover,
#groups-directory-form > .item-list-tabs > ul > #group-create-nav > a:hover,
#groups-directory-form > .item-list-tabs > ul > li > .create-a-chapter-href-btn:hover,
#groups-directory-form > .item-list-tabs > ul > li > .forums-btn:hover,
#groups-directory-form > .item-list-tabs > ul > li > .job-portal-btn:hover{
	color: #000000 !important;
	background-color: #d1d1d1 !important;
}
/*Add border-right to "all groups/groups-personal/group-create-nav" button style*/
#groups-directory-form > .item-list-tabs > ul > #groups-all,
#groups-directory-form > .item-list-tabs > ul > #groups-personal,
#groups-directory-form > .item-list-tabs > ul > #group-create-nav,
#groups-directory-form > .item-list-tabs > ul > .create-a-chapter-href-btn,
#groups-directory-form > .item-list-tabs > ul > li > .forums-btn,
#groups-directory-form > .item-list-tabs > ul > li > .job-portal-btn{
	border-right: 1px #ccc solid;
}
/*Add some icons before the buttons text*/
#groups-directory-form > .item-list-tabs > ul > #groups-all > a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f07b  ";
	white-space: pre !important;
	color: #111111 !important;
}
#groups-directory-form > .item-list-tabs > ul > #groups-personal > a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f07c  ";
	white-space: pre !important;
	color: #111111 !important;
}
#groups-directory-form > .item-list-tabs > ul > #group-create-nav > a:before,
#groups-directory-form > .item-list-tabs > ul > li > .create-a-chapter-href-btn:before{
	font-family: "Font Awesome 5 Free";
	content: "\f044  ";
	white-space: pre !important;
	color: #111111 !important;
}
/*The forum button*/
#groups-directory-form > .item-list-tabs > ul > li > .forums-btn:before{
	font-family: "Font Awesome 5 Free";
	content: "\f022  ";
	white-space: pre !important;
	color: #111111 !important;
}
/*The jobs button*/
#groups-directory-form > .item-list-tabs > ul > li > .job-portal-btn:before{
	font-family: "Font Awesome 5 Free";
	content: "\f1ea  ";
	white-space: pre !important;
	color: #111111 !important;
}

/*The number of groups inside the circle style*/
#groups-directory-form > .item-list-tabs > ul > #groups-all > a > span,
#groups-directory-form > .item-list-tabs > ul > #groups-personal > a > span{
	font-weight: bold !important;
	color: #333333 !important;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*The list items*/
#groups-all > a, #groups-personal > a, #group-create-nav > a,
#groups-directory-form > .item-list-tabs > ul > li > .create-a-chapter-href-btn,
#groups-directory-form > .item-list-tabs > ul > li > .forums-btn,
#groups-directory-form > .item-list-tabs > ul > li > .job-portal-btn{
	color: #1EA59A !important;
	background-color: #fafafa;
	font-size: 18px;
}

/*The 'order by' BACKGROUND-COLOR WAS RESET BACK TO WHITE & border set to none style*/
#groups-directory-form > #subnav{
	color: #333333 !important;
	background-color: transparent !important;
	border: 0px !important;
}
/*The 'order by:' text style*/
#groups-order-select > label{
	color: #333333;
	font-weight: bold;
}
/*The list items [dropdown] style*/
#groups-order-select > #groups-order-by{
	color: #333333;
	border: 1px #ccc solid !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	cursor: pointer;
}
/*Add an icon to the order by*/
#groups-order-select > label:before{
	font-family: "Font Awesome 5 Free";
	content: "\f30c \f309  ";
	white-space: pre !important;
	font-size: 18px;
}

/*The even number chapters background style*/
#groups-list > .even{
	background-color: #f8f8f8;
	border-bottom: 1px #ccc solid;
}
/*Add a border to the chapters*/
#groups-list{
	border: 1px #ccc solid;
	border-bottom: 0px;
}
/*Pagination top style*/
#groups-dir-list > #pag-top{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-weight: bold;
	color: #333333;
	background-color: #f1f1f1;
	border: 1px #ccc solid;
}
/*Pagination bottom style*/
#groups-dir-list > #pag-bottom{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-weight: bold;
	color: #333333;
	background-color: #f1f1f1;
	border: 1px #ccc solid;
}

/*Avatar of groups style*/
#groups-list > li > .item-avatar > a > img{
	width: 60px;
	height: auto;
}
/*Title of chapters & on mouse hover style*/
#groups-list > li > .item > .item-title > a{
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	clear: both !important;
	display: inline-block !important;
}
#groups-list > li > .item > .item-title > a:hover{
	color: #1ea59a;
	font-weight: bold;
	font-size: 20px;
}
/*Type of chapter group [private/public] & total members style*/
#groups-list > li > .action > .meta{
	color: #333333 !important;
	display: inline-block !important;
	margin-top: 15px !important;
	font-size: 13.5px !important;
}
/*Change the font awesome icon of "members" to many members icon instead of 1 member*/
#groups-list > li > .action > .meta > .fa-user:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0c0";
	white-space: pre !important;
	font-size: 18px;
	color: #333333;
}
/*Change the font awesome icon of "type of group [private/public]" to lock icon*/
#groups-list > li > .action > .meta > .fa-user-lock:before{
	font-family: "Font Awesome 5 Free";
	content: "\f023";
	white-space: pre !important;
	font-size: 18px;
	color: #333333;
}

/*xxx days/months/years 'ago' style*/
#groups-list > li > .item > .item-meta > .activity{
	color: #333333;
	font-weight: bold;
}
/*xxx days/months/years 'ago' after style*/
#groups-list > li > .item > .item-meta > .activity::before{
	font-family: "Font Awesome 5 Free";
	content: "\f017  Activity:  ";
	white-space: pre !important;
	color: #333333;
	font-weight: bold;
}
/*The description container style*/
#groups-list > li > .item > .item-desc{
	max-width: 100% !important;
}
/*The description style*/
#groups-list > li > .item > .item-desc > p > strong{
	color: #333333;
	font-style: normal !important;
}
/*The description style*/
#groups-list > li > .item > .item-desc > p{
	color: #333333;
	font-style: italic;
}
/*The description before style*/
#groups-list > li > .item > .item-desc > p > strong:before{
	content: "Chapter Description: \A";
	white-space:pre;
	color: #1ea59a;
	font-style: normal !important;
	font-size: 20px !important;
	font-weight: bold !important;
}
/*ALL CHAPTERS SECTION ENDS HERE*/


/**
 * Content of all chapters style
**/
/*Chapter admins style*/
#item-actions {
	border: solid 2px #fff;
	border-radius: 5px !important;
	color: #000000 !important;
	background-color: rgba( 255, 255, 255, 0.8 );
	/*box-shadow: 2px 2px 2px 2px #888888;*/
	padding: 10px;
}
/*More style for chapter admins section*/
body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
	width: 100% !important;
	vertical-align: top !important;
}
/*Chapter admins header style*/
#item-actions > h3 {
	color: #000000 !important;
	font-weight: bold !important;
}

/*The chapter description style*/
#item-header-content > #item-meta {
	color: #000000 !important;
	border: 1px #ccc solid;
	border-radius: 5px !important;
	background-color: #f1f1f1;
	padding: 10px;
}
#item-meta > p {
	font-size: 16px !important;
}
/*Type of chapter: Public/private etc. style
 and the activity: 1h ago eg.*/
#item-meta > .highlight,
#item-meta > .activity {
	font-weight: bold !important;
	font-size: 14px !important;
}
/*Add a lock into the chapter type*/
#item-meta > .highlight::before {
	font-family: "Font Awesome 5 Free";
	content: "\f023";
}
/*Change the navigation of bp groups style*/
#item-nav > .item-list-tabs {
    background-color: #f1f1f1 !important;
    border: 1px #ccc solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/*The elements inside ul style*/
#item-nav > .item-list-tabs > ul > #home-groups-li,
#item-nav > .item-list-tabs > ul > #nav-chapter-send-email-groups-li,
#item-nav > .item-list-tabs > ul > #admin-groups-li {
	border-right: 1px #ccc solid;
}

/* THIS MESSES UP THINGS DO NOT REMOVE THE COMMENTS */
/*Add icons before the following list items*/
/*#item-nav > .item-list-tabs > ul > #home-groups-li > a::before {
	font-family: "Font Awesome 5 Free" !important;
	white-space: pre !important;
	content: "\f015 " !important;
	color: #000 !important;
}
#item-nav > .item-list-tabs > ul > #nav-chapter-send-email-groups-li > a::before {
	font-family: "Font Awesome 5 Free" !important;
	white-space: pre !important;
	content: "\f0e0 " !important;
	color: #000 !important;
}
#item-nav > .item-list-tabs > ul > #admin-groups-li > a::before {
	font-family: "Font Awesome 5 Free" !important;
	white-space: pre !important;
	content: "\f7d9 " !important;
	color: #000 !important;
}*/


/**
 ** * * * *
 * The responsive styles section
 ** * * * * 
**/
/*Responsive style BUDDYPRESS CHAPTERS at 800px*/
@media screen and (max-width: 800px) {
	/*Disply block the title*/
	#groups-list > li > .item > .item-title > a{
		display: block !important;
	}
	/*Disply block the button*/
	#groups-list > li > .action > .group-button {
		clear: both !important;
		display: block !important;
	}
	/*Disply block the image*/
	#groups-list > li > .item-avatar > a > img {
		display: block !important;
	}

	/*The container of the descriptions*/
	#groups-list > li > .item > .item-desc {
		display: block;
	    margin-block-start: 0em !important;
	    margin-block-end: 0em !important;
	    margin-inline-start: 0px !important;
	    margin-inline-end: 0px !important;

		text-align: left !important;
		width: 500px !important;
		max-width: 100% !important;
	}
	/*The description style*/
	#groups-list > li > .item > .item-desc > p {
		text-align: left !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/*More margin for to top button*/
	#toTop{
		margin-right: 15px !important;
		bottom: 25px !important;
	}
}
/*Responsive style BUDDYPRESS CHAPTERS at 900px*/
@media screen and (max-width: 900px){
	/*100% width of "all chapters button"*/
	#groups-directory-form > .item-list-tabs > ul > #groups-all{
		width: 100% !important;
		border-right: 0px !important;
		text-align: center;
	}
	/*Add a margin top to the buttons if they display in block & make them 100% width*/
	#groups-directory-form > .item-list-tabs > ul > #groups-personal,
	#groups-directory-form > .item-list-tabs > ul > #group-create-nav,
	#groups-directory-form > .item-list-tabs > ul > .create-a-chapter-href-btn{
		margin-top: 2px !important;
		width: 100% !important;
		border-right: 0px !important;
		text-align: center;
	}
}
/*Responsive style BUDDYPRESS CHAPTERS at 1300px*/
@media screen and (max-width: 1300px){
	/*Type of chapter & total members style*/
	#groups-list > li > .action > .meta{
		margin-top: 10px !important;
	}
}


/**
 ** * * * *
 * The responsive styles section
 ** * * * * 
**/
/*Responsive style BUDDYPRESS CHAPTERS at 800px*/
@media screen and (max-width: 800px){
	/*Disply block the title*/
	#groups-list > li > .item > .item-title > a{
		display: block !important;
	}
	/*Disply block the button*/
	#groups-list > li > .action > .group-button{
		clear: both !important;
		display: block !important;
	}
	/*Disply block the image*/
	#groups-list > li > .item-avatar > a > img{
		display: block !important;
	}

	/*The container of the descriptions*/
	#groups-list > li > .item > .item-desc{
		display: block;
	    margin-block-start: 0em !important;
	    margin-block-end: 0em !important;
	    margin-inline-start: 0px !important;
	    margin-inline-end: 0px !important;

		text-align: left !important;
		width: 500px !important;
		max-width: 100% !important;
	}
	/*The description style*/
	#groups-list > li > .item > .item-desc > p{
		text-align: left !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/*More margin for to top button*/
	#toTop{
		margin-right: 15px !important;
		bottom: 25px !important;
	}
}
/*Responsive style BUDDYPRESS CHAPTERS at 900px*/
@media screen and (max-width: 900px){
	/*100% width of "all chapters button"*/
	#groups-directory-form > .item-list-tabs > ul > #groups-all{
		width: 100% !important;
		border-right: 0px !important;
		text-align: center;
	}
	/*Add a margin top to the buttons if they display in block & make them 100% width*/
	#groups-directory-form > .item-list-tabs > ul > #groups-personal,
	#groups-directory-form > .item-list-tabs > ul > #group-create-nav,
	#groups-directory-form > .item-list-tabs > ul > .create-a-chapter-href-btn,
	#groups-directory-form > .item-list-tabs > ul > .forums-btn,
	#groups-directory-form > .item-list-tabs > ul > .job-portal-btn{
		margin-top: 2px !important;
		width: 100% !important;
		border-right: 0px !important;
		text-align: center !important;
	}
}
/*Responsive style BUDDYPRESS CHAPTERS at 1300px*/
@media screen and (max-width: 1300px){
	/*Type of chapter & total members style*/
	#groups-list > li > .action > .meta{
		margin-top: 10px !important;
	}
}