.list-unstyled { list-style:none!important; margin:0px 0px 0px 0px!important; }
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.

/*--------------------------------------------------------------
Shortcodes
--------------------------------------------------------------*/

.shortcode_go {  padding:10px; margin:10px 0; font-size:18px; text-align:center; border-radius:6px; background:#f2763b; cursor:pointer; transition: all 300ms ease-in; }
.shortcode_go:hover { background:#df6e39; }
.shortcode_go a { width:100%; display:block; color:#ffffff; font-weight: bold; }
.shortcode_highlight { background:#f2763b; color:#ffffff; }
.shortcode_notice { color:#ffffff; padding:20px 28px; margin:20px 0; font-size:18px; line-height:1.6em; font-weight:700; background:#f68b11; border-radius:12px; }
.shortcode_quote { background:#ededed; padding:20px 23px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:15px; font-style:italic; line-height:1.5em; font-style:italic; border-radius:6px; transition: all 300ms ease-in; }
.shortcode_quote:hover { background:#dcdcdc; }
.shortcode_quoteby { background:#ededed; padding:20px 23px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:15px; font-style:italic; line-height:1.5em; font-style:italic; border-radius:6px; transition: all 300ms ease-in; }
.shortcode_quoteby:hover { background:#dcdcdc; }
.shortcode_quoteby p { margin-bottom:0px!important; }
.shortcode_quotebyauthor { font-size:14px; text-shadow:none; margin: -20px -23px 12px -23px; padding:6px 20px; background:#f66d08; color:#ffffff; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.shortcode_member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_no-member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_h1, .shortcode_h1 a, .shortcode_h2, .shortcode_h2 a, .shortcode_h3, .shortcode_h3 a, .shortcode_h4, .shortcode_h4 a, .shortcode_h5, .shortcode_h5 a, .shortcode_h6, .shortcode_h6 a { margin: 5px 0 15px 0; font-weight:bold; line-height:1.2em; color:#ffffff; background:#f68b11; }
.shortcode_h1, .shortcode_h1 a { font-size: 38px;margin-bottom: 20px; padding:10px 18px; }
.shortcode_h2, .shortcode_h2 a { font-size: 34px;margin-bottom: 16px; padding:10px 18px; }
.shortcode_h3, .shortcode_h3 a { font-size: 28px; margin-bottom: 12px; padding:10px 18px; }
.shortcode_h4, .shortcode_h4 a { font-size: 24px;margin-bottom: 10px; padding:10px 18px; }
.shortcode_h5, .shortcode_h5 a { font-size: 20px;margin-bottom: 10px; padding:10px 18px; }
.shortcode_h6, .shortcode_h6 a { font-size: 18px;margin-bottom: 7px; padding:10px 18px; }
.leftpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #ededed; float: left; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 10px 10px 0; }
.rightpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #ededed; float: right; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 0px 10px 10px; }

/* ------- Fluid Columns ------- */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; padding-top:5px; padding-bottom:15px; }
.last { margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*--------------------------------------------------------------
Advanced title
--------------------------------------------------------------*/
.adv-title.shortcode { font-size:26px; font-family: Nunito; font-weight: 700; color:#1f1f1f; position: relative; margin-bottom:30px; }
.adv-title.shortcode a { background: linear-gradient(#fed973, #febe4f); font-family:open sans; font-weight:normal; color: #b54c0d; border-radius:4px; text-align:center; text-shadow: 1px 1px 0px #fde18f; display: block; line-height: 1.8em; padding:0 12px; border:1px solid #dda141; font-size: 11px;text-transform: uppercase; position: absolute; right:0px; top:5px; box-shadow: 0px 1px 2px 0px #dcdcdc; box-sizing: content-box; }

@media screen and (max-width:1240px)
{
.adv-title.shortcode { font-size:24px; margin-bottom:24px }
}

@media screen and (max-width:620px)
{
.adv-title.shortcode a { padding:0 8px; }
}

/*--------------------------------------------------------------
Blog tiles
--------------------------------------------------------------*/
.blog-tiles { width:100%; overflow:hidden; box-sizing: content-box; }
.blog-tiles .blog-tile { margin-bottom:0px; }
.blog-tiles-title { margin-bottom:100px; text-align:center; }
.blog-tiles-title span { font-size:36px; background:#c3c3c3; text-align:center; }

.blog-cover { position:absolute; top:0; width:100%; height:100%; background:#ff5d00; opacity: 0.7;}
.blog-tile:hover .blog-cover { opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
.blog-tiles-other .blog-cover.id1 { background:#24a35a; }
.blog-tiles-other .blog-cover.id2 { background:#2e9d89; }
.blog-tiles-other .blog-cover.id3 { background:#00f0ff; }
.blog-tiles-other .blog-cover.id4 { background:#d82545; }
.blog-tiles-other .blog-cover.id5 { background:#00b1d7; }

.tile-info-category { border:1px solid #ffffff; display:inline-block; font-weight:normal; }
.tile-info a { color:#ffffff; font-weight: normal; text-transform:uppercase; font-family:Georgia; font-style:italic; }

.blog-tiles-main { float:left; width:50%; position:relative; }
.tile-thumbnail { width:100%; text-align:center; float:left; overflow:hidden; position:relative; }
.tile-thumbnail a { display:block; }
.tile-thumbnail a img { display:block; width:100%; height:auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:2s; }
.blog-tile:hover .tile-thumbnail a img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

.blog-tiles-main .blog-tile, .blog-tiles-other .blog-tile { width:100%; margin-bottom:0px; margin-right:0px; margin-left:0px; float:left; position:relative; }
.blog-tiles-main .box-post-big .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:10%; text-align:center; box-sizing: content-box; }
.blog-tiles-main .box-post-big .tile-post-title a { font-size:50px; color:#ffffff; font-weight:800; line-height: 1.3em; }
.blog-tiles-main:hover .box-post-big .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main:hover .box-post-big .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main .tile-info { margin-top:5%; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category { padding:2% 4%; font-size:18px; margin:0 auto; box-sizing: content-box; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category a { font-size:18px; font-weight: normal; }

.blog-tiles-other { float:right; width:50%; }
.blog-tiles-other .box-post-small { width:50%; float:left; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:28px; font-weight:800; color:#ffffff; }
.blog-tiles-other .box-post-small .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:8%; text-align:center; }
.blog-tiles-other .box-post-small:hover .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small:hover .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small .tile-info { text-align:center; width:100%; font-size:16px; line-height:1em; color:#ffffff; font-style:italic; margin-top:10%; overflow:hidden; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; line-height:1em; font-weight:normal; }
.blog-tiles-other .box-post-small .tile-post-title .tile-info .tile-info-category { padding:2% 4%; text-transform:uppercase; font-size:18px; line-height:1em; font-weight: normal; margin:0 auto; display:inline-block; }
.blog-tiles-other .blog-tile.blog-tile-id3 .box-v-r-spacer { display:block; }

.box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:0px; top:0px; }
.box-v-m-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:50%; top:0px; }
.box-h-b-spacer { position:absolute; background:#ffffff; width:100%; height:1px; z-index:1000; right:0px; bottom:0px; }
.blog-tiles-other .box-post-small:nth-child(2) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(3) .box-h-b-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-h-b-spacer { display:none; }


/*--------------------------------------------------------------
2-COLUMN CATEGORIES
--------------------------------------------------------------*/
ul#blog-categories-left { float:left; width:40%!important; }
ul#blog-categories-right { float:left; width:50%!important; margin-left:10%; }
ul#blog-categories-left li, ul#blog-categories-right li { border-bottom: none; margin-bottom: 4px; }
ul#blog-categories-left, ul#blog-categories-right {  }
ul#blog-categories-left a, ul#blog-categories-right a { background:#c7c7c7; padding:4px 10px; color:#ffffff; font-size:15px; font-weight:700; }


/*--------------------------------------------------------------
RECENT FORUM TOPICS
--------------------------------------------------------------*/
.widget_ddrecenttopics { overflow:hidden; }
ul li.forum-lastposts { float:left; border-bottom:none; min-height:90px; padding:0px; width:100%; margin-bottom:4%; }
.shortcode-recent-forum-topics { display: table; width:100%; }
.shortcode-recent-forum-topics.col-2 .forum-lastposts-container li { width:45%; float:left; margin-right: 4%; }
ul.forum-lastposts-container { overflow: hidden; width:100%!important; margin:0px 0px 0px 0px; }
ul.forum-lastposts-container li .forum-topic-container { overflow:hidden; padding-bottom:2%;}
ul.forum-lastposts-container li:last-child .forum-topic-container {background-image:none;}
.forum-lastposts-avatar { float:left; display:block; width:14%; }
.forum-lastposts-avatar img { display:block; width:100%; height:auto; border-radius:38px!important; filter: grayscale(100%); }
ul li.forum-lastposts:hover img { filter: grayscale(0%); }
ul li.forum-lastposts .forum-lastposts-content { display:block; font-size:18px; width:73%; background:#f6f6f6; border: 1px solid #ededed; border-radius: 9px; float:right; line-height:1.2em; padding:3% 4%; position:relative; box-sizing: content-box; }
ul li.forum-lastposts .forum-lastposts-content a.widget_topic_title { font-size:14px; line-height:1.3em; color:#3e3e3e; display:block; font-weight:700; }
a.widget_topic_title { font-weight:bold; }
.forum-lastposts .forum-lastposts-content img { display:none; }
ul li.forum-lastposts .forum-lastposts-details { margin-top:0px; }
ul li.forum-lastposts .forum-lastposts-details, ul li.forum-lastposts .forum-lastposts-details span, ul li.forum-lastposts .forum-lastposts-details span a { font-size:12px!important; font-family:Open Sans; font-style: italic; }

@media screen and (max-width:960px) and (min-width: 620px)
{
#sidebar .forum-lastposts-avatar img { border-radius:46px; }
.forum-lastposts-avatar img { border-radius:66px; }
#sidebar ul li.forum-lastposts .forum-lastposts-content a.widget_topic_title { font-size:16px; }
}

@media screen and (max-width:960px)
{
.forum-lastposts-avatar img { border-radius:80px!important; }
}


/*--------------------------------------------------------------
LOGIN FORM
--------------------------------------------------------------*/
#shortcode-login { overflow:hidden; color:#323232; }
#shortcode-login-form { overflow: hidden; }
#shortcode-login label { font-size:14px; }
#shortcode-login-title { font-size:26px; font-family: Nunito; font-weight: 700; text-shadow: 1px 1px #ffffff; }
#shortcode-login-desc { margin:5% 0; line-height:1.5em; font-size:16px; color:#999999; font-style:italic; text-shadow: 1px 1px #ffffff; }
#shortcode-user-login, #shortcode-user-pass { box-sizing:border-box; background:#ffffff; padding:3% 3% 3.6% 3%; width:100%; font-size: 30px; margin-top:1%; margin-bottom:7%; line-height: 1em; color:#4a4a4a; border-radius:12px; border:3px solid #e1e1e1; }
#shortcode-user-pass { margin-bottom:4%; }
#shortcode-login #shortcode-rememberme { cursor:pointer; }
#shortcode-login .rememberme { width:40%; float:left; font-size:13px; color:#9d9d9d; }
#shortcode-login a.shortcode-password-recovery { color:#9d9d9d; display:inline-block; float: right; font-size:14px; text-shadow: 1px 1px #ffffff; }
#shortcode-login .rememberme #shortcode-rememberme { position:relative; top:2px; color:#a0a0a0; text-shadow: 1px 1px #ffffff;  }
#shortcode-login-submit { background:#0891e6; cursor:pointer; border:none; border-radius:7px; margin-top:9%; float:right; padding:2% 0%; color:#ffffff; font-size:16px; font-family: Nunito; width:100%; font-size: 24px; float:right; transition: all 300ms ease-in; box-sizing: content-box; }
#shortcode-login-submit:hover { background:#ff9801; }
#shortcode-login .shortcode-login-register { margin-top: 9px; }
.right-login-logged { font-size:18px; }
.right-login-logged a { color:#cccccc;}
#shortcode-login .avatar { border:3px solid #262626; margin-right:10px; }
#shortcode-login input::placeholder { color:#cdcdcd; font-weight: 300; font-style: italic; }
.shortcode-login-register { font-size: 16px; font-style: italic; color: #878787; margin-top: 15px; text-shadow: 1px 1px #ffffff; }
.shortcode-login-register a { color:#fa8202; text-shadow: 1px 1px #ffffff; }


@media screen and (max-width:620px)
{
#shortcode-login-desc { font-size:14px; }
#shortcode-user-login, #shortcode-user-pass {padding:3% 3% 3.6% 3%; font-size: 21px; border:3px solid #e1e1e1; }
#shortcode-login .rememberme { width:50%; }
#shortcode-login .rememberme label { font-size:11px; }
#shortcode-login a.shortcode-password-recovery { font-size:12px; margin-top: 3px; }
.shortcode-login-register { font-size:14px; }
}

/*--------------------------------------------------------------
RECENT BLOG COMMENTS
--------------------------------------------------------------*/
.shordcode-recent-comment { margin-bottom:7%; position:relative; }
.recent-comment-content { background-color: #f3f3f3; padding:4.7% 6% 5% 6%; border-radius:6px; font-family:Georgia; font-size:14px; line-height:1.5em; font-style:italic; position:relative; box-sizing: content-box; }
.recent-comment-content-buble { width:24px; height:11px; display:block!important; background-image: url( "images/bubble-comment.png" ); background-position:center center; background-repeat: no-repeat; position: absolute; bottom:-11px; left:25px; box-sizing: content-box; }
.recent-comment-bottom { margin-top:18px; position:relative; }
.recent-comment-info { font-weight:700; color:#1d1d1d; font-size:13px; line-height: 1.2em; }
.recent-comment-info a { font-weight:700; color:#1d1d1d; font-size:13px; }
.recent-comment-avatar img { margin-right:4%; display:block; border-radius:16px; margin-top: 2px; }

@media screen and (max-width:960px) and (min-width: 620px)
{
#sidebar .recent-comment-content { padding:2.7% 4% 3% 4%; font-size:16px; }
}

/*--------------------------------------------------------------
RECENT BLOG POSTS
--------------------------------------------------------------*/
.recent-post { width:100%; clear:both; margin:0 0 4% 0; display:table; border-bottom: 1px dotted #ededed; padding-bottom: 4%; }
.recent-post:last-child { border-bottom: none; padding-bottom: 0px; }
.recent-post-thumb { float:left; width:20%; border-radius: 5px; }
.recent-post-thumb a { display:block; }
.recent-post-thumb img { width:100%; height:auto; display:block; border-radius: 5px; }
.recent-post-title { float:right; width:75%; }
.recent-post-title p:empty { display: none; }
.recent-post-title a { font-size:15px; font-weight:bold; }
.recent-post-bottom { margin-top:7px; display: table; width: 100%; }
.recent-post-bottom-child { float:right; font-size:11px; line-height:11px; font-style:italic; font-weight: 700; color:#afafaf;}
.recent-post-bottom-child a { font-size:11px; line-height:11px; font-weight: 700;color:#afafaf;}
.recent-post-bottom .post-title-bottom-category a { font-size:10px; }


.blog-thumbs-view-entry { width:47.3%; float:left; margin:0 5.3% 5.3% 0; }
.shortcode-recent-blog-posts-1 { overflow: hidden; }
.shortcode-recent-blog-posts-1 .blog-thumbs-view-entry:nth-of-type(2n) { margin-right: 0px; }
.blog-thumb-title { font-size:16px; color:#3b3b3b; font-weight:700; line-height: 1.4em; }
.blog-thumb { position:relative; }
.blog-thumb img { width:100%; height:auto; display:block; transition: all 300ms ease-in; }
.blog-thumb img:hover { opacity:0.7; }
.shortcode-recent-blog-posts-1 .blog-box-details { width:100%; font-size:11px; text-align: center; color:#525252; text-transform: uppercase; }
.shortcode-recent-blog-posts-1 .blog-box-details a { display:inline!important; font-size:11px; line-height: 11px!important; color:#525252; }
.shortcode-recent-blog-posts-1 .blog-box-details span.blog-box-time { display:inline!important; font-size:11px; line-height: 12px!important; }
.shortcode-recent-blog-posts-1 .blog-box-bottom { padding:4.5% 1% 2% 1%; position: relative; text-align: center; z-index: 4; box-sizing: content-box; }
.shortcode-recent-blog-posts-1 .blog-box-comments { position:absolute; top:14px; right:10px; color: #ffffff; }
.shortcode-recent-blog-posts-1 .blog-box-comments span { background-color:#54abee; font-size: 16px; line-height: 16px; font-weight: 700; padding:3px 9px; box-sizing: content-box; }
.shortcode-recent-blog-posts-1 .blog-box-comments-buble { background-image: url( images/buble-1.png ); background-position: center center; background-repeat: no-repeat; float:right; height:17px; width:18px; margin-top:-5px; box-sizing: content-box; }



@media screen and (max-width:1240px)
{
.shortcode-recent-blog-posts-1 .blog-thumb-title a { font-size:15px; line-height: 1.3em; }
}


@media screen and (max-width:960px) and (min-width: 620px)
{
#sidebar .recent-post-thumb { width:15%; }
#sidebar .recent-post-title { width:80%; }
#sidebar .recent-post-title a { font-size:17px; }
#sidebar .recent-post-bottom { margin-top:14px; }
#sidebar .recent-post-bottom-child { font-size:14px; line-height:14px; }
#sidebar .recent-post-bottom-child a { font-size:14px; line-height:14px; }
#sidebar .recent-post-bottom .post-title-bottom-category a { font-size:14px; }
}

@media screen and (max-width:620px)
{
.shortcode-recent-blog-posts-1 .blog-thumb-title { line-height: 1.1em!important; }
.shortcode-recent-blog-posts-1 .blog-thumb-title a { font-size:13px!important; }
.shortcode-recent-blog-posts-1 .blog-box-details, .shortcode-recent-blog-posts-1 .blog-box-details a, .shortcode-recent-blog-posts-1 .blog-box-details .blog-box-time { font-size: 10px!important; }
}

/*--------------------------------------------------------------
GROUPS
--------------------------------------------------------------*/
.list-wrap { width:100%; display: table; }
.hide { position: absolute; top: -9999px; left: -9999px; }
#tabs-container .tabs-nav li.last { margin-right: 0; }
#tabs-container ul { list-style: none; }
#tabs-container ul li a { display: block; }
.group-box { float:left; padding-bottom:12px; font-size:12px; line-height:1.6em; position:relative; width:100%; }
.shortcode-bp-groups ul { overflow: hidden; width:100%!important; }
.shortcode-bp-groups ul li { width:17.6%; margin:0 3% 3% 0; float:left; overflow: hidden; }
#groups-directory-form .list-wrap ul li, .mygroups .list-wrap ul li { width:8.4%; margin:0 1.75% 1.75% 0; float:left; overflow: hidden; }
#groups-directory-form .list-wrap ul li:nth-of-type(10), #groups-directory-form .list-wrap ul li:nth-of-type(20), #groups-directory-form .list-wrap ul li:nth-of-type(30), #groups-directory-form .list-wrap ul li:nth-of-type(40), #groups-directory-form .list-wrap ul li:nth-of-type(50), #groups-directory-form .list-wrap ul li:nth-of-type(60), #groups-directory-form .list-wrap ul li:nth-of-type(70), #groups-directory-form .list-wrap ul li:nth-of-type(80), #groups-directory-form .list-wrap ul li:nth-of-type(90), #groups-directory-form .list-wrap ul li:nth-of-type(100) { margin-right: 0px; }
.groups.bp-user .list-wrap ul li:nth-of-type(10), .groups.bp-user .list-wrap ul li:nth-of-type(20), .groups.bp-user .list-wrap ul li:nth-of-type(30), .groups.bp-user .list-wrap ul li:nth-of-type(40), .groups.bp-user .list-wrap ul li:nth-of-type(50), .groups.bp-user .list-wrap ul li:nth-of-type(60), #groups-directory-form .list-wrap ul li:nth-of-type(70), .groups.bp-user .list-wrap ul li:nth-of-type(80), .groups.bp-user .list-wrap ul li:nth-of-type(90), .groups.bp-user .list-wrap ul li:nth-of-type(100) { margin-right: 0px; }
.shortcode-bp-groups ul li:nth-of-type(5), .shortcode-bp-groups ul li:nth-of-type(10), .shortcode-bp-groups ul li:nth-of-type(15), .shortcode-bp-groups ul li:nth-of-type(20), .shortcode-bp-groups ul li:nth-of-type(25), .shortcode-bp-groups ul li:nth-of-type(30), .shortcode-bp-groups ul li:nth-of-type(35), .shortcode-bp-groups ul li:nth-of-type(40), .shortcode-bp-groups ul li:nth-of-type(45), .shortcode-bp-groups ul li:nth-of-type(50), .shortcode-bp-groups ul li:nth-of-type(55), .shortcode-bp-groups ul li:nth-of-type(60) { margin-right: 0px; }
.group-box-image-container { overflow:hidden; }
.group-box-bottom { padding:0px; text-align:center; position:absolute; bottom:0px; width:100%; }
.group-box .group-box-details { display:none; }

a.group-box-image img { width:100%; height:auto; transition: all 300ms ease-in; }
a.group-box-image img:hover { opacity:0.6; }
.group-box-title { width:100%; padding:1.6% 0 2.9% 0!important; overflow:hidden; line-height:1em; }
.group-box-title a { font-size:10px!important; color:#ffffff!important; line-height:1em; text-transform:uppercase; font-weight:400; }



#sidebar .shortcode-bp-groups ul li { width:22.7%; margin:0 3% 0% 0; }
#sidebar .shortcode-bp-groups ul li:nth-of-type(5), #sidebar .shortcode-bp-groups ul li:nth-of-type(10), #sidebar .shortcode-bp-groups ul li:nth-of-type(15), #sidebar .shortcode-bp-groups ul li:nth-of-type(20), #sidebar .shortcode-bp-groups ul li:nth-of-type(25), #sidebar .shortcode-bp-groups ul li:nth-of-type(30), #sidebar .shortcode-bp-groups ul li:nth-of-type(35), #sidebar .shortcode-bp-groups ul li:nth-of-type(40), #sidebar .shortcode-bp-groups ul li:nth-of-type(45), #sidebar .shortcode-bp-groups ul li:nth-of-type(30), #sidebar .shortcode-bp-groups ul li:nth-of-type(30), #sidebar .shortcode-bp-groups ul li:nth-of-type(30) { margin-right: 3%; }
#sidebar .shortcode-bp-groups ul li:nth-of-type(4), #sidebar .shortcode-bp-groups ul li:nth-of-type(8), #sidebar .shortcode-bp-groups ul li:nth-of-type(12), #sidebar .shortcode-bp-groups ul li:nth-of-type(16), #sidebar .shortcode-bp-groups ul li:nth-of-type(20), #sidebar .shortcode-bp-groups ul li:nth-of-type(24), #sidebar .shortcode-bp-groups ul li:nth-of-type(28), #sidebar .shortcode-bp-groups ul li:nth-of-type(32), #sidebar .shortcode-bp-groups ul li:nth-of-type(36), #sidebar .shortcode-bp-groups ul li:nth-of-type(40), #sidebar .shortcode-bp-groups ul li:nth-of-type(44), .shortcode-bp-groups ul li:nth-of-type(48) { margin-right: 0px; }


@media screen and (max-width:960px)
{
#groups-directory-form .list-wrap ul li { width:17.2%; margin:0 3.5% 3.5% 0; float:left; overflow: hidden; }
#groups-directory-form .list-wrap ul li:nth-of-type(10), #groups-directory-form .list-wrap ul li:nth-of-type(20), #groups-directory-form .list-wrap ul li:nth-of-type(30), #groups-directory-form .list-wrap ul li:nth-of-type(40), #groups-directory-form .list-wrap ul li:nth-of-type(50), #groups-directory-form .list-wrap ul li:nth-of-type(60), #groups-directory-form .list-wrap ul li:nth-of-type(70), #groups-directory-form .list-wrap ul li:nth-of-type(80), #groups-directory-form .list-wrap ul li:nth-of-type(90), #groups-directory-form .list-wrap ul li:nth-of-type(100) { margin-right: 3.5%; }
#groups-directory-form .list-wrap ul li:nth-of-type(5), #groups-directory-form .list-wrap ul li:nth-of-type(10), #groups-directory-form .list-wrap ul li:nth-of-type(15), #groups-directory-form .list-wrap ul li:nth-of-type(20), #groups-directory-form .list-wrap ul li:nth-of-type(25), #groups-directory-form .list-wrap ul li:nth-of-type(30), #groups-directory-form .list-wrap ul li:nth-of-type(35), #groups-directory-form .list-wrap ul li:nth-of-type(40), #groups-directory-form .list-wrap ul li:nth-of-type(45), #groups-directory-form .list-wrap ul li:nth-of-type(50), #groups-directory-form .list-wrap ul li:nth-of-type(55), #groups-directory-form .list-wrap ul li:nth-of-type(60), #groups-directory-form .list-wrap ul li:nth-of-type(65), #groups-directory-form .list-wrap ul li:nth-of-type(70), #groups-directory-form .list-wrap ul li:nth-of-type(75), #groups-directory-form .list-wrap ul li:nth-of-type(80), #groups-directory-form .list-wrap ul li:nth-of-type(85), #groups-directory-form .list-wrap ul li:nth-of-type(90), #groups-directory-form .list-wrap ul li:nth-of-type(95), #groups-directory-form .list-wrap ul li:nth-of-type(100) { margin-right: 0%; }
.groups.bp-user .list-wrap ul li { width:17.2%; margin:0 3.5% 0% 0; float:left; overflow: hidden; }
.groups.bp-user .list-wrap ul li:nth-of-type(10), .groups.bp-user .list-wrap ul li:nth-of-type(20), .groups.bp-user .list-wrap ul li:nth-of-type(30), .groups.bp-user .list-wrap ul li:nth-of-type(40), .groups.bp-user .list-wrap ul li:nth-of-type(50), .groups.bp-user .list-wrap ul li:nth-of-type(60), .groups.bp-user .list-wrap ul li:nth-of-type(70), .groups.bp-user .list-wrap ul li:nth-of-type(80), .groups.bp-user .list-wrap ul li:nth-of-type(90), .groups.bp-user .list-wrap ul li:nth-of-type(100) { margin-right: 3.5%; }
.groups.bp-user .list-wrap ul li:nth-of-type(5), .groups.bp-user .list-wrap ul li:nth-of-type(10), .groups.bp-user .list-wrap ul li:nth-of-type(15), .groups.bp-user .list-wrap ul li:nth-of-type(20), .groups.bp-user .list-wrap ul li:nth-of-type(25), .groups.bp-user .list-wrap ul li:nth-of-type(30), .groups.bp-user .list-wrap ul li:nth-of-type(35), .groups.bp-user .list-wrap ul li:nth-of-type(40), .groups.bp-user .list-wrap ul li:nth-of-type(45), .groups.bp-user .list-wrap ul li:nth-of-type(50), .groups.bp-user .list-wrap ul li:nth-of-type(55), .groups.bp-user .list-wrap ul li:nth-of-type(60), .groups.bp-user .list-wrap ul li:nth-of-type(65), .groups.bp-user .list-wrap ul li:nth-of-type(70), .groups.bp-user .list-wrap ul li:nth-of-type(75), .groups.bp-user .list-wrap ul li:nth-of-type(80), .groups.bp-user .list-wrap ul li:nth-of-type(85), .groups.bp-user .list-wrap ul li:nth-of-type(90), .groups.bp-user .list-wrap ul li:nth-of-type(95), .groups.bp-user .list-wrap ul li:nth-of-type(100) { margin-right: 0%; }

}

@media screen and (max-width:620px)
{
.directory.groups #object-nav .tabs-nav li a { font-size:12px; padding:7px 7px; }
.group-box { padding-bottom:4px; }
.group-box-title, .groups.bp-user .mygroups .group-box-title { font-size:6px!important; line-height:1em!important; padding-top: 2.9%!important; }
.group-box-title a, .groups.bp-user .mygroups .group-box-title a { font-size:6px!important; line-height:1em!important; }
}


/*--------------------------------------------------------------
MEMBERS TABS
--------------------------------------------------------------*/
.front-members { padding-top: 1.5%; padding-bottom: 0.5%; }
#tabs-members-nav { width:100%; display: table; margin-bottom:2.6%; font-family: Open Sans; font-size:14px; font-weight: bold; }
#tabs-members-nav .tabs-nav li a { box-sizing: content-box; float:left; text-align: center; padding:5px 14px; display:block; margin-right: 5px; color:#ffffff; }
#tabs-members-nav .tabs-nav li a.current { background-color: #349791; }
.hidden-tab { display:none; }
.shortcode-members ul { width:100%; display: table; }
.shortcode-members .list-wrap a { width:6.1%; margin-right:1.33%; margin-bottom:1.25%; padding:0.5%; background:#ffffff; display:block; float:left; text-align: right; position: relative; box-sizing: content-box; }
span.shortcode-member-online { display:none; background:#d7ac00; width:9px; height:9px; border-radius: 12px; position: absolute; bottom:10px; left:10px; border:2px solid #f0f0f0; }
.shortcode-members a.is-online span.shortcode-member-online { display: block; }
.shortcode-members a img { display: block; filter: grayscale(100%); }
.shortcode-members a img:hover { filter: grayscale(0%); }
.shortcode-members a img.avatar { width:100%; height:auto; }
.shortcode-members a:nth-child(12), .shortcode-members a:nth-child(24), .shortcode-members a:nth-child(36) { margin-right:0%; }

.shortcode-members .hidden-tab { display: none; }

@media screen and (max-width:960px)
{
.shortcode-members .list-wrap a { width:12.2%; margin-right:2.82%; margin-bottom:2.8%; padding:1%; }
.shortcode-members a:nth-child(12), .shortcode-members a:nth-child(24), .shortcode-members a:nth-child(36) { margin-right:2.82%; }
.shortcode-members a:nth-child(6), .shortcode-members a:nth-child(12), .shortcode-members a:nth-child(18), .shortcode-members a:nth-child(24), .shortcode-members a:nth-child(30) { margin-right:0%; }
}


/*--------------------------------------------------------------
BLOG TAGS
--------------------------------------------------------------*/
.shortcode-blog-tags a { padding:3px 8px; margin-right:2px; margin-bottom:5px; display: inline-block; border:2px solid #e3e3e3; color: #6a6a6a; border-radius:3px; font-size:14px; font-weight: 700; }


/*--------------------------------------------------------------
JOIN NOW BUTTON
--------------------------------------------------------------*/
.welcome-button { box-sizing: content-box!important; width:150px; height:120px!important; border-radius: 80px!important; line-height: 1em; padding-top: 30px; margin:0 auto 0 auto; border:4px solid #ffffff; }
a.join-button { display:block; font-size: 42px; line-height: 1em; color:#ffffff; font-family: Nunito; z-index:2; position:relative; background-repeat: no-repeat; }
a.my-account-button { display:block; width:152px; height:151px; z-index:2; position:relative; background-repeat: no-repeat; }
.front-my-account-button { text-align: center; display: block; margin-left:48%; position: relative; width:100px; }
.front-my-account-button img { border-radius: 10px!important; width: 100%; height:auto; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.12)!important; }
.front-messages { position:absolute; top:-4px; right: -12px; color:#ffffff; padding: 8px 12px; line-height: 1em; background:#ff5858; border-radius: 20px; font-size:21px; font-weight:700; }


@media screen and (max-width:1240px)
{
.welcome-button { width:120px; height:100px!important; padding-top: 20px; margin-top: -10px; }
a.join-button { font-size: 36px; }
}

@media screen and (max-width:960px)
{
.welcome-button { width:110px; height:90px!important; padding-top: 20px; border:3px solid #ffffff; }
a.join-button { font-size: 32px; }
.front-my-account-button { margin-left:48%; width:100px; }
.front-messages { position:absolute; top:-4px; right: -12px; padding: 6px 10px; border-radius: 20px; font-size:18px; }
}

@media screen and (max-width:620px)
{
.welcome-button { width:74px; height:56px!important; padding-top: 16px; border:3px solid #ffffff; }
a.join-button { font-size: 18px; }
.front-my-account-button { margin-left:36%!important; width:80px; }
.front-messages { position:absolute; top:-4px; right: -12px; padding: 6px 10px; border-radius: 20px; font-size:18px; }
}