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

/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

/**bp Profile layout changes */

#buddypress a#user-activity { color: #fff; }

#buddypress li#activity-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-members-followers { color: #fff; }

#buddypress li#members-followers-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


#buddypress a#user-members-following { color: #fff; }

#buddypress li#members-following-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;

-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-xprofile { color: #fff; }

#buddypress li#xprofile-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-notifications { color: #fff; }

#buddypress li#notifications-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-groups { color: #fff; }

#buddypress li#groups-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-invite-anyone { color: #fff; }

#buddypress li#invite-anyone-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-settings { color: #fff; }

#buddypress li#settings-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#user-messages { color: #fff; }

#buddypress li#messages-personal-li {
 background: #2C78B2;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#buddypress a#public { color: #fff; }

#buddypress li#public-personal-li {
 background: #6495CF;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#edit { color: #fff; }

#buddypress li#edit-personal-li {
 background: #6495CF;
text-align: center;
 padding: 0px 5px ;
margin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#buddypress a#change-avatar { color: #fff; }

#buddypress li#change-avatar-personal-li {
 background: #6495CF;
text-align: center;
 padding: 0px 5px ;
mmargin: 5px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


/** bp groups layout changes */
body.groups.buddypress.col-3cm:not(.bp-user) .main-inner.wn-bp-expand {
    background: #fff;
    padding: 0;
}

body.groups.buddypress.col-3cm:not(.bp-user) .wn-bp-wrap .main {
    background: #fff;
}

body.single-item.groups.buddypress:not(.bp-user) .wn-bp-expand .pad.group {
    padding: 30px 0 20px;
}

body.groups.buddypress.col-3cm:not(.bp-user) .wn-bp-wrap .sidebar.s1,
body.groups.buddypress.col-3cm:not(.bp-user) .wn-bp-wrap .sidebar.s2 {
    display: none;
}
/** bp groups layout changes end */

#page.wn-bp-wrap .container-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#wrapper #nav-header.nav-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #6694CF;
}

#menu-topbar .menu-item {
    background-color: transparent;
    margin: 0 !important;
}

/** expand header group over parrent padding */
/*.wn-bp-expand .pad.group {
    position: relative;
}

.wn-bp-expand .content .page {
    overflow: visible;
}*/

#buddypress div#item-header.wn-group-header {
    display: -webkit-flex;
    display: flex;
    background: #F3F4F8;
    padding: 30px 30px 20px;
    margin: 30px 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    /*margin: 0 0 30px -30px;
    padding: 30px;
    position: relative;
    clear: both;
    float: left;*/
}
/*
.wn-bp-expand #item-nav {
    overflow: auto;
    clear: both;
}*/
/** expand header group over parrent padding end */

.wn-group-header #item-header-avatar {
    order: 1;
    -webkit-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
}

.wn-group-header #item-header-content {
    order: 2;
    -webkit-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wn-group-header #item-actions {
    order: 3;
    -webkit-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wn-bp-expand .page-title {
    border-bottom: 0;
}

.single-item.groups.buddypress .wn-bp-expand .page-title.pad.group {
    display: none;
}

.wn-group-header #item-header-avatar a {
    position: relative;
    bottom: 50px;
    display: block;
    margin: 0 auto;
}

#item-header.wn-group-header #item-header-avatar a img.avatar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 4px;
    background: #fff;
    margin: 0 auto;
    float: none;
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.10);
}

#buddypress div#item-header.wn-group-header h2 {
    font-size: 24px;
    font-weight: bold;
}

#buddypress div#item-header.wn-group-header #item-actions h2 {
    font-size: 16px;
    color: #7d838f;
    text-transform: uppercase;
}

#buddypress .wn-group-header div.generic-button a {
    text-transform: uppercase;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-weight: bold;
    padding: 7px 15px;
    line-height: 240%;
} 

#buddypress div#item-header.wn-group-header div#item-actions {
    text-align: left;
}

#buddypress div#item-header.wn-group-header ul {
    margin: 0 0 10px;
}

#buddypress div#item-header.wn-group-header ul li {
    float: none;
}

#buddypress div#item-header.wn-group-header ul img.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#buddypress .wn-group-nav div.item-list-tabs ul,
#buddypress div.item-list-tabs ul {
    margin: 0 0 30px;
    overflow: hidden;
}

#buddypress .wn-group-nav div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li a {
    color: #a6aeb9;
    font-weight: bold;
}

#buddypress .wn-group-nav div.item-list-tabs ul li.current a,
#buddypress .wn-group-nav div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a  {
    color: #6694cf;
    background: transparent;
} 

#buddypress .wn-group-nav div.item-list-tabs ul li.current a,
#buddypress .wn-group-nav div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a  {
    color: #6694cf;
} 

#buddypress .wn-group-nav div.item-list-tabs ul li:first-child a,
#buddypress div.item-list-tabs ul li:first-child a {
    padding-left: 0;
}

#buddypress .wn-group-nav div.item-list-tabs ul li a span,
#buddypress div.item-list-tabs ul li a span {
    padding: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 70%;
    text-align: center;
    border: 0;
    background: #a6aeb9;
    color: #fff;
}

.wn-bp-expand #buddypress div.item-list-tabs ul li.selected a span, 
.wn-bp-expand #buddypress div.item-list-tabs ul li.current a span {
    background: #a6aeb9;
    color: #fff;
}

.wn-bbpress-forum-heading {
    display: -webkit-flex;
    display: flex;
}

.wn-bbpress-forum-block.wn-bbpress-forum-title {
    -webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

.wn-bbpress-forum-block.wn-bbpress-forum-desc {
    -webkit-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
}

.wn-bbpress-forum-title h3 {
    display: inline-block;
}

.wn-bbpress-forum-title .wn-bbpress-forum-sublink {
    display: inline-block;
}

.wn-bbpress-forum-desc .bbp-template-notice.info {
    text-align: right;
    background: transparent;
    border: 0;
}

.wn-bbpress-forum-desc .bbp-template-notice.info p {
    font-size: 1em;
}

.wn-bbpress-forum-desc div.bbp-template-notice a {
    color: #3b8dbd;
}

#bbpress-forums div.bbp-template-notice .bbp-forum-description img.avatar,
#bbpress-forums div.bbp-template-notice .bbp-topic-description img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    margin-bottom: -4px;
    width: 16px;
    height: 16px;
}

body.groups.buddypress #bbpress-forums > h3 {
    display: none;
}

.wn-bbpress-forum-sublink #subscription-toggle a {
    text-transform: uppercase;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-weight: bold;
    padding: 7px 15px;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    font-size: small;
    text-align: center;
    margin: 0 0 0 20px;
    position: relative;
    bottom: 3px;
}

.wn-bbpress-forum-sublink #subscription-toggle a:before {
    content: "\f164";
    font-family: FontAwesome;
    color: #6395D0;
    font-size: 12px;
    padding: 0 5px 0 0;
}

#bbpress-forums #bbpress-forums-cnt li.bbp-header, 
#bbpress-forums #bbpress-forums-cnt li.bbp-footer {
    padding: 20px;
    background: #F3F4F8;
}

#bbpress-forums #bbpress-forums-cnt li.bbp-header {
    border: 0;
}

#bbpress-forums #bbpress-forums-cnt .bbp-topics li.bbp-body {
    border-left: 1px solid #F3F4F8;
    border-right: 1px solid #F3F4F8;
}

#bbpress-forums #bbpress-forums-cnt .bbp-replies .bp_group.type-bp_group {
    border-left: 1px solid #F3F4F8;
    border-right: 1px solid #F3F4F8;
    border-bottom: 1px solid #F3F4F8;
}

#bbpress-forums #bbpress-forums-cnt ul.bbp-replies li.bbp-header {
    margin: 0 0 30px;
}

#bbpress-forums #bbpress-forums-cnt ul.bbp-replies li.bbp-footer {
    margin: 30px 0 0;
    border: 0;
}

#bbpress-forums #bbpress-forums-cnt div.bbp-reply-header {
    background: #6694CF;
    padding: 20px;
    color: #fff;
    margin: 30px 0 0;
}

#bbpress-forums #bbpress-forums-cnt li.bbp-body ul.forum, 
#bbpress-forums #bbpress-forums-cnt li.bbp-body ul.topic {
    padding: 20px;
}

#bbpress-forums #bbpress-forums-cnt div.odd, 
#bbpress-forums #bbpress-forums-cnt ul.odd {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bbpress-forums #bbpress-forums-cnt div.even, 
#bbpress-forums #bbpress-forums-cnt ul.even {
    background-color: #fbfbfb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies {
    border: 0;
}

#bbpress-forums #bbpress-forums-cnt .bbp-replies div.even,
#bbpress-forums #bbpress-forums-cnt .bbp-replies ul.even {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bbpress-forums #bbpress-forums-cnt .ul.bbp-topics,
#bbpress-forums #bbpress-forums-cnt ul.bbp-replies {
    /*border: 1px solid #F3F4F8;*/
    border: 0;
}

body.groups.buddypress .themeform input[type="text"], 
body.groups.buddypress .themeform input[type="password"], 
body.groups.buddypress .themeform input[type="email"], 
body.groups.buddypress .themeform textarea {
    border: 1px solid #ddd;
}

body.groups.buddypress .themeform #new-post textarea {
    border: 0;
}

#bbpress-forums .sd-content ul li {
    margin: 0 5px 5px 0;
}

#buddypress .bbp-submit-wrapper button.submit {
    border: 0;
    background: #6694CF;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 8px 25px;
    font-size: 12px;
}

#new-post label.wn-forum-topic-custom-label {
    text-transform: uppercase;
    font-size: 12px;
}

ul.forums.bbp-replies li.bbp-header #subscription-toggle {
    color: #F3F4F8;
}

li.bbp-header #favorite-toggle a,
li.bbp-header #subscription-toggle a {
    text-transform: uppercase;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-weight: bold;
    padding: 7px 15px;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    font-size: small;
    text-align: center;
    margin: 0;
}

li.bbp-header #subscription-toggle a:before {
    content: "\f164";
    font-family: FontAwesome;
    color: #6395D0;
    font-size: 12px;
    padding: 0 5px 0 0;
}

li.bbp-header #favorite-toggle a:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #6395D0;
    font-size: 12px;
    padding: 0 5px 0 0;
}

#bbpress-forums div.bbp-reply-author img.avatar {
   -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}

#bbpress-forums ul.forums.bbp-replies .bbp-reply-content a.bbp-author-name {
    color: #000;
    font-weight: bold;
}

.wn-wrap-single-reply {
    display: -webkit-flex;
    display: flex;
}

.bbp-reply-author {
    -webkit-flex: 0 1 115px;
    -ms-flex: 0 1 115px;
    flex: 0 1 115px;
}

#bbpress-forums .wn-wrap-single-reply .bbp-reply-content {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 15px;
    padding-right: 40px;
}

.bbp-wn-reply-role {
    -webkit-flex: 0 1 170px;
    -ms-flex: 0 1 170px;
    flex: 0 1 170px;
    text-align: right;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.wn-author-role {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px;
}

.bbp-wn-reply-role .wn-author-role .bbp-author-role {
    background: #44494F;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-right: -8px;
    line-height: 15px;
    padding: 8px 0;
}

.bbp-forum-header a.bbp-forum-permalink, 
.bbp-topic-header a.bbp-topic-permalink, 
.bbp-reply-header .bbp-meta a.bbp-reply-permalink {
    float: none;
    margin-left: 30px;
    color: #fff;
    display: none;
}

.bbp-meta span.bbp-admin-links {
    color: #6694CF;
}

.bbp-meta span.bbp-admin-links a {
    color: #fff;
}

.bbp-meta span.bbp-admin-links a.bbp-reply-to-link:before {
    content: "\f112";
    font-size: 12px;
    font-family: FontAwesome;
    color: #fff;
    padding: 0 6px 0 0;
}

.bbp-meta span.bbp-admin-links a.bbp-reply-edit-link:before {
    content: "\f040";
    font-size: 12px;
    font-family: FontAwesome;
    color: #fff;
    padding: 0 6px 0 0;
}

.wn-checkbox {
    position: relative;
    z-index: 10;
}

span.wn-checkbox {
    z-index: 5;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 1px 8px 0 -14px;
    top: 5px;
    left: 15px;
    float: left;
    cursor: pointer;
    line-height: 13px;
}

span.wn-checkbox.wn-on {
    background: #EFF0F4;
    border: 1px solid #EFF0F4;
}

span.wn-checkbox.wn-on:before {
    content: "\f00c";
    color: #434A52;
    font-size: 12px;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    text-align: center;
    height: 15px;
}

body.groups.buddypress #bbpress-forums #new-post fieldset.bbp-form select {
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    display: block;
    max-width: 100%;
    outline: none;
    padding: 7px 8px;
    min-width: 283px;
}

body.groups.buddypress #bbpress-forums #new-post fieldset.bbp-form {
    position: relative;
    padding: 70px 20px 10px;
}

body.groups.buddypress #bbpress-forums #new-post fieldset.bbp-form legend {
    position: absolute;
    top: 15px;
}

div.sharedaddy h3.sd-title {
    text-transform: uppercase;
}

div.sharedaddy .sd-social h3.sd-title:before {
    border-top: 0;
}

div.sharedaddy .sd-social .sd-content {
    display: inline-block;
    margin: 0 0 0 15px;
}

.wn-wrap-single-reply .bbp-reply-author .bbp-reply-ip {
    display: none;
}

body.groups.buddypress #buddypress div.generic-button a {
    text-transform: uppercase;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-weight: bold;
    padding: 7px 15px;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    font-size: small;
    text-align: center;
}

body.groups.buddypress #buddypress ul.item-list li img.avatar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 15px 10px 0;
    padding: 4px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.10);
}

body.groups.buddypress select#groups-order-by {
    padding: 8px;
    margin: 0 0 0 8px;
}

body.groups.buddypress #search-groups-form {
    margin: 0 0 20px 0;
}

body.groups.buddypress #groups_search {
    display: inline-block;
}

body.groups.buddypress #search-groups-form input[type=submit] {
    padding: 10px 20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-transform: uppercase;
}

.jp-sharing-input-touch .bbp-topic-form .sd-content ul li {
    padding-left: 0;
}

body.groups.buddypress #bbpress-forums p.bbp-topic-meta {
    font-size: 13px;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
    .wn-bbpress-forum-block.wn-bbpress-forum-title {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
    
    .wn-bbpress-forum-block.wn-bbpress-forum-desc {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

@media screen and (max-width: 780px) {
    .wn-bbpress-forum-title .wn-bbpress-forum-sublink {
        display: block;
    }
    
    .wn-bbpress-forum-sublink #subscription-toggle a {
        margin-left: 0;
    }
    
    #bbpress-forums li.bbp-header ul {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 720px) {
    body.groups.buddypress .wrap-bb-style .container .pad.group,
	body.groups.buddypress:not(.bp-user) .wrap-bb-style .container .pad.group {
	   /*padding: 0 30px;*/
       padding-left: 15px;
       padding-right: 15px;
	}
}

@media screen and (max-width: 680px) {
	#buddypress div#item-header.wn-group-header {
        flex-direction: column;
	}
    
    .wn-group-header #item-header-avatar {
        width: 100%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    
    .wn-group-header #item-header-content {
        padding: 0;
        position: relative;
        bottom: 25px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    
    body.groups.buddypress #buddypress #item-header-content div.generic-button {
        margin: 0 0 10px;
    }
    
    #buddypress div#item-header.wn-group-header div#item-actions {
        margin: 0;
        width: 100%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    
    .bbp-wn-reply-role {
        -webkit-flex: 0 1 140px;
        -ms-flex: 0 1 140px;
        flex: 0 1 140px;
    }
    
    .bbp-wn-reply-role .wn-author-role .bbp-author-role {
        font-size: 10px;
    }
    
    .wn-bbpress-forum-heading {
        display: block;
    }
    
    .wn-bbpress-forum-block {
        display: block;
        width: 100%;
    }
    
    .wn-bbpress-forum-desc .bbp-template-notice.info {
        text-align: left;
        padding: 0;
    }
    
    .wn-bbpress-forum-title .wn-bbpress-forum-sublink {
        display: inline-block;
    }
    
    .wn-bbpress-forum-sublink #subscription-toggle a {
        margin-left: 15px;
    }
}

@media screen and (max-width: 520px) {
    body.groups.buddypress #bbpress-forums li.bbp-header .bbp-reply-author {
        width: 80px;
        font-size: 0.8em;
    }
    
    body.groups.buddypress #bbpress-forums li.bbp-header .bbp-reply-content {
        margin-left: 100px;
        font-size: 0.8em;
    }
    
    li.bbp-header #favorite-toggle a, 
    li.bbp-header #subscription-toggle a {
        text-transform: none;
        padding: 7px 10px;
    }
    
    .wn-bbpress-forum-title .wn-bbpress-forum-sublink {
        display: block;
    }
    
    .wn-bbpress-forum-sublink #subscription-toggle a {
        margin-left: 0;
    }
}



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

	body.groups.buddypress #bbpress-forums .bbp-body div.bbp-reply-author {
        padding-left: 0;
	}
    
    body.groups.buddypress #bbpress-forums li.bbp-header .bbp-reply-author {
        width: 50px;
    }
    
    body.groups.buddypress #bbpress-forums li.bbp-header .bbp-reply-content {
        margin-left: 60px;
    }
    
    #buddypress .wn-group-nav div.item-list-tabs ul li a, 
    #buddypress div.item-list-tabs ul li a {
        padding-left: 5px;
        padding-right: 5px;
    }

}



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


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


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


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


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