/*
Theme Name: CommunityJunction
Description: A BuddyPress Theme
Author: Diabolique Design
Author URI: http://themeforest.net/user/Diabolique
Theme URI: http://themeforest.net/item/communityjunction-buddypress-theme/7298510
Version: 2.0.7
Tags: buddypress
Text Domain: communityjunction
License: Regular License
License URI: http://themeforest.net/licenses/regular_extended
*/

/*--------------------------------------------------------------
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset - Based on work by Eric Meyer
2.0 - Structural
2.1 - Content
2.2 - Header
2.3 - Footer
2.4 - Sidebar
3.0 - Non-structural
3.1 - Text
3.2 - Headers
3.3 - Lists
4.0 - Navigation
4.1 - Pagination
5.0 - WordPress
5.1 - Alignments
5.2 - Comments
5.3 - Gallery
5.4 - Images
5.5 - Posts
6.0 - Event Manager
6.1 - WooCommerce
6.2 - Chat
6.3 - Event Manager
6.4 - Contact Form 7
6.5 - BuddyPress Global Search
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset - Reset default browser CSS. Based on work by Eric
Meyer: v1.0  http://meyerweb.com/eric/tools/css/reset/index.html
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
header, nav, section, article, aside, footer { display:block; }

/*--------------------------------------------------------------
2.0 - Structural
--------------------------------------------------------------*/
body { background:#ffffff; color:#333333; font-size: 12px; padding:0px; }
#main { border-top:1px solid #efefef; padding:0px 0 0 0; display:table; width:100%; }
#container { display:table; width:100%; }
.wrapper, .directory .bp-docs-container { width:1240px!important; margin:0 auto!important; }
body.activity-permalink div#container {background: none;border: none;}
a { text-decoration: none; color:#4b4b4b; }
a img {border:none;}
.none { display:none; }
p:empty { display: none; }
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important; white-space: nowrap; height: 1px; width: 1px;overflow: hidden; }
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */ }
#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit, #send_reply_button, #profile-group-edit-submit, #bbp_reply_submit, #bbp_topic_submit, #send { display:block; margin-top:20px; padding:9px 20px; margin-bottom:15px; float:right; cursor:pointer; color:#ffffff; border:none; font-size:14px; font-weight:700; text-transform: uppercase; transition: all 300ms ease-in; }
li.bypostauthor cite span {padding: 6px 10px;padding: 0.428571429rem 0.714285714rem;font-size: 11px;font-size: 0.785714286rem;line-height: 1.428571429;font-weight: normal;color: #7c7c7c;background-color: #e6e6e6;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);background-image: linear-gradient(top, #f4f4f4, #e6e6e6);border: 1px solid #d2d2d2;border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}
iframe, .video-container object, .video-container embed { max-width: 100%; }
#content .text img { max-width:100%!important; height:auto!important; }
#content .text .wp-caption img, #sidebar img { max-width:99%!important; height:auto!important; }
pre { border: 1px solid #eaf0f7; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

table { width: 100%; border: 1px solid #efefef; text-align: left; }
table th, table td { padding: 7px 14px; border-right: 1px solid #efefef; }
table tr { border-bottom: 1px solid #efefef; }

.opensans-300-italic { font-family: Open Sans; font-weight: 300; font-style: italic; }
.opensans-400 { font-family: Open Sans; font-weight: 400; }
.opensans-400-italic { font-family: Open Sans; font-weight: 400; font-style: italic; }
.opensans-700 { font-family: Open Sans; font-weight: 700; }
.opensans-700-italic { font-family: Open Sans; font-weight: 700; font-style: italic; }
.opensans-800 { font-family: Open Sans; font-weight: 800; }

.nunito-700, .nunito-700 h1, .nunito-700 h2, .nunito-700 h3, .nunito-700 h4, .nunito-700 h5, .nunito-700 h6, { font-family: Nunito!important; font-weight: 700!important; }
.nunito-800 { font-family: Nunito!important; font-weight: 800!important; }

.for-logged-in-users { display: none; }
.logged-in .for-logged-in-users { display: block; }
.for-logged-out-users { display: block; }
.logged-in .for-logged-out-users { display: none; }

.right-col-bg .elementor-container { background: linear-gradient(to right, #ffffff 0%, #ffffff 56%, #f4f4f4 56%, #f5f5f5 100%); }
.left-col-bg .elementor-container { background: linear-gradient(to right, #f4f4f4 0%, #f4f4f4 57.5%, #ffffff 57.5%, #ffffff 100%); }

.background-full-width .elementor-column-wrap { background-size: 110% auto!important; }

.hide { position: absolute; top: -9999px; left: -9999px; }

select option { font-size:15px; max-width: 280px; }
p:empty { display: none; }

/*--------------------------------------------------------------
2.1 - Content
--------------------------------------------------------------*/
#content { width:63.7%; padding:60px 0px 60px 0px; float:left; line-height:1.6em; font-size:14px; min-height:200px; }
.page-template-blog-php #content, .archive #content { padding-top:40px; }
.registration #content, .page-template-login-php #content, .page-template-recovery-php #content, .page-template-search-page-php #content, .activity-permalink #content, .page-template-onecolumn-page-php #content, .error404 #content, .directory.blogs #content, .create-blog #content, .full-width #content, .page-template-blog-2 #content, .directory.members #content, .group-content-rtmedia #content, .member-content-rtmedia #content, #content.full-width { width: 100%; }
.directory.groups #content { width: 100%; padding-top: 0px; }
.activity-permalink #content { float:none; margin: 0 auto; }
#content.bbpress-page { padding:60px 0px 0px 0px; }
div#content .one-column {border-right: 0 none;margin-right: 0; }
div#content .left-menu {float: left; }
div#content .main-column {margin-left: 120px; }
.group-create div#content .main-column {margin-left: 180px; }
.page-title { font-size:60px; color:#ffffff; font-weight:700; }
#content.bbpress-page .page-title { margin:0px; }
.not-found-message { font-size:24px; line-height:1.5em; font-weight:700; color:#949494; }

.header-title { width:100%; padding:40px 0 40px 0; }
.header-title .wrapper { position:relative; }

.wrapper.group-content, .wrapper.spacer { background-image: url( 'images/spacer-1.png' ); background-position:66.5% top; background-repeat: repeat-y; display:table; }

/*--------------------------------------------------------------
2.2 - Header
--------------------------------------------------------------*/
#header-very-top { margin:0 auto; width:1240px; display:table; }
.user-top { float:right; margin-top:2px; }
.signin { color: #ffffff; background:#bbbbbb; font-size:11px; line-height:12px; margin-right:1px; padding:4px 9px; border-radius: 4px 0 0 4px; text-transform:uppercase; position: relative; top:3px; }
.create-account { color: #ffffff; background:#e75200; font-size:11px; line-height:12px; padding:4px 9px; border-radius:0 4px 4px 0; text-transform:uppercase; position: relative;top:3px;}

.user-top.logged-in { margin-top:0px; }
.top-bar-avatar { position: relative; margin-right: 12px; }
.top-bar-avatar img { display:block; border-radius: 15px; width:27px; height:auto; }
.top-bar-username { font-size:14px; font-weight:700; color:#404040; position:relative; top:4px; }
.top-bar-username a { color:#404040; }
.top-bar-messages { position:absolute; top:-4px; right: -6px; color:#ffffff; padding: 2px 4px; line-height: 1em; background:#ff5858; border-radius: 12px; font-size:10px; font-weight:400; }
.top-bar-logout { margin-left:10px; margin-top:3px; display:block; float:right; height:21px; width:21px; background-image: url( "images/logout.png" ); background-repeat: no-repeat; background-position:center center; background-size: 100% auto;  filter: grayscale(100%); }
.top-bar-logout:hover { filter: grayscale(0%); transition: all 300ms ease-in; }

#top-bar-right { float:right; margin-top:4px; }

header { margin:0 auto; padding:14px 0 12px 0; overflow: hidden; }
#logo { float:left; }
#logo img { width: 160px; height:auto; }
#header-top { height:92px; }
#header-bottom { width:960px; margin:0 auto; }
#header-left { width:auto; overflow: hidden; float: left; }
#header-right { float:right; width:auto!important; }
.primary-menu li { position:relative; padding-top:15px; display: inline; float:left; font-size:24px; color:#383838; font-weight:700; margin-left:40px; }
.primary-menu li span { position:absolute; top:0px; left:0px; display:block; width:100%; font-size:14px; color:#acacac; font-weight:700; float:left; text-align:left; }

header .tile-nav { width: auto; }
header .tile-nav li { display:block; float:left; padding: 7px 8px; }
header .tile-nav li:last-child { margin-right: 0px; }
header .tile-nav li a { display:block; height:18px; width:60px; position:relative; padding-top:33px; text-align:center; background-image: url( "images/tile-default.png" ); background-repeat: no-repeat; background-size: auto 25px; background-position: center 1px; }
header .tile-nav a .tile-title { font-size:10px; font-weight:700; padding:1px 4px; position:relative; transition: all 300ms ease-in; opacity: 1.0!important; }


.notif-container { position:fixed; width:240px; z-index:1000; bottom:10px; right:30px; color:#ffffff; }
.my-notification { padding:9px 14px; margin-bottom:20px; border-radius: 6px; }
.my-notification a {opacity: 1;}
.my-notification:last-child { border-bottom:none; }
.my-notification a { color:#ffffff; font-size:14px; }

/*--------------------------------------------------------------
2.3 - Footer
--------------------------------------------------------------*/
footer { width:100%; display:table; padding: 15px 0 0 0; color:#ffffff; }

.footer-menu { width:100%; padding:14px 0; }
.footer-menu ul li { display:inline; margin:0 30px 0 0; }
.footer-menu ul li a { font-size:14px; color: #ffffff; font-weight: 700; }
.footer-menu ul li ul { display: none; }

.footer-info { font-size:13px; padding:10px 0 25px 0; line-height:1.4em; overflow:hidden; font-style: italic; font-weight: 300; }

.no-footer-desc { border-top: 1px solid #efefef; }

.footer-copyright { font-size:15px; font-style: italic; color:#171717; overflow:hidden; margin-top:15px; margin-bottom:5px; font-weight:300; text-align: center; }
.footer-copyright img { width:21px; height:auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:0.5s; }
.footer-copyright img:hover { filter: grayscale(0%); }

/*--------------------------------------------------------------
2.4 - Sidebar
--------------------------------------------------------------*/
#sidebar { width: 30.5%; float:right; padding-top:45px; padding-bottom:40px; }
.groups.bp-user #sidebar { display: none; }
body.logged-in #sidebar { padding-top:40px; }
#sidebar p { line-height:1.6em; font-size:13px; color:#1d1d1d; }
#sidebar .sidebar-box { margin-bottom:3%; width:100%; color:#505050; overflow:hidden; line-height:1.5em; font-size:13px; border-bottom: 1px solid #efefef; padding-bottom:6%; }
#sidebar .sidebar-box:last-child { background-image:none; }
#sidebar .sidebar-title { font-size:21px; font-weight:700; padding:12px 0px; margin-bottom:10px; color:#212121; }
#sidebar .sidebar-title a { font-size:21px; }
div#sidebar div.sidebar-box:first-child div.sidebar-title { border-top:none; }
img.advertisement { padding:8px; border:1px solid #ededed; }
#sidebar ul { width:100%; margin-top:0px; }
.sidebar-box li { padding:6px 0px 5px 0px; }
.sidebar-box a { color:#1d1d1d; font-size:13px; }
.sidebar-box ul li ul li { margin-left:10px; border:none; }
div#sidebar div#sidebar-me {margin-bottom: 15px;}
div#sidebar div#sidebar-me img.avatar {float: left;margin: 0 10px 15px 0;}
div#sidebar div#sidebar-me h4 {font-size: 16px;margin: 0 0 8px 0;font-weight: normal; }

.sidebar-box select { font-size: 16px; padding: 8px; width:100%; }

/*-------------------------- bbPress Search Widget -----------------------------------*/
#bbp-search-form label { font-style:italic; }
#bbp_search { border:1px solid #d8d8d8; border-radius:5px; padding:6px; }
#bbp_search_submit { padding-top:5px; padding-bottom:5px; border-radius:5px; border:none; background:#f69200; color:#ffffff; font-weight:bold; font-size: 15px; cursor:pointer; }
#bbp-search-form .hidden { display: none; }

/*-------------------------- Search Widget -----------------------------------*/
.widget_search, .widget_dd_bbpresssearch { padding-bottom:25px!important; }
form.search-form { width:140px; margin-top: 2px; margin-right:20px; float:right; }
#searchform-child { overflow:hidden; width:100%; border:1px solid #e2e2e2; border-radius: 6px; }
form.search-form #s { background:none; color:#5d5d5d; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-size:11px; padding:3px 4px 1px 4px; float:left; width:73%; border: none; }
form.search-form .search-submit { background: #e2e2e2; background-image: url( "images/search.png" ); background-position:center center; background-repeat: no-repeat; background-size: 66% auto; width:17%; height:21px; border-radius: 0px; cursor:pointer; float:right; padding:0px; border:none; font-size:0px; }

#sidebar form.search-form { width: 280px; float:left; }
#sidebar form.search-form #s { font-size:18px; padding-top: 6px; padding-bottom: 6px; padding-left: 7px; }
#sidebar form.search-form .search-submit { height:40px; }

/*-------------------------- Calendar Widget -----------------------------------*/
#calendar_wrap { margin-top:-20px!important; }
#wp-calendar caption { text-align: center; color: #333; font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; }

/*--------------------------------------------------------------
3.0 - Non-structural
--------------------------------------------------------------*/
p {margin-bottom: 15px;}
p:last-child {margin-bottom: 0;}
.accessibly-hidden {left: -999em;position: absolute;}
hr {background-color: #e7e7e7;border: 0 none;clear: both;height: 1px;margin: 20px 0;}
textarea {resize: vertical; font-size:14px;}


/*--------------------------------------------------------------
3.1 - Text
--------------------------------------------------------------*/
big {font-size: 18px;}
del {text-decoration: line-through;}
ins {background: #fff9db;text-decoration: none;}
sub {top: .5ex;}
sup {bottom: 1ex;}
sub, sup {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
pre, blockquote {margin-bottom: 20px;}
pre, code p {background: #f4f4f4;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 15px;overflow: auto;}
blockquote {font-family: georgia, times, serif;font-size: 16px;font-style: italic;line-height: 150%;padding: 0 3em;quotes: none;}
blockquote p {margin-bottom: 15px !important;}


/*--------------------------------------------------------------
3.2 - Headers
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 5px 0 15px 0; line-height:1.6em; color:#252525; font-weight: 700; }
h1 {font-size: 48px; }
h2 {font-size: 44px; }
h3 {font-size: 38px; }
h4 {font-size: 34px; }
h5 {font-size: 26px; }
h6 {font-size: 24px; }


/*--------------------------------------------------------------
3.3 - Lists
--------------------------------------------------------------*/
div.page ul, div.page ol, div.page dl, div.post ul, div.post ol, div.post dl {margin: 0 0 18px 1.5em;}
div.page ul, div.post ul { list-style: square; }
div.page ol, div.post ol {list-style: decimal;}
div.page ol ol, div.post ol ol { list-style: lower-alpha;}
div.page ol ol ol, div.post ol ol ol {list-style: lower-roman;}
dl {margin-left: 0;}
dt {font-size: 14px;font-weight: bold;}
dd {margin: 0 0 15px 0;}
div.post ul ul, div.post ol ol, div.post ol ul, div.post ul ol, div.page ul ul, div.page ol ol, div.page ol ul, div.page ul ol {margin-bottom: 0px;}

/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/
#header-very-top nav { float:left; margin-top:0px; border-left:1px solid #efefef; border-right:1px solid #efefef; }
body.logged-in #header-very-top nav { margin-right:0px; }
#header-very-top nav a {color: #353535;}
#header-very-top nav ul, #header-very-top nav ul li .nav-ul-container { padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:50; font-size:14px; font-weight:700; }
#header-very-top nav ul a:link, #header-very-top nav ul a:active, nav ul a:visited { display:block; padding:0; text-decoration:none; }
#header-very-top nav ul li { float:left; position:relative; background:none; padding:8px 19px; border-left:1px solid #efefef; transition: all 300ms ease-in; }
#header-very-top nav ul.nav li:first-child { border-left:none; }
#header-very-top nav ul li ul li:last-child { border-bottom:none; }
#header-very-top nav ul li a:hover { color:#000000; }
#header-very-top nav ul li .nav-ul-container ul, #header-very-top nav ul li .nav-ul-container ul li .nav-ul-container ul { background-color:#ffffff; opacity: 0.95; box-shadow: 0px 0px 0px 5px rgba(214,214,214,0.40); border-radius: 6px; }
#header-very-top nav ul li .nav-ul-container { position:absolute; padding-top:19px; left:50%; margin-left: -110px; text-align:left; width:220px; top:27px; background-image: url( images/menu-arrow-top.png ); background-position: center top; background-repeat: no-repeat; display:none; }
#header-very-top nav ul li .nav-ul-container ul { margin-left:0px; display:table; width:100%; }
#header-very-top nav ul li ul li .nav-ul-container { padding-top:0px; }
#header-very-top nav ul li .nav-ul-container ul li .nav-ul-container { display:none; left:220px; top:-2px; padding-left:25px; margin-left: 0px; background-image:none; }
#header-very-top nav ul li .nav-ul-container ul li:hover .nav-ul-container { display:block; }
#header-very-top nav ul li .nav-ul-container ul li .nav-ul-container ul { display:table; width:100%; }
#header-very-top nav ul li ul li a { float:left; font-size:14px; color:#4c4c4c; text-shadow:none; opacity: 1; }
#header-very-top nav ul ul ul:hover { width:210px; }
#header-very-top nav ul li ul ul { margin:0px; border-top:none; }
#header-very-top nav ul li ul li { padding:13px 7% 13px 7%!important; margin-left:0px; margin-right:0px; width:86%; border-left:none; border-bottom:1px solid #ededed; max-width:none; list-style-type:none; text-transform:none; }
#header-very-top nav ul li ul li:hover { background:#ededed; }
#header-very-top nav ul li ul li:last-child:hover { border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
#header-very-top nav ul li:hover ul ul, #header-very-top nav ul li:hover ul ul ul, #header-very-top nav ul li:hover ul ul ul ul { display:none; }
#header-very-top nav ul li:hover .nav-ul-container, #header-very-top nav ul li li:hover ul, #header-very-top nav ul li li li:hover ul, #header-very-top nav ul li li li li:hover ul { display:block; }
#header-very-top nav ul li ul.children li { list-style-type:none; }
#header-very-top nav ul li ul li.current-menu-item { color:#ffffff; text-shadow:none; border-left:none; border-bottom: none; position: relative; top:-1px; }
#header-very-top nav ul li ul li.current-menu-item.parent { background-image:none; }
#header-very-top nav ul li.current-menu-item.parent ul li a { color:#4c4c4c; }
#header-very-top nav ul li ul li.current-menu-item { background:#ffa65c; color:#8a8a8a; text-shadow:none; }
#header-very-top nav ul li ul li.current-menu-item a { color:#ffffff; }
#header-very-top nav ul li ul li.current-menu-item ul li a { color:#ffffff; }
#header-very-top nav ul ul li li.current-menu-item span { color:#ffffff; }
#header-very-top nav ul li.parent { background-image: url( "images/menu-arrow.png" ); background-position: right center; background-repeat: no-repeat; }
#header-very-top nav ul li.parent:hover { background-image:none; }
#header-very-top nav ul li ul li.parent { background-image: url( "images/menu-arrow2-child.png" ); background-position: 200px center; background-repeat: no-repeat; }
.tinynav { display: none; }

#mobile-nav { display:none; float:left; background-image: url( "images/mobile-menu.png" ); background-repeat:no-repeat; background-position:center center; height:28px; width:28px; background-size:100% auto; position:relative; cursor:pointer; }
#mobile-nav div.menu { display:none; background-color:#ffffff; opacity: 0.95; box-shadow: 0px 0px 0px 5px rgba(214,214,214,0.40); border-radius: 6px; text-align:left; position:absolute; top:44px; left:0px; padding:0px; z-index:1000; width:220px; }
#mobile-nav div.menu ul li ul { background:none; }
#mobile-nav .menu ul a { color: #353535; font-size:14px; font-weight:700; opacity: 1; }
#mobile-nav .menu ul li ul { padding-left: 20px; }
#mobile-nav .menu ul li { padding:12px 15px; border-bottom:1px solid #ededed; }
#mobile-nav .menu ul li:last-child { border-bottom: none; }
#mobile-nav .menu ul li ul li { padding:6px 0; border-bottom:none; }
#mobile-nav .menu ul li a { font-size:14px; }
#mobile-nav .menu ul li ul li a { font-size:12px; }

.logged-in .hide-when-logged { display:none; }

/*--------------------------------------------------------------
4.1 - Pagination
--------------------------------------------------------------*/
div.pagination { color: #888; font-size: 14px; margin:10px 0 0 0;padding: 8px 0px; overflow:hidden; position: relative; }
div.pagination .pag-count { float: left; font-size: 13px; font-weight: 700; color: #c3c3c3; }
div.pagination .pagination-links {float: right; }
div.pagination .pagination-links span, div.pagination .pagination-links a {font-size: 14px;padding: 2px 5px;}
.page-numbers, #member-dir-pag-bottom .page-numbers { font-size: 16px;padding: 8px 15px; margin-right: 2px; font-weight: 700; background:#c0c0c0; color: #ffffff; border-radius: 35px; }
.page-numbers.current { background:#fd8c38!important; }
.page-numbers.dots, .next.page-numbers, .prev.page-numbers { background:none!important; color: #949494!important; padding-left: 4px!important; padding-right: 4px!important; }
#nav-above {display: none;}
.paged #nav-above {display: block;}

/*--------------------------------------------------------------
5.1 - Alignments
--------------------------------------------------------------*/
.alignright {float: right;margin-left: 15px;}
.alignleft {float: left;margin-right: 15px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clear {clear: left;}


/*--------------------------------------------------------------
5.2 - Comments
--------------------------------------------------------------*/
.navigation, .paged-navigation, .comment-navigation {overflow: hidden; font-size: 14px;font-style: italic;margin: 5px 0 25px 0;padding: 5px 0;}
#trackbacks {margin-top: 30px;}
#comments { margin:0px 0 0 0; }
.page-template-onecolumn-page-php #comments, .page-template-onecolumn-page-php #container-comment-form { width:80%; }
.page-template-onecolumn-page-php #comments { margin-top: 30px; }
#comments-number { font-size:26px; font-weight:700; padding-bottom:20px; border-bottom: 3px solid #efefef; margin-bottom:30px; }
.comment-body { width:100%; padding:0 0 4% 0; overflow: hidden; }
.comment-entry { overflow:hidden; font-size:14px; line-height:1.6em; color:#3d3d3d; }
.comment-counter a { color:#ffffff!important; font-size:36px; line-height:36px; }
.thread-odd .comment-counter a { color:#ffffff!important; }
#comments ol.commentlist { margin: 0 0 0 0;}
#comments ol.commentlist ol {list-style-type: decimal; }
#comments ol.commentlist ol ol {list-style: lower-alpha;margin-bottom: 0px;}
#comments ol.commentlist ol ol ol {list-style: lower-roman;}
.commentlist div.comment-content { padding: 3%; border: 1px solid #ededed; background-color: #f9f9f9; width:80%; border-radius: 6px; float:right; }
.commentlist .comment-content.standard-form { width:94%!important; box-sizing: content-box!important; }
ol.commentlist li.comment { clear: left;list-style: none;}
.comment-avatar-box { width:10%; float:left; }
.comment-avatar-box img { width:100%; height:auto; border-radius: 42px; }

.commentlist .children li { padding-left: 5%; }
.commentlist .children li .comment-avatar-box { width:8%; }
.commentlist .children li div.comment-content { width:82%; }

div.comment-meta { font-size: 14px; color:#363636; font-weight:bold; margin: 0 0 7px 0;width: 100%;}
div.comment-meta a { color:#363636; }
div.comment-meta em { font-style: normal; }
#reply-title {margin-top: 0; font-size:26px; }
#reply-title small {float: right;font-size: 11px;font-weight: normal;}
#reply-title small a {margin-right: 0;}
.commentlist ul.children #respond { width:70%; margin:0 auto!important; }

#container-comment-form { overflow:hidden; padding-top:30px;}
#respond { overflow:hidden; padding:40px 0; }
#respond .standard-form { float:left; width:100%; }
#respond { width:100%; margin:0 auto; padding:15px 0; }
#respond .avb img {float: inherit;}
#respond .comment-avatar-box {float: left;margin: 0 15px 0 0;}
#respond .form-submit {margin-bottom: 0;}
ol.commentlist #respond { width:100%; margin:0 auto; padding:15px 0; }
.commentlist ul.children #respond {margin-bottom: 10px;margin-left: 35px;margin-right: 20px;}
h3#reply .comments-header {font-size: 14px;}
#respond div.comment-content {border-style: none;}
.form-allowed-tags, .form-allowed-tags code { font-size:10px; }
input#comment-submit { margin-top:12px; margin-bottom:20px; }
#nav-below {margin: 0 0;padding: 0 0;}
#nav-above {margin: 0 0 15px;padding: 0;}
.comment-content label { color: #949494; }
#respond input#author, #respond input#email, #respond input#url, #respond textarea#comment { background:#fbfbfb; border:3px solid #f0f0f0; color:#3d3d3d; padding: 5px; box-sizing: border-box;}
#respond input#author, #respond input#email, #respond input#url { width:60%!important; font-size: 21px; padding: 7px; }
#respond textarea#comment { width: 100%; min-height: 200px; }
.comment-options {margin: 10px 0 2px;}
.comment-options .comment-reply-link, .comment-options .comment-edit-link { font-size: 10px; text-transform:uppercase; text-shadow:none; background:#e1e1e1; border-radius: 5px; color:#aaaaaa; font-weight: 700; float:right; margin-right: 5px;padding:0px 6px;}
.commentlist ul.children div.comment-options {margin-bottom: 10px;}
.comment-notes { font-style: italic; color: #b5b5b5; }

#content .comment-entry, .blog-box-bottom {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


/*--------------------------------------------------------------
5.3 - Gallery
--------------------------------------------------------------*/
.wp-caption {background-color: #f3f3f3;border: 1px solid #ddd; border-radius: 3px;margin-bottom: 15px;padding-top: 4px;text-align: center;}
dd.wp-caption p.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 0.9em;line-height: 17px;margin: 0;padding: 5px 4px 5px 0;}
#content .gallery {margin: 0 auto 15px;}
#content .gallery .gallery-item {margin-bottom: 0;margin-left: 0;}
.gallery-item img {margin-bottom: 15px;}
.gallery .gallery-caption {color: #555;}


/*--------------------------------------------------------------
5.4 - Images
--------------------------------------------------------------*/
img.avatar { float: left; }
img.wp-smiley {border: none !important;clear: none !important;float: none !important;margin: 0 !important;padding: 0 !important;}
img.centered, img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignright {display: inline;margin: 0 0 2px 7px;padding: 4px;}
img.alignleft {display: inline;margin: 0 7px 2px 0;padding: 4px;}


/*--------------------------------------------------------------
5.5 - Posts
--------------------------------------------------------------*/
.header-title-single-post { position: relative; padding: 6% 0 4% 0; background-position: center center!important; background-size: cover!important; }
.header-title-single-post .transparent-cover { top:0px; }
.single-post-title { font-size:60px; color:#ffffff; font-weight:700; line-height:1em!important; }
.single-post-category { position: absolute; left:0px; top:-50px; background:rgba(0, 0, 0, 0.3); color:#ffffff; font-size: 18px; padding: 3px 12px; }
.single-post-category a { color:#ffffff; }
.post-title { line-height:32px; color:#252525; margin-bottom:30px; border-bottom: 1px solid #efefef; }
.post-title a { color:#252525; font-size:36px; font-weight:700; }
.post-title-details { font-weight: 700; color:#2f2f2f; line-height: 1em; padding: 6px 8px 23px 0px; margin-top: 12px; border-radius: 6px; font-size: 13px; }
.post-title-details a { font-weight: 700; color:#2f2f2f; margin-top: 0px; font-size: 13px; }
.post-title-details-item { padding-right: 6%; color:#b4b4b4; }
.post-title-details-item span, .post-title-details-item span a { color:#3c3c3c; }
.blog-post { margin-top:20px; padding-bottom:60px; margin-bottom:0px; border-bottom: 1px solid #efefef; }
.blog-bottom-tags-empty { display:none; }
.blog-bottom-tags-has { margin-top:30px; margin-bottom:5px; display: table; }
.blog-bottom-tags-has a { padding:5px 9px; border:3px solid #e3e3e3; font-size:14px; font-weight: 700; color:#6a6a6a; border-radius: 2px; }
.single-post .blog-post { margin-top:0px; padding-bottom:10px; margin-bottom:20px; border-bottom: 3px solid #efefef; }
.header-title-single-post .subtitle { font-weight:bold; margin-top:20px; font-size:21px; color:#ffffff; }
.entry .subtitle { font-weight:bold; margin-bottom:10px; font-size:15px; }
.text p { margin-bottom: 20px; overflow: hidden; }
.text ul { list-style-type:circle; margin:0 0 20px 30px; }
.text ol { list-style-type: decimal; margin:0 0 20px 30px; }
.text p a, .comment-entry p a { text-decoration:underline; transition: all 300ms ease-in; }
.text p a:hover, .comment-entry p a:hover { color:#ff9801;}
.text img {  }
div.thumbnail { margin:7px 27px 7px 0; float:left; width:342px; text-align:center; }
div.thumbnail img { border-radius: 9px; width: 100%; height:auto; }
div.thumbnail span { padding:0px 0 4px 0; font-size:11px; font-style: italic; color: #8f8f8f; font-weight: 700; display:block; }
div.thumbnail span:empty { display: none; }
.prev-post a, .next-post a { display:block; padding:7px 11px; margin-top:170px; margin-bottom:20px; border-radius:7px; font-size:11px; background:#e8e8e8; text-shadow:#ffffff 1px 1px 0px; }
.prev-post a:hover, .next-post a:hover { background:#ff4546; color:#ffffff; text-shadow:none; }
.prev-post { float:left; }
.next-post { float:right; }
a.more-link { display:block; text-decoration:none!important; margin-top:30px; float:right; font-size:16px; border-radius:4px; font-weight:700; transition: all 300ms ease-in; }

.single-blog-post-details { margin-bottom: 4%; display: table; width: 100%; padding-bottom: 14px; border-bottom: 3px solid #efefef; }
.single-blog-post-avatar { float:left; position: relative; }
.single-blog-post-avatar img { border-radius:35px; filter: grayscale(100%); }
.single-blog-post-avatar img:hover { border-radius:35px; filter: grayscale(0%); }
.single-blog-post-details-child { float:left; margin-left: 15px; }
.single-blog-post-author { background-color: #ff5858; color: #ffffff; font-size: 11px; font-weight:700; position: relative; z-index: 1; padding: 3px 11px; border-radius: 12px; text-transform: uppercase; }
.single-blog-post-time { float:left; font-weight: 700; }

.single-blog-post-details-share { width:40%; float:right; padding-top: 5px; }
.single-blog-post-details-share .addthis_toolbox a { float:right; }

.pagination-blog { margin-top:40px; }
.edit-link, .page-link {clear: both;font-weight: bold; font-family:Tahoma; }
div.author-box {background: #f0f0f0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;float: left;font-family: georgia, times, serif;font-style: italic;margin: 0 15px 15px 0;padding: 10px;text-align: center;width: 70px;}
div.author-box p {word-wrap: break-word;}
div.author-box p, div.comment-avatar-box p {margin: 5px 0 0;}
div.author-box a, div.comment-avatar-box a {text-decoration: none;}
div.author-box img {float: none;border: 4px solid #fff;margin: 0;}
div.post-content {margin-left: 105px;}
p.date span:first-child {font-style: italic;}
div.post .entry {margin-bottom: 15px;}
p.date, p.postmetadata {border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;color: #888;font-family: Georgia, times, serif;font-size: 12px;margin: 10px 0;padding: 3px 0;}
p.postmetadata {clear: left;overflow: hidden;}
.page .tags, .post .tags {float: left;}
span.sticky-post {font-style: normal;}

/*--------------------------------------------------------------
RELATED BLOG POSTS
--------------------------------------------------------------*/
.relatedposts { margin-top:50px; padding-top: 30px; display: table; width: 100%; border-top: 3px solid #efefef; }
.relatedposts-title h6 { font-weight: 700; }
.relatedposts-child { width: 105%; }
.relatedposts .blog-thumbs-view-entry { width:29.7%; float:left; margin:0 3% 3% 0; }
.relatedposts .blog-box-bottom .blog-thumb-title { line-height: 1em!important; }
.relatedposts .blog-box-bottom .blog-thumb-title a { font-size:14px; color:#3b3b3b; font-weight:700; line-height: 1em!important; }
.relatedposts .blog-thumb { position:relative; }
.relatedposts .blog-thumb img { width:100%; height:auto; display:block; transition: all 300ms ease-in; }
.relatedposts .blog-thumb img:hover { opacity:0.7; }
.relatedposts .blog-box-details { width:100%; font-size:11px; text-align: center; color:#525252; text-transform: uppercase; }
.relatedposts .blog-box-details a { display:inline!important; font-size:11px; line-height: 11px!important; color:#525252; }
.relatedposts .blog-box-details span.blog-box-time { display:inline!important; font-size:11px; line-height: 12px!important; }
.relatedposts .blog-box-bottom { padding:4.5% 1% 2% 1%; position: relative; text-align: center; z-index: 4; }
.relatedposts .blog-box-comments { position:absolute; top:14px; right:10px; color: #ffffff; }
.relatedposts .blog-box-comments span { background-color:#54abee; font-size: 16px; line-height: 16px; font-weight: 700; padding:3px 9px; }
.relatedposts .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; }



/* --------------- Full width masonry view --------------- */
.blog-2 { width:103.5%; }
.blog-2 .blog-2-entry { width:30%; float:left; margin:0 3.3% 3.3% 0; box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.08); }
.blog-2-thumb a { display: block; }
.blog-2-thumb { position: relative; }
.blog-2-thumb img { width: 100%; height: auto; display: block; }
.blog-2 .blog-2-title { font-size:18px; color:#232323; font-weight:800; margin-bottom: 5px; line-height: 1.4em; }
.blog-2 .blog-2-title a { color:#323232; font-size:18px; }
.blog-2-entry .blog-2-details span.blog-box-time { display:inline!important; background: #ff5858; color:#ffffff; padding: 4px 9px; font-size:16px; line-height: 16px!important; }
.blog-2-entry .blog-2-bottom { padding:4.5% 5% 5% 5.5%; position: relative; z-index: 4; }
.blog-2-comments { position:absolute; top:16px; right:10px; color: #ffffff; }
.blog-2-comments span { background-color:#54abee; font-size: 16px; line-height: 16px; font-weight: 700; padding:3px 9px; }
.blog-2-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; }
.blog-2-details { width:100%; font-size:16px; position:absolute; left: 0px; bottom: 4px; z-index:3; font-style: italic; }
.blog-2-details a { display: inline; background:#ebff76; color:#595959; padding: 4px 9px; font-size:16px; line-height: 16px!important; }
.blog-2-details a:nth-of-type(2), .blog-2-details a:nth-of-type(3) { display: none; }
.more-link-2 { display: block; font-weight: 700; margin-top: 8px; }

/* --------------- Masonry view with sidebar --------------- */
.blog-2.blog-2-sidebar { width:107%; }
.blog-2.blog-2-sidebar .blog-2-entry { width:44.3%; margin:0 4.5% 4.5% 0; }


/*--------------------------------------------------------------
6.0 - Event Manager
--------------------------------------------------------------*/
#event-form { padding:20px; }
article.event { overflow:hidden!important; display:table!important; }
.events-table { width:100%; }

/*--------------------------------------------------------------
6.1 - WooCommerce
--------------------------------------------------------------*/
body.woocommerce h1.page-title { display:none; } 
.related.products ul.products li a img { width:175px!important; height:175px!important; }
.single-product #reviews { display:none; }
#tab-reviews #reviews { display:block; }


/*--------------------------------------------------------------
6.2 - Chat
--------------------------------------------------------------*/
.chat-login-name, .chat-login-email { font-size:18px; padding:3px; border:1px solid #d6d6d6; border-radius:4px; }
.chat-login-wrap input[type=submit] { padding:3px; font-size:14px; }

/*--------------------------------------------------------------
6.3 - Event Manager
--------------------------------------------------------------*/
#event-form { padding:20px; }
.events-table { width:100%; }
.events-table thead tr th { text-align:left; }
.events-table thead { border-bottom:1px solid #e7e7e7; }
.events-table tbody tr td { padding-top:10px; }
.events-table tbody tr td { border-bottom:1px solid #e7e7e7; }
article.event { overflow:hidden!important; display:table!important; }
.events.bbpress .plugin-content { padding:20px; }
.events #item-body h4 { font-size:16px; }
.em-events-list { margin-bottom:20px; }
.single-event #footer { margin-top:0px; }

/*--------------------------------------------------------------
6.4 - Contant Form 7
--------------------------------------------------------------*/

.wpcf7-text { background:none!important; width:300px!important; padding:6px!important; border:3px solid #f0f0f0!important; background: #fbfbfb!important; font-family:verdana, ms sans serif!important; font-size:24px!important; border-radius:5px; /* CSS3 */ }
.wpcf7-form-control-wrap textarea { border:3px solid #f0f0f0!important; background: #fbfbfb!important; padding:10px!important; width:530px; color:#717171!important; font-size:12px!important; border-radius:9px; /* CSS3 */  }
.wpcf7-submit { margin:12px 0 30px 0px!important;text-shadow:none; float:left; } 

/*--------------------------------------------------------------
6.5 - BuddyPress Global Search
--------------------------------------------------------------*/
.bb-global-search-ac { border-radius: 8px!important; padding: 10px 0px!important; }
.bb-global-search-ac .ui-menu-item { padding-left: 20px!important; padding-right: 20px!important; }
.bb-global-search-ac .bbls-category { text-transform: uppercase; }
.bb-global-search-ac .item-desc { font-style: italic; font-size: 12px!important; }
.bb-global-search-ac .allresults { font-size: 13px!important; font-weight: bold; border-top: none!important; }

.bboss_search_page .search_results .bboss-results-list { margin-bottom: 40px; margin-left: 0px; overflow: hidden; }
ul.bb-global-search-ac li.bbls-category span span a { font-size: 14px!important; }
.bboss_ajax_search_item_topic .item .item-title { font-size: 12px!important; font-weight: bold; }
.bboss-results-list .item .item-title { padding-left: 0px; }
.content .bboss_search_form_wrapper.dir-search { display: none; }
.results-group h2.results-group-title { margin-top: 50px; font-size: 28px; font-family: 'Montserrat'; font-weight: 900; margin-bottom: 0px; border-bottom: 3px solid #f3f3f3; padding-bottom: 10px; }
.bboss_search_results_wrapper.dir-form .search_filters { overflow: hidden; }
.bboss_search_results_wrapper.dir-form .search_filters.item-list-tabs ul { width: 100%; overflow: hidden; margin-left: 0px; }
.bboss_search_results_wrapper.dir-form .search_filters.item-list-tabs ul li { background: #e3e3e3; padding: 1px 7px!important; font-weight: 700; font-size: 12px!important; text-transform: uppercase; border-radius: 14px!important; margin: 0 8px 8px 0!important; }
.bboss_search_results_wrapper.dir-form .search_filters.item-list-tabs ul li a { text-transform: uppercase!important; font-size: 12px!important; line-height: 1.1em!important; }
.bboss_search_results_wrapper.dir-form .search_filters.item-list-tabs ul li .count { font-size: 12px!important; padding-left: 5px!important; padding-right: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important; line-height: 1em!important; float:right; }
.results-group .item-title a { font-weight: bold; }

.bboss_search_page .pagination { margin-top: 20px!important; }
.bboss_search_page .pagination .pagination-links .page-numbers { margin-left: 1px!important; margin-right: 1px!important; }

.bboss_search_item .item-desc { font-style: italic; font-size: 14px!important; width: 80%!important; margin-left: 0px!important; margin-top: 0px!important; }

.bboss_search_results_wrapper h3.entry-title { margin-bottom: 7px!important; font-weight: 800!important; font-size: 16px!important; }
.bboss_search_results_wrapper .entry-content { margin-bottom: 0px!important; font-size: 14px; font-style: italic; }

.posts_comments-list .bboss_search_item_posts_comments { min-height: 60px!important; }
.results-group .item-avatar { margin-right: 16px!important; }
.results-group .item-avatar img { width: 30px!important; height: auto!important; border-radius: 25px; }

.bboss_search_item_activity .activity-content { border-top: none!important; }
.bboss_search_item_activity .activity-inner { padding-left: 0px!important; font-size: 13px!important; }

.bboss_search_item_member .item { display: table!important; }
.bboss_search_item_member .item .activity { font-size: 12px; }
.bboss-results-list .item .item-desc p { margin-bottom: 0px!important; }

.item-list-tabs ul li { list-style-type: none; }

.bboss_search_page .bboss_search_form_wrapper { display: none; }
#topic-stream.bboss-results-list { margin-left: 0px; }
#reply-stream.bboss-results-list .bboss_search_item p, .bboss-results-list li p { margin-top:0px!important; margin-bottom:0px!important; }
.bboss-results-list .bboss_search_item { margin-bottom: 0px; }
.bboss-results-list .bboss_search_item .item-meta { padding-left: 0px; margin-top:-10px; }

.search_results .pagination-links .page-numbers { padding: 7px 13px; line-height: 17px; font-style: normal; line-height: 1em!important; }
.search_results .pagination-links span.page-numbers { background: none; color:#b2b2b2; padding: 7px 5px; }
.search_results .pagination-links span.page-numbers.current { color: #ffffff; padding: 7px 13px; }
.search_results .pagination-links .page-numbers[title="→"], .search_results .pagination-links .page-numbers[title="←"] { background: none; color:#b2b2b2; }