/*
Theme Name: UnitedCommunity
Description: A BuddyPress Theme
Author: Diabolique Design
Author URI: http://themeforest.net/user/Diabolique
Theme URI: http://themeforest.net/item/unitedcommunity-buddypress-theme/11552178
Tags: buddypress
Text Domain: unitedcommunity
Version: 2.0.1
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 - Frontpage
2.5 - Top Header
3.0 - Non-structural
3.1 - Text
3.2 - Headers
3.3 - Lists
3.3 - WPMU
4.0 - Navigation
5.1 - Alignments
5.2 - Comments
5.3 - Gallery
5.4 - Images
5.5 - Posts
6.0 - Event Manager
6.1 - WooCommerce
6.2 - Live Chat
6.3 - Contact Form 7

--------------------------------------------------------------*/

/*--------------------------------------------------------------
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;}
* {margin:0; padding:0;} 
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:#1f1f1f; font-size: 12px; font-family: Droid Serif, Tahoma, Verdana, sans-serif; padding:0; }
body.activity-permalink div#container {background: none;border: none;}
#container { width: 100%; }
.wrapper { width:1280px!important; margin:0 auto!important; position: relative; }
.wrapper.right-sidebar { background-image:url( "images/spacer.png" ); background-repeat: repeat-y; background-position:67% top; display: table; width:100%; }
a { text-decoration: none; color:#4b4b4b; }
a img {border:none;}
.none { display:none; }
input { font-family:Tahoma; }
#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, #create-group-button { font-family: Open Sans; 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%; }
img { max-width:100%!important; }
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;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. */}
span:empty { display:none!important; }

.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; }

.droid-serif-400, .droid-serif-400 h1, .droid-serif-400 h2, .droid-serif-400 h3, .droid-serif-400 h4, .droid-serif-400 h5, .droid-serif-400 h6 { font-family: Droid Serif!important; font-weight: 400!important; }
.droid-serif-700, .droid-serif-700 h1, .droid-serif-700 h2, .droid-serif-700 h3, .droid-serif-700 h4, .droid-serif-700 h5, .droid-serif-700 h6 { font-family: Droid Serif!important; font-weight: 700!important; }

.list-unstyled { list-style:none!important; margin-left:0px; }

/*--------------------------------------------------------------
2.1 - Content
--------------------------------------------------------------*/
#content, .forum-archive .bbpress-page#content, .woocommerce-page .wrapper #content { width:63%; float:left; line-height:1.6em; font-size:16px; min-height:200px; padding:60px 0 2% 0%; position:relative; }
.page-template-blog-php #content, .archive #content { margin-top: 5%; }
.page-template-frontpage1-php #content, .page-template-login-php #content, .page-template-recovery-php #content, .page-template-search-page-php #content, .activity-permalink #content, .error404 #content, .directory.blogs #content, .create-blog #content, .full-width #content, .page-template-blog-php #content, .directory.members #content, .directory.groups #content, .archive #content, .search-results #content, .home.blog #content, .page-template-blog-2 #content { width:100%; padding:0px; padding-bottom: 30px; }
.registration #content, .page-template-onecolumn-page-php #content { width:100%!important; }
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; padding:6% 0 6% 0; font-family:"Open Sans"; font-weight:800; }
.single-topic .page-title { text-transform:none; }
#content.bbpress-page .page-title { margin:0px; }
.not-found-message { font-size:24px; line-height:1.5em; font-weight:900; padding:4% 2%; }

#header-title { width:100%; color:#ffffff; position:relative; background-size: 100% auto; }
.header-title-bg { background: #000000; opacity: 0.3; position: absolute; width:100%; height: 100%; }
.page-template-blog #header-title, .archive.category #header-title, .archive.date #header-title, .archive.tag #header-title, .page-template-blog-2 #header-title, .page-template-blog-2-sidebar #header-title { background-image:none; background: #ff7701; }



/*--------------------------------------------------------------
2.2 - Header
--------------------------------------------------------------*/
header { height:80px; margin-bottom:1px; position: relative; z-index: 10000; background: #ffffff; }

#logo { float:left; height:50px; margin-top:17px; }
#logo img { width:auto; height: 100%; }

.header-right { float:right; width:80%; }

.header-login { height:80px; width:80px; float:right; margin-left:1px; position: relative; }
.header-login img.avatar { width: auto; height: 100%; }
.header-login-icon { display:block; width:100%; height:100%; background-image: url( "images/user.png" ); background-position:center center; background-repeat: no-repeat; background-size: 46% auto; }
.header-register { font:25px Georgia; padding:25px 15px; font-style:italic; float:right; height:30px; }
.header-panel { float:right; height:80px; width:70px; color:#565656; background: #f3f3f3; text-align: center; padding: 0 5px; }
.header-panel a { color:#565656; }
.header-username { font-size:13px; margin-top:10px; margin-bottom:8px; }
.header-message { display:block; position: absolute; font-size:11px; text-align:center; top:5px; left:5px; color:#ffffff; background: #00ac2d; padding: 4px 6px; border-radius: 9px; line-height: 1em; }
.header-message span { position:relative; right:-2px; bottom:-12px; }
.header-logout { display:block; background-image: url( "images/logout.png" ); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; width:18px; height: 18px; margin: 0 auto; }

/*--------------------------------------------------------------
2.3 - Footer
--------------------------------------------------------------*/

footer { width:100%; text-align:center; display:table; padding: 7px 0% 15px 0%; border-top:1px solid #ebebeb; }
.footer-copyright { font-size:15px; font-style: italic; color:#656565; margin-top:5px; font-family:Open Sans; }
.footer-copyright img { -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 { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.footer-copyright-text { margin-top:6px; }

/*--------------------------------------------------------------
2.4 - Widgets
--------------------------------------------------------------*/
#sidebar { width: 29%; float:right; padding-top:50px; }
.single-post #sidebar { padding-top:55px; }
#sidebar p { line-height:1.6em; font-size:14px; color:#1d1d1d; }
.sidebar-box { color:#505050; overflow:hidden; line-height:1.5em; font-size:15px; }
#sidebar div.sidebar-box:last-child { border-bottom:none; }
.sidebar-box, .front-block { padding:0 0 0px 0; }
.sidebar-box { margin-bottom:45px; }
.widget_unitedcommunity_recent_comments.sidebar-box, .widget_unitedcommunity_recent_comments_widget.sidebar-box { margin-bottom:35px; }
.sidebar-box.widget_ddrecentpostsbig { margin-bottom:0px; }
.widget_unitedcommunity_announcement_widget, .widget_ddpopulargroups, .widget_ddrecenttopics, .widget_ddpopularmembers, .widget_ddrecentpostsbig, .widget_ddrecentpostssmall, .widget_unitedcommunity_recent_comments_widget, .widget_unitedcommunity_bbpresssearch, .widget_unitedcommunity_blogcategories, .widget_search, .widget_unitedcommunity_tags { padding:0 0%; border-left:none; }
.block-title { font-size:28px; line-height:1em; color:#1f1009; font-family:Open Sans; font-weight:800; border-bottom:1px solid #ebebeb; margin-bottom:25px; text-transform:uppercase; padding:0px 0 22px 0px; }
.widget_unitedcommunity_blogcategories .block-title { margin-bottom:16px; }
#sidebar ul { width:100%; margin-top:0px; }
.sidebar-box li { padding:6px 0px 5px 0px; }
.sidebar-box a { color:#1d1d1d; font-size:15px; }
.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; }
.widget_unitedcommunity_announcement_widget { color:#ffffff; background:#f55438; position:relative; z-index:0; }
.widget_unitedcommunity_announcement_widget .block-title { color:#ffffff!important; border-bottom:1px solid #ff7d66; padding-top:27px; padding-bottom:27px; padding-left:6%; }
.widget_unitedcommunity_announcement_widget .textwidget p { color:#ffffff!important; }
.widget_unitedcommunity_announcement_widget .textwidget p { padding:0 6% 6% 6%; }
#sidebar .widget_unitedcommunity_announcement_widget .textwidget p { font-size:14px; }
.widget_unitedcommunity_announcement_widget .textwidget img { max-width:100%; height:auto; display:block; }
.block-ad img { border-right:1px solid #ffffff; }
table#wp-calendar { margin-left:0px!important; margin-right:0px!important; width:100%!important; }
table#wp-calendar thead tr th { text-align:left; }

/*-------------------------- 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:4px; padding-bottom:4px; }

/*-------------------------- Blog Search Widget -----------------------------------*/
#searchform-child { overflow:hidden; width:100%; position:relative; }
form#searchform #s { background:none; color:#353535; border:none; font-family:Open Sans; font-size:24px; background:#f4f4f4; border-left:1px solid #f4f4f4; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:0px 0 0 10px; float:left; width:100%; height:78px; }
form#searchform #searchsubmit { background:#ff7701; background-image: url( "images/search.png" ); background-position:center center; background-repeat: no-repeat; width:80px; height:80px; cursor:pointer; float:right; padding:0px; position:absolute; right:0px; top:0px; border:none; font-size:24px; }
#searchform-child .hoverText { color:#646464; }
#searchform-child .hoverTextActive { color: #a0a0a0!important; font-style:italic; }

/*-------------------------- Blog Tags Widget -----------------------------------*/
.widget_unitedcommunity_tags.sidebar-box { padding:0px; background:#c7c7c7; border-bottom:0px; position:relative; }
.widget_unitedcommunity_tags a { padding:8px 16px; margin-left:-5px; margin-top:-1px; border:1px solid #ffffff; display: inline-block; background:#c7c7c7; font-size:18px!important; color:#ffffff; }

/*--------------------------------------------------------------
2.4 - Frontpage
--------------------------------------------------------------*/
.frontpage-center { width:100%; margin:0 auto; }
.front-welcome { font-size:60px; line-height:1.0em; font-weight:800; overflow:hidden; position:relative; background-size: 100% auto; }
.front-welcome-text1 { color:#ffffff; line-height:1.3em; margin:50px 0 0px 0; text-align:center; }

/*--------------------------------------------------------------
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-szie: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 { line-height:1.5em; font-family:Open Sans; font-weight:800; }
h1 {font-size: 72px;}
h2 {font-size: 58px;}
h3 {font-size: 42px; }
h4 {font-size: 36px;}
h5 {font-size: 30px;}
h6 {font-size: 22px;}


/*--------------------------------------------------------------
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 nav { margin-top:23px; float:right; margin-right:40px; position:relative; }
header nav li { float:right; margin-right:1px; padding:5px 9px; margin-left:20px; position:relative; }
header nav ul li a { display:block; position:relative; padding:6px; text-align:left; font-size:18px; font-family:Open Sans; font-weight:800; color:#222222; }
header nav ul li .nav-ul-container { margin:0 0 0 20px; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:2000; font-size:18px; font-weight:900; }
header nav ul a:link, header nav ul a:active, header nav ul a:visited { display:block; padding:0; text-decoration:none; }
header nav ul ul a:link, header nav ul ul a:active, header nav ul ul a:visited { display:block; padding:0 0 0 3px; text-decoration:none; }
header nav li ul li:last-child { border-bottom:none; }
header nav ul li ul li a:hover { color:#ffffff; }
header nav ul li .nav-ul-container { position:absolute; padding-top:18px; z-index:2000; 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 nav ul li .nav-ul-container ul { margin-left:0px; display:table; width:100%; }
header nav ul li ul li .nav-ul-container { padding-top:0px; }
header nav ul li .nav-ul-container ul li .nav-ul-container { display:none; left:355px; top:-2px; padding-left:25px; background-image:none; }
header nav ul li .nav-ul-container ul li:hover .nav-ul-container { display:block; }
header nav ul li .nav-ul-container ul li .nav-ul-container ul { display:table; width:100%; }
header nav ul ul a { color:#ffffff; text-shadow:none; font-weight: 700; }
header nav ul li ul a { float:left; font-size:14px; font-family:Open Sans; }
header nav ul li ul ul { margin:0px; border-top:none; }
header nav ul li ul li { padding:13px 10px 13px 15px; margin-left:0px; margin-right:0px; width:215px; border-left:none; max-width:none; list-style-type:none; text-transform:none; }
header nav ul li:hover ul ul, header nav ul li:hover ul ul ul, header nav ul li:hover ul ul ul ul { display:none; }
header nav ul li:hover .nav-ul-container, header nav ul li li:hover ul, header nav ul li li li:hover ul, header nav ul li li li li:hover ul { display:block; }
header nav ul li ul.children li { list-style-type:none; }
header nav ul li.current-menu-item { background:#f69200; color:#ffffff; text-shadow:none; border-left:none; }
header nav ul li ul li.current-menu-item { background:#ffa65c; color:#8a8a8a; text-shadow:none; }
header nav ul li.current-menu-item a { color:#ffffff; }
header nav ul li.current-menu-item ul li a { color:#ffffff; }
header nav ul li.current-menu-item span { color:#ffffff; }
header nav ul li.menu-item-has-children { background-image: url( "images/menu-arrow.png" ); background-position: right center; background-repeat: no-repeat; }
header nav ul li.menu-item-has-children:hover { background-image:none; }
header nav ul li ul li.menu-item-has-children { background-image: url( "images/menu-arrow2-child.png" ); background-position: 210px center; background-repeat: no-repeat; }
.tinyheader nav { display: none; }
#navigation-320 { display:none; }
.logged-in .hide-when-logged { display:none; }


#mobile-menu { display:none; float:right; margin-right:1px; background-image: url( "images/mobile-menu.png" ); background-repeat:no-repeat; background-position:center center; background-size: 100% auto; height:66px; width:66px; position:relative; cursor:pointer; }
#mobile-menu ul.menu { display:none; position:absolute; top:67px; left:0px; z-index:10000; width:200px; color:#ffffff; }
#mobile-menu ul.menu a { color:#ffffff; font-family: Open Sans; font-weight: 700; }
#mobile-menu ul.menu li ul { padding-left:10px; }
#mobile-menu ul.menu li { padding:11px 20px; }
#mobile-menu ul.menu li:last-child { border-bottom: none; }
#mobile-menu ul.menu li ul li { padding:5px 0; border-bottom:none; }
#mobile-menu ul.menu li a { font-size:15px; }
#mobile-menu ul.menu li ul li a { font-size:13px; font-weight: 400; }


/*--------------------------------------------------------------
5.0 - WordPress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
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 { position:relative; margin-top:20px; }
#comments a { }
.page-template-onecolumn-page-php #comments, .page-template-onecolumn-page-php #container-comment-form { width:100%; }
.page-template-onecolumn-page-php #comments { margin-top: 30px; }
#comments-number, .related-posts-title { font-size:30px; font-family:"Open Sans"; text-transform: uppercase; font-weight:800; padding-top:25px; padding-bottom:25px; margin-bottom:15px; line-height:1em; border-bottom:1px solid #ebebeb;  }
.comment-body { width:100%; position:relative; }
.comment-entry { overflow:hidden; font-size:15px; line-height:1.6em; margin-top:20px; }
#comments ol.commentlist { margin:0;}
#comments ol.commentlist li { padding:30px 0; border-bottom:1px solid #ebebeb; }
#comments ol.commentlist li li { border-bottom:none; }
#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 {position:relative; padding-left:14%; }
ol.commentlist li.comment { clear: left;list-style: none;}
ol.commentlist ul.children li {margin-bottom: 0; width:100%; }
ol.commentlist div.comment-avatar-box { position:absolute; width:10%; left:0px; top:-4px; }
.commentlist ul.children div.comment-avatar-box  { width:9%; }
ol.commentlist div.comment-avatar-box img { border-radius:6px; overflow: hidden; width: 100%; height: auto; }

.commentlist ul.children { overflow:hidden; }
.commentlist ul.children div.comment-avatar-box {left:0px;}

ol.commentlist ul.children li .comment-body { width:90%; float:right; position:relative; }
ol.commentlist ul.children li ul li .comment-body { width:80%; }
ol.commentlist ul.children li ul li ul li .comment-body { width:70%; }
ol.commentlist ul.children li ul li ul li ul li .comment-body { width:60%; }
ol.commentlist ul.children li ul  li ul li ul li ul li .comment-body { width:50%; }
ol.commentlist ul.children li ul li ul li ul li ul li ul li .comment-body { width:40%; }

ol.commentlist ul.children .comment-content { padding-left:13%; }

ul.children .comment-entry {margin-bottom: 10px;}

div.comment-meta { font-size: 15px; font-family:Open Sans; font-weight:800; text-transform:uppercase; margin: 0 0 7px 0;width: 100%;}
div.comment-meta span {color:#ffffff; background:#ff7701; padding:5px 10px 5px 10px; }
div.comment-meta span span {padding:0px; }
div.comment-meta a { color:#ffffff; }
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 { width:100%; }
.commentlist ul.children #respond { width:100%; margin:0 auto!important; }
.commentlist ul.children ul { width:100%; }
.commentlist ul.children img.avatar {border-style: none;margin: 0;}
.commentlist ul.children div.comment-meta { margin: 0 0 10px 0; }
.commentlist ul.children li {  }
.commentlist ul.children li:first-child {border-top: none;}
.commentlist ul.children ul li:first-child { }

#container-comment-form { display:table; width:96%; padding-top:30px; position:relative; padding:2%; }
#respond { padding:40px 0; }
#respond .standard-form { float:left; width:100%; }
#respond { width:100%; margin:0 auto; padding:15px 0; overflow:visible;}
#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%; 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; font-family:Tahoma; line-height:1.3em; }
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;}
#respond input#author, #respond input#email, #respond input#url, #respond textarea#comment { border:1px solid #dedede; border-radius:5px; padding:10px; font-size:16px; }
#respond textarea#comment { width:95.8%; padding:2%; }
#respond input#author, #respond input#email, #respond input#url { width:40%!important; }
.comment-options {margin: 10px 0 2px; overflow:hidden;}
.comment-options .comment-reply-link, .comment-options .comment-edit-link { font-size: 10px; text-transform:uppercase; text-shadow:none; border:1px solid #e6e6e6; color:#b7b7b7; float:right; font-family: Open Sans; margin-right: 5px;padding:0px 6px;}
.commentlist ul.children div.comment-options {margin-bottom: 10px;}
.comment-form label { width:100%!important; }
.comment-form-author, .comment-form-email, .comment-form-url { width:100%; }
.comment-form-author input, .comment-form-email input, .comment-form-url input { width:100%; }

/*--------------------------------------------------------------
5.3 - Gallery
--------------------------------------------------------------*/
.wp-caption {background-color: #f3f3f3;border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 15px;padding-top: 4px;text-align: center;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
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
--------------------------------------------------------------*/
.blog-post { width:33.33%; margin-bottom:1px; margin-right:0px; margin-left:0px; float:left; position:relative; }
.blog-post.blog-post-id3 .box-v-r-spacer, .blog-post.blog-post-id6 .box-v-r-spacer, .blog-post.blog-post-id9 .box-v-r-spacer, .blog-post.blog-post-id12 .box-v-r-spacer, .blog-post.blog-post-id15 .box-v-r-spacer { display:none; }
.single-post .blog-post { width:100%; }
.blog-post .blog-cover, #sidebar .blog-cover { position:absolute; top:0; width:100%; height:100%; background:#000000; opacity: 0.3;}
.blog-post:hover .blog-cover, #sidebar .blog-post:hover .blog-cover { opacity: 0; transition: visibility 0s, opacity 0.3s linear;}

.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-family: Open Sans; font-size:14px; font-weight: 700; color:#6a6a6a; border-radius: 2px; }

.single-post .blog-post { margin-top:0px; }
.subtitle { font-family:"Open Sans"; font-weight:800; margin-bottom:20px; font-size:24px; line-height:1.6em; }
.text { padding:0% 0 4% 0; }
.text p { margin-bottom: 25px; }
.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;}
.single-post #content div.thumbnail { width:50%; text-align:center; margin:1.8% 4% 1% 0; float:left; overflow:hidden; position:relative; }
.single-post #content div.thumbnail img { width:100%!important; height:auto!important; display:block; border-radius:9px; }
.single-post #content div.thumbnail span { padding:9px 0 5px 0; width:100%; font-family:Georgia; margin-bottom:10px; margin-top:-7px; font-style:italic; color:#747474; font-size:13px; display:block; }
.single-post-title { font-size:72px; font-family:"Open Sans"; font-weight:800; line-height:1.2em; padding:50px 0 1% 0; }
.page-template-blog-php div.thumbnail, body.archive div.thumbnail, .search-results div.thumbnail, .home.blog div.thumbnail { width:100%; text-align:center; float:left; overflow:hidden; position:relative; }
.page-template-blog-php div.thumbnail img, body.archive div.thumbnail img, .search-results div.thumbnail img, .home.blog div.thumbnail img { width:100%!important; height:auto!important; display:block; }
.post-title { position:absolute; width:70%; padding:0 15% 0 15%; top:10%; text-align:center; }
.post-title span { line-height:1.2em; }
.post-title a { line-height:1.3em; color:#ffffff; font-size:36px; font-weight:bold; }
.blog-post:hover .post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.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; }
.wp-caption { max-width:100%!important; }
.page-template-blog #header-title .blog-info, body.archive #header-title .blog-info, .search-results #header-title .blog-info, .home.blog #header-title .blog-info { left:7%; bottom:7%; width:86%; }
.blog-info { font-size:18px; color:#ffffff; text-align:center; position:static; font-family:Open Sans; color:#ffffff; margin-top:35px; overflow:hidden; }
.blog-info a { color:#ffffff; font-size:18px; }
#header-title .blog-info { float: left; font-size:14px!important; font-weight: 700; margin-top:40px; margin-bottom:40px; overflow:visible; }
#header-title .blog-info a { font-size:14px!important; font-weight: 700; }
.blog-info-category { padding:4px 6px!important; text-transform:uppercase; font-size:14px; font-weight: normal!important; margin:0 auto!important; display:inline-block; }
.blog-post .blog-info-category { padding:5px 9px; border:2px solid #ffffff; margin:0 auto!important; display:inline-block; }
.blog-info-category a { font-size:15px; font-family:Open Sans; font-style: normal; font-weight: normal!important; }
.blog-post:hover .blog-info-category {text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.50);}
#header-title .blog-info-category { float:left; padding:9px 10px 9px 10px!important; border:2px solid #ffffff; font-family:Open Sans; font-style: normal; text-transform:uppercase; }
#header-title .blog-info-category a { font-weight: 700!important; }
.blog-info-comments { float:left; padding:9px 10px; margin-left:12px; text-transform:uppercase; border:2px solid #ffffff; }
.edit-link, .page-link {clear: both;font-weight: bold; font-family:Tahoma; }
div.post-content {margin-left: 105px;}
p.date span:first-child {font-style: italic;}
div.post .entry {margin-bottom: 15px;}
.entry img { max-width:100%; height:auto; }
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;}
.category-desc { padding:0% 2% 70px 2%; margin-top:-2%; font-size:18px; line-height:1.5em; font-style:italic; }

.single-blog-post-details { margin-top: 4%; margin-bottom: 4%; display: table; width: 100%; padding-bottom: 14px; border-bottom: 3px solid #efefef; font-family: Open Sans; }
.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: #06a58d; 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; }

#blog-search { margin-top: 60px; }

/* --------------- Author Info  --------------- */
#author-bio { border-top:1px solid #e3e3e3; margin-top:20px; display:table; padding:30px 2% 25px 2%; width:96%; position:relative; }
#author-bio h5 { margin-bottom: 20px; }
.author-bio-avatar { width:80px; float:left; text-align:center; top:6px; position:relative; z-index:1; }
.author-bio-avatar a { display:block; overflow:hidden; }
.author-bio-avatar img { border-radius:6px; display:block; }
.author-name { padding:3px 0; margin-top:-3px; width:78px; display:block; font-family:'Open Sans'; }
.author-name a { font-size:13px;  }
#author-bio-desc { font-size:16px; padding:0px 20px 15px 110px; line-height:1.6em; position:relative; z-index:0; }

/* --------------- Related Posts --------------- */
.relatedposts { display: table; width: 105%; margin-top: 22px; }
.relatedposts .blog-box-entry { width:30%; float:left; margin:0 2.6% 2.6% 0; }
.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-bottom { padding:2% 3.5% 2% 3.5%; position: relative; top:0px; text-align: center; z-index: 4; box-sizing: content-box; width: 74%; margin: 0 auto; background: #ffffff; margin-top: -90px; transition: all 0.5s ease-in-out; }
.relatedposts .blog-box-entry:hover .blog-box-bottom { top:-20px; }
.relatedposts span { border-bottom: 3px solid #ff8327; font-size: 13px; font-weight: 700; font-family: Open Sans; padding: 0 5px 3px 5px; }
.relatedposts span a { color:#ff7701; }
.relatedposts .blog-box-title { font-size:16px; color:#1d1d1d; font-weight:400; margin-top: 14px; line-height: 1.4em; }
.relatedposts .blog-box-details { width:100%; font-size:11px; text-align: center; color:#1d1d1d; text-transform: uppercase; font-weight: 700; font-family: Open Sans; margin-top: 4px; }
.relatedposts .blog-box-details a { display:inline!important; font-size:11px; line-height: 11px; color:#1d1d1d; }
.relatedposts .blog-box-details span { display:inline; font-size:11px; line-height: 11px; border-bottom: none; background: #e7e3e3; padding: 2px 5px; }

/* --------------- Full width masonry view --------------- */
.blog-2 { width:103.5%; }
.home-page .blog-2 { margin-top: 6%!important; }
.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: 8px; line-height: 1.4em; font-family: Open Sans; }
.blog-2 .blog-2-title a { color:#323232; font-size:18px; }
.blog-2-entry .blog-2-bottom { padding:5.5% 6% 6% 6.5%; position: relative; z-index: 4; }
.blog-2-bottom p { font-size: 15px; font-family: Open Sans; color:#4f4f4f; }
.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; font-family: Open Sans; }
.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: 3px; z-index:3; font-family: Open Sans; font-weight: 400; }
.blog-2-details a { display: inline; background:#ebff76; color:#595959; padding: 4px 9px; font-size:16px; line-height: 16px!important; font-family: Open Sans; }
.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-details a:nth-of-type(2), .blog-2-details a:nth-of-type(3) { display: none; }
.more-link { 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; }
.bp-user.events #item-body { padding:3%; }
.events-table { width:95%; margin-left:3%; border-left:1px solid #e6e6e6; }
.events-table thead { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.events-table thead tr th { border-right:1px solid #e6e6e6; }
.events-table tbody tr td { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.events-table thead tr { text-align:left; }
.row-actions a, .row-actions { font-size:13px; }
.single-event .text { padding:0px 0px 0px 0px; }
.bp-user.events #item-body { padding-top:0px; }
.bp-user.events #item-body #subnav { padding-left:0px; }

/*--------------------------------------------------------------
6.1 - WooCommerce
--------------------------------------------------------------*/
body.woocommerce h1.page-title { display:none; } 
.related.products ul.products li a img { width:175px!important; height:175px!important; }
.input-text { padding:5px; }
.woocommerce-page_dd { margin-top:40px; }
h1.product_title { font-size: 32px; }
.woocommerce-page h2 { font-size: 26px; }

/*--------------------------------------------------------------
6.2 - Live 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:5px 8px; border-radius: 5px; font-size:14px; background: #e36a01; color: #ffffff; border: none; text-transform: uppercase; font-weight: bold; cursor: pointer; }
.chat-box .chat-area .row { box-shadow: none!important; border:1px solid #e1e1e1!important; padding: 9px!important; }
.chat-area .row .date, .chat-area .row .time { background:#b4b4b4!important; border-radius: 5px!important; font-family: Open Sans; font-size: 11px; }
.chat-area .row .name { border-radius: 5px!important; font-family: Open Sans; font-size: 11px; }
.chat-box .chat-area .row img.avatar { margin-right: 15px!important; border-radius: 5px; width: 30px; height: auto; box-shadow: none!important; }

/*--------------------------------------------------------------
6.3 - Contact Form 7
--------------------------------------------------------------*/

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