/*
Theme Name:     Kleo Child
Theme URI: 		https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/6776630?ref=SeventhQueen
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     https://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/


/*
* buttons
*/




.airbit-store-container {

    padding: 10px;
    background-color: #ebc47f;
    box-shadow: 0 8px 30px 0 rgba(0,0,0,.5);
    border-radius: 3px;
    border:1px solid #0b0b0b;

}


.player-info {

    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
}
.main-color .btn-default, .main-color .btn-default:hover, .main-color .nav-pills > li.active > a, .main-color .nav-pills > li.active > a:hover, .main-color .nav-pills > li.active > a:focus, .main-color .tabs-style-square > li > a, .main-color .nav-tabs > li.active > a, .main-color .nav-tabs > li.active > a:hover, .main-color .nav-tabs > li.active > a:focus, .main-color .panel-default, .main-color #wp-calendar thead th, .main-color #wp-calendar tbody td, .main-color .widget_tag_cloud a, .main-color #respond .form-submit input#submit, .main-color .mejs-container .mejs-controls, .main-color .form-control:focus, .main-color .portfolio-filter-tabs li.selected a, .main-color #search-members-form, .main-color #search-groups-form, .main-color .bbp-topics ul.sticky, .main-color .bbp-submit-wrapper button.button, .main-color #bbpress-forums .bbp-search-form form {

    border-color: #111;
    background: #2a2a2a;
    border-radius: 3px;
    padding: 8px 15px;
    color: #cfcfcf;
    text-transform: uppercase;
}



/*
* wordpress audio player
*/

/* Player background */
.mytheme-mejs-container.mejs-container,
.mytheme-mejs-container .mejs-controls,
.mytheme-mejs-container .mejs-embed,
.mytheme-mejs-container .mejs-embed body {
  background-color: #efefef;
}

/* Player controls */
.mytheme-mejs-container .mejs-button > button {
  background-image: url("images/mejs-controls-dark.svg");
}

.mytheme-mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(219, 78, 136, 0.075);
}

/* Current track progress and active audio volume level bar */
.mytheme-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4e88;
}

/* Reduce height of the progress and audio bars */
.mytheme-mejs-container .mejs-time-buffering,
.mytheme-mejs-container .mejs-time-current,
.mytheme-mejs-container .mejs-time-float,
.mytheme-mejs-container .mejs-time-float-corner,
.mytheme-mejs-container .mejs-time-float-current,
.mytheme-mejs-container .mejs-time-hovered,
.mytheme-mejs-container .mejs-time-loaded,
.mytheme-mejs-container .mejs-time-marker,
.mytheme-mejs-container .mejs-time-total,
.mytheme-mejs-container .mejs-horizontal-volume-total,
.mytheme-mejs-container .mejs-time-handle-content {
  height: 3px;
}

.mytheme-mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mytheme-mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mytheme-mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}








.mejs-controls .mejs-button button {

    background-image: none;
    height: 16px !important;
    line-height: 0 !important;
    margin: 6px 0px;

}

.mejs-time-handle-content {

    border: 8px solid #fff;
    border-radius: 100%;
    height: 10px;
    left: -7px;
    top: -8px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 17px;

}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {

    background: #fff;
    border-radius: 0;
    height: 6px;
    margin-top: -7px;

}

.audio-controls {
	display:none;
}

.mejs-time {

    color: #cfcfcf;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    margin-top: -8px;

}

.mejs-controls .mejs-button button {

    background-image: none;
    height: 16px !important;
    line-height: 0 !important;
    margin: 8px 5px;
    color:#ebc47f;

}
.mejs-play > button {

    background-position: 0px -2px;

}

/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: #ebc47f !important;
}

.mejs-container .mejs-controls .mejs-time span {

    color: #666;

}

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ebc47f !important;
}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #1b1b1bc !important;
}

.mejs-controls .mejs-button button {

    background-image: none;
    height: 16px !important;
    line-height: 0 !important;
    margin: 6px 0px;

}

.mejs-container .mejs-controls {

    border-color: #111;
    background: #333;
    border-radius: 3px;
    padding: 6px 5px;
    color: #666;
    text-transform: uppercase;
    
}

.mejs-time-rail {

    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
    margin: -7px 10px;
    padding-top: 10px;
    position: relative;

}

/*
* Blog
*/
.attachment-kleo-full-width {

    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.article-meta .post-meta small {

    font-size: 12px;

}

.grid-posts .entry-summary {
    word-wrap: break-word;
}

/*
* Contact Forms
*/


div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {

    background-color: #1b1b1b;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #111;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
    color: #cfcfcf;

}

/*
* Avatars
*/


.avatar{
    border: solid 4px #54BE69;
    border-left-color:#D5EDDA;
    padding:2px;
    display:inline-block;  
    border-radius: 50%;
    position:relative;


}
.avatar img{
    display:block;
    border-radius: 50%;

}
.avatar:before, .avatar:after{
    content:'';
    position:absolute;
    background:#fff;
    z-index:-1;

}
.avatar:before{
    height:4px;
    top:50%;
    left:2px; right:-5px;
    margin-top:-2px;
}
.avatar:after{
    width:4px;
    left:50%;
    top:2px; bottom:-5px;
    margin-left:-2px;
}

/*
* Registration Page
*/

/*
* Navigation
*/
.navbar-nav > li > .dropdown-menu {

    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top:1px solid #080808;
    background: #0c0c0c;
}

.navbar-transparent.on-light-bg .navbar .kleo-main-header.header-scrolled {

    transition: background-color 0.5s ease;
    background-color: #080808;

}

.navbar-transparent .navbar-nav .dropdown-menu li a {

    color: #cfcfcf !important;

}

.navbar-transparent.on-light-bg .kleo-main-header .nav.navbar-nav {

    line-height: normal;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: none;
    padding-left: 12px;

}

.kleo-notifications {

    border-radius: 100%;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    right: -12px;
    text-shadow: none;
    top: 50%;
    margin-top: -22px;
    width: 21px;
    height: 21px;
    text-align: center;
    font-family: posterama;
    border: 1px solid #fff;

}

.navbar-transparent.on-light-bg .logo a, .navbar-transparent.on-light-bg .navbar .navbar-nav > li > a, .navbar-transparent.on-light-bg .navbar .navbar-nav .caret::after {

    color: #666666;

}

.navbar-transparent .navbar .kleo-main-header.header-scrolled {

    background-color: #080808;
    border-bottom: 1px solid #333;
    color:#666666;

}

.body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td {
    direction: ltr;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget-menu ul {
    margin: 0 0 1.5em 3em;
}

.widget-menu ul li {
    list-style-type: disc;
}

.kleo-main-header.header-normal {
    position:fixed !important;top:0 !important
    
}


.kleo-main-header .nav.navbar-nav {

    line-height: normal;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 1px solid #333;
    padding-left: 12px;

}

.kleo-main-header .navbar-nav > li > a {

    font-size: 18px;
    font-weight: 500;

    letter-spacing: .8px;
    text-transform: uppercase;


}

.navbar-transparent .navbar-nav .dropdown-menu li a {

    color: #666 !important;

}

.navbar-transparent .navbar-nav > li > .dropdown-menu, .navbar-transparent .navbar-nav > li > .dropdown-menu .dropdown-menu {

    box-shadow: none;
    background-color: #080808;
    border-color: #080808;

}
.navbar-nav > li > .dropdown-menu {

    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #080808;
    border-top-color: rgb(8, 8, 8);
    background: #080808;
    background-color: #080808;
    border-left: 1px solid #333;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;

}

.navbar-transparent .navbar-nav .dropdown-menu li a {

    color: #666 !important;

}

/*
* Logo
*/

.logo img {

    margin-top: 0px;
    max-height: 100%;
    width: auto;
    height: 45px;

}

/*
* Sidebars
*/
.sidebar-left .inner-content {

    background: #1b1b1b;
    padding: 20px;
    font-family: Poppins,Roboto,"Helvetica Neue",sans-serif;
    letter-spacing: .2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius:3px;
}

.main-color .widget_nav_menu .current_page_item :active {
    padding:3px;
    background:none;
    color: #ff2a13;
}

.news-content {

    padding-bottom: 10px;
    padding-top: 15px;
    float: none;
    clear: both;
    font-size: 11px;
    border-bottom: 1px solid #333;

}

.widget-title {
    font-family: Posterama;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .6px;
    padding: 0;
    color: #888888;
    
}

.main-color .sidebar ul li a {
    text-transform: uppercase;
}
.main-color .sidebar .widget-title {

    color: #ffffff;
    margin-top: -1px;

}

.main-color .widget_nav_menu a, .main-color .wpex-widget-recent-posts-li, .main-color .widget_categories li, .main-color .widget_recent_entries li, .main-color .widget_archive li, .main-color .widget_display_views li, .main-color .widget_recent_comments li, .main-color .widget_product_categories li, .main-color .widget_layered_nav li {

    border-bottom-color: #1b1b1b;

}

.news-thumb img {

    width: 40px;
    height: 40px;
    border-radius: 3%;

}



.main-color .widget_nav_menu li:first-child > a, .main-color .kleo-widget-recent-posts-li:first-child, .main-color .widget_categories li:first-child, .main-color .widget_recent_entries li:first-child, .main-color .widget_archive li:first-child, .main-color .widget_display_views li:first-child, .main-color .widget_recent_comments li:first-child, .main-color .widget_product_categories li:first-child, .main-color .widget_layered_nav li:first-child, .main-color .callout-blockquote blockquote::before {

    border-top-color: #333333;

}

.main-color .widget_nav_menu .current_page_item > a {
    background: #1b1b1b;
    color: #d6b36f;
    
}
.main-color .sidebar .widget-title {
    color: #ffffff;
    list-style:circle;
}

/*
* Cornerstone Elements
*/

#cs-content .x-nav-tabs {

    position: relative;
    margin: 0;
    border: 1px solid #000;
        border-bottom-color: rgb(0, 0, 0);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: 0;
    padding: 0 !important;
    list-style: none;
    background-color: #1b1b1b;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    color: #cfcfcf;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

#cs-content .x-nav-tabs > li {

    float: left;
    margin: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0;
    list-style: none;
    text-align: center;

}

#cs-content .x-accordion-heading .x-accordion-toggle.collapsed, #cs-content .x-nav-tabs > li > a, #cs-content .x-recent-posts .h-recent-posts, #cs-content .x-recent-posts .x-recent-posts-date {

    color: #cfcfcf;

}

#cs-content .x-tab-content {

    overflow: auto;
    position: relative;
    margin: 0;
        margin-bottom: 0px;
    border: 1px solid #000;
        border-top-color: rgb(0, 0, 0);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: 0;
    background-color: #1b1b1b;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;

}


#cs-content .x-skill-bar .bar {

    overflow: hidden;
    position: relative;
    width: 0%;
    height: 100%;
    float: left;
    background-color: #d6b36f;
    border-radius: 3px;
    color: #333;

}

#cs-content .h-skill-bar {

    margin: 0 0 5px;
    padding: 0;
    font-size: 15px;
    letter-spacing: -0.015em;
    line-height: 1;
    text-transform: uppercase;

}

#cs-content .x-skill-bar .bar .percent {

    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 17px;
    padding: 0 2px;
    font-size: 14px;
    line-height: 17px;
    color: #333333;

}

#cs-content .x-accordion-heading .x-accordion-toggle.collapsed, #cs-content .x-nav-tabs > li > a, #cs-content .x-recent-posts .h-recent-posts, #cs-content .x-recent-posts .x-recent-posts-date {

    color: #cfcfcf;

}

/*
* Ninja Tables
*/
.semantic_ui .ui.table {

    font-size: 1em;
    background: #1b1b1b;
    color: #666;

}

/* Top and Botton player Banner CSS */
.playerbottom_text {
    background: #1b1b1b;
    border-radius: 0 0 3px 3px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: -11px;
    max-width: 100%;
    padding: 18px;
    text-transform: uppercase;
}



.playertop_text {
    background: #1b1b1b;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: -5px;
    max-width: 100%;
    padding: 18px;
    text-transform: uppercase;

  
}

/*
* Pricing Tables
*/

.x-pricing-column.featured h2 {

    border: 0;
    padding-bottom: 28px;
    color: #333;
    background-color: #d6b36f;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;


}

#cs-content .x-pricing-column-info {

    border-top: 0;
    padding: 15px 0 32px;
    background: #262626;
    border: 1px solid #000;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#cs-content .x-dropcap, #cs-content .x-highlight, #cs-content .x-pricing-column.featured h2, #cs-content .x-recent-posts .x-recent-posts-img::after {

    background-color: rgb(235,196,127);
    color: #333;
    border: 1px solid #000;

}

#cs-content .x-pricing-column h2 {

    border: 1px solid #000;
    padding: 20px 20px 25px;
    letter-spacing: 0;
    line-height: 1.1;
    font-size: 32px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

#cs-content .x-pricing-column {

    float: left;
    margin: 0 0 -1px -1px;
    text-align: center;
    background-color: #1b1b1b;
    border-radius: 3px;

}

/*
* Mail Poet
*/
#mailpoet_form_5 .mailpoet_text, #mailpoet_form_5 .mailpoet_textarea {

    width: 100%;
    background: #262626;
    border-radius: 3px;
    border: #333;

}



#mailpoet_form_5 .mailpoet_submit {

    background: #333;
    padding: 5px;
    text-transform: uppercase;
    font-family: posterama;
    border: 1px solid #333;
    border-radius: 3px;
    color: #666;

}

#mailpoet_form_5 .mailpoet_form {

    padding-left: 0px;

}

/*
* Custom Add-ons
*/
.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
    
}

.news-thumb img {

    width: 60px;
    height: 60px;
    border-radius: 3%;

}

#cs-content .e3034-5.x-image {

    border-width: 5px;
    border-style: solid;
    border-color: #1b1b1b;
    border-radius: 3px 3px 3px 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    padding: 2px;
    background-color: transparent;
    
    background-color: #ebc47f;
    background: linear-gradient(-20deg, #d0b782 20%, #a0cecf  80%);
    
}

/*
* Buddypress
*/


/*
* Forms ETC
*/

div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {

    background-color: #ebc47f;
    border: 1px solid #ebc47f;
    color: #333;
    font-size: 1em;
    padding: 10px 15px;
    text-transform: uppercase;

}

div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {

    background-color: #262626;
    box-sizing: border-box;

    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #000;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
    border-radius: 3px;

}


/*
* Font Awesome Animations
https://l-lin.github.io/font-awesome-animation/
*/

@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}



.socket-color {

    font-family:posterama;
}

 .current_page_item {
    background-color: none;



}

.footer-color .widget_nav_menu a {

    border-bottom-color: transparent;

}

/*
* buttons
*/




body {

    background:#0b0b0b;
}
 

    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
        -webkit-appearance: none;
    }




/*
* Youzer CSS
*/

.yz-hdr-v7 {
    margin-bottom: 35px;
    background-color: #1b1b1b;
}
#yz-profile-navmenu {
    z-index: 1;
    height: initial;
    line-height: initial;
    position: relative;
    background-color: #1b1b1b;
}
.yz-widget .yz-widget-head {
    border-bottom: 1px solid rgba(255,255,255,.15);
}
.yz-widget .yz-widget-title {
    font-family: posterama;
}
.yz-widget .yz-widget-title {
    margin: 0;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 22px;
    padding: 15px 35px;
    letter-spacing: initial;
    text-transform: cap
}
.youzer #friend-list .action a, .youzer #yz-members-list .yzm-user-actions a {

    margin: 0 5px;
    color: #898989;
    font-size: 13px;
    width: initial;
    height: initial;
    border: none;
    min-width: 110px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 25px;
    text-align: center;
    display: inline-block;
    background-color: #f6f6f6;
    text-transform: capitalize;

}
#buddypress.youzer .social-buttons .generic-button a, .buddypress .youzer .social-buttons .generic-button a, .yz-social-buttons .follow-button a, .yz-social-buttons .friendship-button a, .yz-social-buttons .message-button a {

    color: #fff;
    border: none;
    font-size: 13px;
    height: initial;
    min-width: 110px;
    font-weight: 600;
    line-height: 22px;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: #f6f6f6;
    text-transform: capitalize;
    padding: 5px 25px;

}

#yz-export-data .youzer-section-content, .youzer-section-content > .uk-option-item {

    padding: 45px;
    background: #1b1b1b;
    border-bottom: 1px solid #f5f5f5;

}

.settings-inner-content .options-section-title h2 i {

    width: 48px;
    height: 48px;
    color: #ffffff;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    margin-right: 16px;
    background: #262626;

}

.yz-settings-sidebar .yz-account-menus ul {

    padding: 15px 25px;
    border-top: 1px solid #262626;
    padding: 15px 25px;
    background: #262626;
    border-radius: 3px;

}

.yz-settings-sidebar .yz-account-menus.yz-show-account-menus {

    display: block !important;

}

.yz-quick-buttons .yz-button-item i {

    font-size: 32px;

}
.yz-settings-sidebar .yz-account-menus {

    padding: 10px;
    border-radius: 0;
    display: none;
    background: #1b1b1b;

}

.youzer .editfield label[for*="loggedin"] .field-visibility-text::before, .yza-account-settings {

    background: #262626;

}

.youzer .editfield label[for*="adminsonly"] .field-visibility-text::before, .yza-profile-settings {


    background: #262626;

}

.youzer .yz-wg-opts {

    margin: 0;
    padding: 35px;
    background-color: #1b1b1b;

}


.youzer .yz-no-content {

    margin: 0;
    font-size: 13px;
    color: #9e9e9e;
    background: #333;
    padding: 18px 35px;
    text-transform: capitalize;
    border-left: 8px solid #a8a8af;

}
#yz-export-data .youzer-section-content, .youzer-section-content > .uk-option-item {

    padding: 45px;
    background: #1b1b1b;
    border-bottom: 1px solid #080808;

}

.youzer .option-content .yz-upload-photo {

    color: #fff;
    height: 36px;
    border: none;
    padding: 0 20px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    min-width: 150px;
    box-shadow: none;
    line-height: 36px;
    text-align: center;
    background: #3498db;
    display: inline-block;
    text-transform: uppercase;

}

.yz-save-options {

    background-color: #2ecc71;
    color: #fff;

}

element {

    background-image: url(https://hooksandbeats.com/wp-content/plugins/youzer/includes/public/assets/images/default-img.png);

}
.yz-uploader-item .yz-photo-preview {

    width: 135px;
    height: 135px;
    display: block;
    margin-top: 20px;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
    border: 1px solid #111;

}
#logy_signup_form .logy-section-title {
    width: 100%;
    line-height: 0;
    display: block;
    font-size: 12px;
    margin: 10px auto 30px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #111111;
}

#logy_signup_form .logy-section-title span {
    margin: 0;
    color: #b0b0b0;
    padding: 0 10px;
    font-size: 11px;
    display: initial;
    font-weight: 600;
    margin-bottom: 20px;
    background-color: #333333;
    text-transform: capitalize;
    border: 1px solid #111111;
    border-radius: 3px;
}

.yz-save-options:hover {

    background-color: #2ecc71;
    color: #fff;

}


.yza-widgets-settings {


    background: #262626;

}

/**
* WP EDITOR
*/
.wp-editor-container {

    clear: both;
    border: 1px solid #111;

}

.wp-switch-editor {

    float: left;
    box-sizing: content-box;
    position: relative;
    top: 1px;
    background: #262626;
        background-image: none;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.46153846;
    height: 20px;
    margin: 5px 0 0 5px;
    padding: 3px 8px 4px;
    border: 1px solid #111;
    font-weight:bold;

}

.html-active .switch-html, .tmce-active .switch-tmce {

    background: #262626;
    color: #666;
    border-bottom-color: #111;

}


.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {

    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    background: #262626;
    text-decoration: none;
    color: #595959;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-shadow: none;
    float: none;
    position: static;
    width: auto;
    height: auto;
    white-space: nowrap;
    cursor: inherit;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    font-weight: normal;
    text-align: left;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
    max-width: none;

}

/**
* Top Tooltip
*/
.yz-tooltip:before,
[data-yztooltip]:before {
    margin-bottom: -11px;
    border-top-color: #333333;
}

.yz-tooltip:after,
[data-yztooltip]:after {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    padding: 10px 15px;
    background: #333333;
    white-space: nowrap;
    text-transform: capitalize;
}

.yzb-author-v6 .yz-header-cover {

    overflow: hidden;
    padding-top: 45px;
    text-align: center;
    position: relative;
    border-radius: 3px;

}

.yz-tool-btn {

    cursor: pointer;
    background-color: #3498db;

}

.yz-orange-scheme .yz-social-buttons .friendship-button a, .yz-orange-scheme .yz-social-buttons .friendship-button a.requested {
    
}

.yzb-head-content .yz-user-offline {

    background-color: #666666;

}

.yzb-head-content .yzb-head-username, .yzb-head-content h2, .yzb-head-content h3 {

    font-weight: 400;
    line-height: 24px;
    font-size: 24px;

}

.yzb-author-v6 .yz-user-statistics .yz-sdescription, .yzb-author-v6 .yz-user-statistics .yz-snumber, .yzb-author-v6 .yzb-head-content .yzb-head-meta, .yzb-author-v6 .yzb-head-content h2 {

    color: #fff;
    font-family: posterama;

}

.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
     -webkit-transform: scale(0.77);
     -moz-transform: scale(0.77);
      -ms-transform: scale(0.77);
       -o-transform: scale(0.77);
          transform: scale(0.77);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
           width:100%;
}
.settings-inner-content .options-section-title h2 {

    text-transform: capitalize;
    display: inline-block;
    line-height: inherit;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin: 0;

}

.yz-settings-sidebar .yz-account-menus .yz-active-menu {

    color: #fff;
    text-decoration: none;

}

#youzer .option-content input:not([type="radio"]):not(.uk-upload-button):not(.wp-color-picker):not(.wp-picker-clear) {

    color: #9a9a9a;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
    line-height: 18px;
    padding: 8px 15px;
    border: 1px solid #111;
    background-color: #262626;
    border-radius: 3px;

}

#yz-profile-navmenu .yz-settings-menu {

    right: 0;
    margin: 0;
    width: 200px;
    display: none;
    z-index: 9999;
    text-align: left;
    line-height: 24px;
    padding: 8px 25px;
    position: absolute;
    background-color: #1b1b1b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border:3px solid #333333;
}



.yzb-author {

    position: relative;
    background-color: #1b1b1b;
    border-radius: 3px;

}

#yz-members-list li .yzm-user-data {

    padding: 35px 0 0;
    position: relative;
    text-align: center;
    margin: 0 17.5px 35px;
    background-color: #1b1b1b;
    border-radius: 4px;

}

ul.acfb-holder li.friend-tab {

    width: auto;
    font-size: 13px;
    padding: 8px 10px;
    background: rgba(255,255,255,.1);
    border: 1px solid #333;

}
youzer #friend-list .action a, .youzer #yz-members-list .yzm-user-actions a {

    margin: 0 4px;
    color: #898989;
    font-size: 13px;
    width: initial;
    height: initial;
    border: none;
    min-width: 110px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 25px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    background: rgba(255,255,255,.1);
    border: 1px solid #000;

}

#youzer .yzmsg-form-item label {

    display: block;
    color: #ffffff;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;

}

.youzer .yz-profile-navmenu li i, .yz-profile .yz-nav-settings .yz-settings-icon {

    color: #fff !important;

}

.yzmsg-form-item .emojionearea .emojionearea-editor, .yzmsg-form-item input:not(.search), .yzmsg-form-item textarea {

    background: rgba(255,255,255,.1);
    border: 1px solid #333;
        border-top-color: rgb(51, 51, 51);
        border-right-color: rgb(51, 51, 51);
        border-bottom-color: rgb(51, 51, 51);
        border-left-color: rgb(51, 51, 51);

}

.yz-profile-navmenu .yz-navbar-item a span, .yz-profile-navmenu .yz-navbar-item a span.count {

    font-size: 12px;
    min-width: 20px;
    margin-left: 7px;
    padding: 2px 8px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    background-color: #ebc47f;
    color: #333;
    font-weight: bold;

}

.yz-hdr-v2 .yz-name h2 {

    color: #fff;
    font-size: 22px;
    font-family: posterama;

}

.yz-name .yz-user-online {

    background-color: #54BE69;

}

#message-thread .message-box {

    padding: 25px;
    margin-bottom: 25px;
    background-color: #1b1b1b;

}

.my-friends.yz-orange-scheme #friend-list .action a.accept, .yz-orange-scheme #bbpress-forums #bbp-search-form #bbp_search_submit, .yz-orange-scheme #bbpress-forums .bbp-search-form #bbp_search_submit, .yz-orange-scheme #bbpress-forums li.bbp-footer, .yz-orange-scheme #bbpress-forums li.bbp-header, .yz-orange-scheme #group-create-tabs li.current, .yz-orange-scheme #group-settings-form input[type="submit"], .yz-orange-scheme #message-recipients .highlight-icon i, .yz-orange-scheme #search-members-form #members_search_submit, .yz-orange-scheme #send-invite-form .submit input, .yz-orange-scheme #send-reply #send_reply_button, .yz-orange-scheme #send_message_form .submit #send, .yz-orange-scheme #yz-directory-search-box form input[type="submit"], .yz-orange-scheme #yz-group-body h1::before, .yz-orange-scheme #yz-group-buttons .group-button a.join-group, .yz-orange-scheme #yz-groups-list .action .group-button .accept-invite, .yz-orange-scheme #yz-groups-list .action .group-button .join-group, .yz-orange-scheme #yz-groups-list .action .group-button .membership-requested, .yz-orange-scheme #yz-groups-list .action .group-button .request-membership, .yz-orange-scheme #yz-members-list .yzm-user-actions .friendship-button .requested, .yz-orange-scheme #yz-members-list .yzm-user-actions .friendship-button a, .yz-orange-scheme #yz-wall-nav .item-list-tabs li#activity-filter-select label, .yz-orange-scheme .bbp-pagination .page-numbers.current, .yz-orange-scheme .button.accept, .yz-orange-scheme .group-button.accept-invite, .yz-orange-scheme .group-button.join-group, .yz-orange-scheme .group-button.request-membership, .yz-orange-scheme .group-request-list .action .accept a, .yz-orange-scheme .item-list-tabs #search-message-form #messages_search_submit, .yz-orange-scheme .messages-notices .thread-options .read span, .yz-orange-scheme .messages-options-nav #messages-bulk-manage, .yz-orange-scheme .notifications .notification-actions .mark-read span, .yz-orange-scheme .notifications-options-nav #notification-bulk-manage, .yz-orange-scheme .pagination .current, .yz-orange-scheme .sitewide-notices .thread-options .activate-notice, .yz-orange-scheme .widget_display_forums li a::before, .yz-orange-scheme .widget_display_search #bbp_search_submit, .yz-orange-scheme .widget_display_topics li::before, .yz-orange-scheme .widget_display_views li .bbp-view-title::before, .yz-orange-scheme .youzer .checkout_coupon, .yz-orange-scheme .youzer .wc-proceed-to-checkout a.checkout-button, .yz-orange-scheme .youzer .wc-proceed-to-checkout a.checkout-button:hover, .yz-orange-scheme .youzer .woocommerce-customer-details h2, .yz-orange-scheme .youzer .yz-attachment-file-icon, .yz-orange-scheme .youzer .yzwc-box-title h3, .yz-orange-scheme .youzer .yzwc-main-content #payment #place_order, .yz-orange-scheme .youzer .yzwc-main-content .track_order .form-row button, .yz-orange-scheme .youzer .yzwc-main-content .woocommerce-checkout-review-order table.shop_table tfoot .order-total, .yz-orange-scheme .youzer .yzwc-main-content .woocommerce-checkout-review-order table.shop_table thead, .yz-orange-scheme .youzer .yzwc-main-content button[type="submit"], .yz-orange-scheme .youzer .yzwc-main-content h3, .yz-orange-scheme .youzer .yzwc-main-content table.shop_table td a.view::before, .yz-orange-scheme .youzer .yzwc-main-content table.shop_table td a.woocommerce-MyAccount-downloads-file::before, .yz-orange-scheme .youzer .yzwc-main-content table.shop_table td.actions .coupon button, .yz-orange-scheme .youzer .yzwc-main-content table.shop_table td.woocommerce-orders-table__cell-order-number a, .yz-orange-scheme .youzer .yzwc-main-content table.shop_table thead, .yz-orange-scheme .youzer div.item-list-tabs li.yz-activity-show-search .yz-activity-show-search-form i, .yz-orange-scheme .youzer table tfoot tr, .yz-orange-scheme .youzer table thead tr, .yz-orange-scheme .youzer table.shop_table.order_details tfoot tr:last-child, .yz-orange-scheme .yz-community-hashtags .yz-hashtag-item:hover, .yz-orange-scheme .yz-forums-forum-item .yz-forums-forum-icon i, .yz-orange-scheme .yz-forums-topic-item .yz-forums-topic-icon i, .yz-orange-scheme .yz-group-manage-members-search #members_search_submit, .yz-orange-scheme .yz-group-settings-tab input[type="submit"], .yz-orange-scheme .yz-items-list-widget .yz-list-item .yz-item-action .yz-add-button i, .yz-orange-scheme .yz-loading .youzer_msg, .yz-orange-scheme .yz-media-filter .yz-filter-item .yz-current-filter, .yz-orange-scheme .yz-nav-effect .yz-menu-border, .yz-orange-scheme .yz-pagination .page-numbers.current, .yz-orange-scheme .yz-post .yz-read-more, .yz-orange-scheme .yz-post-content .yz-post-type, .yz-orange-scheme .yz-product-actions .yz-addtocart, .yz-orange-scheme .yz-project-content .yz-project-type, .yz-orange-scheme .yz-scrolltotop i:hover, .yz-orange-scheme .yz-service-icon i:hover, .yz-orange-scheme .yz-social-buttons .friendship-button a, .yz-orange-scheme .yz-social-buttons .friendship-button a.requested, .yz-orange-scheme .yz-tab-post .yz-read-more, .yz-orange-scheme .yz-tab-title-box, .yz-orange-scheme .yz-view-order .yzwc-main-content > p mark.order-status, .yz-orange-scheme .yz-wall-actions .yz-wall-post, .yz-orange-scheme .yz-wall-embed .yz-embed-action .friendship-button a, .yz-orange-scheme .yz-wall-embed .yz-embed-action .friendship-button a.requested, .yz-orange-scheme .yz-wall-embed .yz-embed-action .group-button a, .yz-orange-scheme .yz-wall-new-post .yz-post-more-button, .yz-orange-scheme .yz-widget .yz-user-tags .yz-utag-values .yz-utag-value-item, .yz-orange-scheme .yzb-author .yzb-account-settings, .yz-orange-scheme .yzb-author .yzb-login, .yz-orange-scheme .yzm-user-actions .friendship-button a, .yz-orange-scheme .yzm-user-actions .friendship-button a.requested, .yz-orange-scheme .yzw-file-post, .yz-orange-scheme div.bbp-submit-wrapper button {

    background: #ffc952;
        background-color: rgb(255, 201, 82);
    color: #333;

}

#youzer #send_message_form {

    padding: 35px;
    margin-bottom: 35px;
    background-color: #1b1b1b;

}

.yzmsg-form-item .emojionearea .emojionearea-editor, .yzmsg-form-item input:not(.search), .yzmsg-form-item textarea {

    background: #333;
    border: 1px solid #111;
 
}

.yzmsg-form-item textarea:focus {

    border-color: #111;
    color: #cecece;

}



.yz-profile-navmenu .yz-navbar-item a span, .yz-profile-navmenu .yz-navbar-item a span.count {

    font-size: 12px;
    min-width: 20px;
    margin-left: 7px;
    padding: 2px 8px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    background-color: #e74c3c;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;

}

.logy-social-buttons .logy-social-title span {
    color: #ffffff;
    padding: 4px 14px;
    font-size: 11px;
    background-color: #333333;
    border:1px solid #111111;
    border-radius:3px;
}

.logy-forgot-password, .logy-form .form-title h2, .logy-form .logy-form-cover .form-cover-title, .logy-form .logy-form-desc, .logy-form .logy-form-message p, .logy-form-actions button, .logy-form-item .logy-item-content input, .logy-form-item .logy-item-content label, .logy-form-note, .logy-link-button, .logy-social-buttons .logy-social-title, .logy-social-buttons li a {
    font-family: posterama;
}

.logy-form .form-cover-title {
    bottom: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 200;
    line-height: 26px;
    padding: 15px 25px;
    position: absolute;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: rgba(0,0,0,.45);
    font-family: posterama;
}

#logy_signup_form input[type=email], #logy_signup_form input[type=number], #logy_signup_form input[type=password], #logy_signup_form input[type=text] {
    width: 100%;
    color: #959697;
    margin-top: 0;
    font-size: 13px;
    padding: 0 18px!important;
    min-height: 42px;
    line-height: 42px;
    border: 1px solid #111111!important;
    border-radius: initial;
    background: #252525;
    box-shadow: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}



.logy-form {
    width: 90%;
    margin: 0 auto;
    max-width: 500px;
    overflow: hidden;
    background-color: #1b1b1b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 10px #e2e2e2;
    -moz-box-shadow: 0 2px 10px #e2e2e2;
    box-shadow: 0 2px 10px #000000;
}

.yz-small-verified-icon {

    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    margin: 0 2px 0 5px;
    vertical-align: middle;

}

logy_signup_form label .bp-required-field-label, #logy_signup_form legend .bp-required-field-label {
    color: #ffffff;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400;
    line-height: 14px;
    border-radius: 3px;
    padding: 2px 7px 3px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #e74c3c;
}

#logy_signup_form label .bp-required-field-label, #logy_signup_form legend .bp-required-field-label {
    color: #ffffff;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400;
    line-height: 14px;
    border-radius: 2px;
    padding: 2px 7px 3px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #E74C40;
}

#send-reply .emojionearea .emojionearea-editor, #send-reply textarea {

    width: 100%;
    height: 100px;
    color: #807e7e;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    padding: 35px 100px;
    background-color: #262626;
    border: none;

}

#youzer #send-reply {

    padding: 25px;
    margin-bottom: 35px;
    background-color: #1b1b1b;
    border: none;

}

#message.updated {

    display: block;
    border-left: 6px solid #65C178;
    background: rgba(255,255,255,.1);
}

#message.info, div#message.info {

    background: #333;
    border-left: 6px solid #e74c3c;
    color: #fff;

}

#message-recipients a.button {

    color: #a7a7a7;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    padding: 12px 25px;
    text-align: center;
    display: inline-block;
    border: 1px solid #333;
    text-transform: capitalize;
    background: rgba(255,255,255,.1);

}
#message-recipients a.button, .follows .yz-page-btns-border-oval #yz-members-list .yzm-user-actions a, .my-friends .yz-page-btns-border-oval #friend-list .action a, .my-friends .yz-page-btns-border-oval #yz-members-list .yzm-user-actions a, .my-groups .yz-page-btns-border-oval #yz-groups-list .action a, .sitewide-notices .yz-notice-icon, ul.acfb-holder li.friend-tab {

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;

}

#message-recipients {

    width: 100%;
    padding: 25px;
    display: table;
    margin-bottom: 25px;
    background-color: #1b1b1b;

}
.yz-name .yz-user-status {

    color: #fff;
    font-size: 10px;
    font-weight: 600;
    margin-left: 9px;
    line-height: 10px;
    padding: 3px 5px 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;

}

#youzer table.messages-notices, #youzer table.notifications {

    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    width: 100%;
    border: none;
    box-shadow: none;
    margin-bottom: 35px;
    background-color: #1b1b1b;
    border-collapse: collapse;

}


.yz-tabs-list-gray div.item-list-tabs a i, .yz-tabs-list-gray div.item-list-tabs a::before {

    color: #fff;
    background-color: #333;

}

#youzer table.messages-notices tr, #youzer table.notifications tr {

    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #080808;

}

.my-friends .youzer #yz-members-list li .yzm-user-data {

    width: 100%;
    padding: 25px;
    display: table;
    position: relative;
    margin-bottom: 20px;
    background-color: #252525;

}

.yzb-head-content .yz-user-online {

    background-color: #2ecc71;

}

.yzb-author-v6 .yzb-head-content span {

    clear: initial;
    color: #333;

}
.follows .youzer #yz-members-list .yzm-user-actions a.yz-send-message, .my-friends .youzer #yz-members-list .yzm-user-actions a.yz-send-message {

    color: #fff;
    border: 1px solid #111;
    background-color: #3498db;

}

.messages-notices thead, .notifications thead {

    background-color: #1b1b1b;
    border-bottom: 1px solid #080808;

}

.yz-media-filter .yz-filter-item {

    width: 20%;
    float: left;
    display: block;
    padding: 4px;
    background: #1b1b1b;

}
.yz-media-widget .yz-media-no-items {

    margin: 5px 0;
    border-color: #ebc47f;
    background: #333;

}


.yz-quick-buttons .yz-friends-btn .yz-button-count {

    background-color: #54BE69;
    color: #ffffff;
    border: 1px solid #fff;

}

.yz-quick-buttons .yz-notification-btn .yz-button-count {

    background-color: #f95e3c;
    color: #fff;
    border: 1px solid #fff;

}

.yz-quick-buttons .yz-button-item i, .yz-quick-buttons .yz-button-item span {

    width: 35px;
    height: 35px;
    color: #707070;
    line-height: 35px;
    text-align: center;

}
.yz-quick-buttons .yz-button-item span {

    font-size: 32px;

}

.yz-widget .yz-widget-head .yz-edit-widget {

    top: 15px;
    opacity: 0;
    right: 15px;
    width: 35px;
    height: 35px;
    color: #707070;
    line-height: 35px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}

.yz-widget .yz-widget-head {

    border-bottom: 1px solid rgba(255,255,255,.15);
        border-bottom-color: rgba(255, 255, 255, 0.15);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.yz-account-verified {

    color: #fff !important;

}
.yz-account-verified {

    background-color: rgb(29, 161, 242) !important;
    color: #fff;

}

i.yz-small-verified-icon {

    width: 17px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;
    margin: 0 2px 0 5px;

}





.yz-media-box {

    padding-top: 5px;
    background-color: #1b1b1b;
    display: block !important;

}
.yz-widget .yz-widget-main-content {

    color: #8d8c8c;
    background: #1b1b1b;

}

.yz_cs_checkbox_field .yz_field_indication {

    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    background: 0 0;
    border: 1px solid #707070;

}

.yz-hdr-v2 .yz-user-statistics .yz-sdescription, .yz-hdr-v7 .yz-user-statistics .yz-sdescription {

    font-weight: 600;
    letter-spacing: 0;
    font-family: posterama;

}

.yz-hdr-v2 .yz-snumber {

    color: #898989;
    font-size: 20px;
    font-family: posterama;

}

.messages-notices .thread-options .unread span, .notifications .notification-actions .mark-unread span, .sitewide-notices .thread-options .deactivate-notice {

    background-color: #333;

}

.yz-orange-scheme .item-list-tabs #search-message-form #messages_search_submit {

    background-color: rgb(255, 201, 82);
    background-color: rgb(255, 201, 82);
    color: #333;
    margin-left: -4px;
    margin-top: 2px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}

.settings-inner-content .options-section-title {

    padding: 0 50px;
    line-height: 85px;
    border-bottom: 1px solid #080808;

}

.settings-main-content .settings-inner-content {

    margin-left: 35px;
    background-color: #1b1b1b;

}

#youzer .editfield input:not([type="radio"]):not([type="checkbox"]):not(.ed_button) {

    width: 100%;
    color: #cfcfcf;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 15px;
    border: none;
    box-shadow: none !important;
    background-color: #262626;
    border-radius: 3px;

}

.youzer .editfield .field-visibility-settings-notoggle, .youzer .editfield .field-visibility-settings-toggle {

    color: #8a8a8a;
    font-size: 13px;
    margin-top: 15px;
    padding: 12px 25px;
    background-color: #222;
    border-left: 5px solid #ebc47f;


}

.yz-close-login {
    top: 10px;
    margin: 0;
    padding: 0;
    color: #E74C40;
    width: 30px;
    right: 10px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 29px!important;
    background-color: rgba(0,0,0,.1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.youzer #drag-drop-area {

    border: none;

}
.drag-drop #drag-drop-area {

    border: 4px dashed #666666;
    height: 200px;
    background: #262626;

}
.hr-title.hr-double {
    top: 2px;
    color: #fff;
    border-top: none;

}



.hr-title abbr {

    padding: 2px 10px;
    border-radius: 2px;
    position: relative;
    top: -10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 20px;

}

#buddypress.youzer div.bp-avatar-status p.warning, #buddypress.youzer div.bp-cover-image-status p.warning, .youzer div.bp-avatar-status p.warning, .youzer div.bp-cover-image-status p.warning, body.youzer div.bp-avatar-status p.warning {

    border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
    color: #8a8a8a;
    font-size: 13px;
    padding: 12px 25px;
    background-color: #333;
    border-left: 5px solid #3498db;

}

.yz-head-buttons .yz-button-item {

    width: 20%;
    float: left;
    display: block;
    padding: 4px;
    background: #080808;
    border-radius: 0px;

}

#youzer .editfield label .bp-required-field-label, #youzer .editfield legend .bp-required-field-label {

    color: #fff;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400;
    line-height: 12px;
    border-radius: 2px;
    padding: 2px 7px 3px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #e74c3c;

}

.kleo-user_avatar-nav .kleo-bp-user-avatar img {

    width: 38px;
    border: 1px solid #333;

}

.bp-required-field-label {

    color: #fff;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400;
    line-height: 12px;
    border-radius: 2px;
    padding: 2px 7px 3px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #e74c3c;

}

#logy_signup_form .field-visibility-settings-notoggle .current-visibility-level, #logy_signup_form .field-visibility-settings-toggle .current-visibility-level {
    font-size: 11px;
    margin-left: 8px;
    padding: 4px 15px;
    border: 1px solid #000000;
    text-transform: capitalize;
    background: #333333;
}

#logy_signup_form fieldset {
    margin: 0;
    margin-bottom: 30px;
    padding: 0 15px 15px;
    border: 1px solid #111111;
    background: #333333;
    border-radius: 3px;
}

#logy_signup_form .field-visibility-settings-notoggle, #logy_signup_form .field-visibility-settings-toggle {
        color: #8a8a8a;
    font-size: 13px;
    margin-top: 15px;
    padding: 12px 25px;
    background-color: #222;
    border-left: 5px solid #ebc47f;
}

.youzer .editfield .field-visibility-settings-notoggle .current-visibility-level, .youzer .editfield .field-visibility-settings-toggle .current-visibility-level {

    font-size: 14px;
    margin-left: 8px;
    min-width: 115px;
    background-color: #333;
    border: 1px solid #000;
    text-transform: capitalize;

}

.yz-account-settings-menu .yz-account-menu:hover {

    background-color: #262626;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-radius:0px;
}

.yz-account-settings-menu {

    background-color: #1b1b1b;


}



.yz-account-settings-menu .yz-account-menu {

    cursor: pointer;
    padding: 20px 10px 20px 20px;
    border-bottom: 1px solid #080808;

}

.yz-head-buttons {

    text-align: center;
    background: #1b1b1b;
    border-top: 1px solid #080808;
    border-bottom: 1px solid #080808;

}

.youzer .yz-settings-sidebar {


    background: #1b1b1b;

}

.yz-account-header {

    margin-bottom: 35px;
    background-color: #1b1b1b;

}

.youzer .youzer-settings-actions {

    padding: 0 50px;
    overflow: hidden;
    line-height: 91px;
    border-top: 1px solid #080808;

}

.item-list-tabs #search-message-form #messages_search {

    margin: 0;
    height: 45px;
    color: #cfcfcf;
    font-size: 13px;
    font-weight: 600;
    line-height: 45px;
    padding: 8px 15px;
    display: inline-block;
    border: none;
    width: calc(100% - 110px);
    background: #3333330;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;

}

.item-list-tabs #search-message-form {

    display: none;
    margin-top: 15px;
    padding-top: 20px;
    margin-bottom: 5px;
    border-top: 1px solid #080808;

}

.messages-notices .thread-options .delete span, .notifications .notification-actions .delete span {

    color: #fff;
    background-color: #CD5C5C;

}

#youzer table.messages-notices thead .yz_field_indication, #youzer table.notifications thead .yz_field_indication {

    border-color: #333;

}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {

    background-color: #333333;

}

 .nice-select .list {

    min-width: 130px;
    margin-top: -2px;

}

.nice-select .list {

    background-color: #1b1b1b;
    box-shadow: none;
    box-sizing: border-box;
    margin-top: 8px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    max-height: 400px;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
    border-bottom-right-radius: 3px;

}

.nice-select, .youzer div.item-list-tabs .yz-bar-select {

    -webkit-tap-highlight-color: transparent;
    background-color: #333333;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: inherit;
    font-size: 14px;
    min-height: 38px;
    line-height: 39px;
    outline: 0;
    padding-left: 18px;
    padding-right: 35px;
    position: relative;


}

.yz-rp-img-circle .yz-post-thumbnail {

    border-radius: 3%;
    -webkit-border-radius: 3%;}

#send_message_form {

    padding: 35px;
    margin-bottom: 35px;
    background-color: #1b1b1b;

}

.youzer div.item-list-tabs {

    padding: 15px 20px;
    margin: 0 0 35px;
    background-color: #1b1b1b;
    border-radius: 3px;

}

.yz-wg-border-radius .yz-slideshow-img, .yz-wg-border-radius .yz-tab-comment, .yz-wg-border-radius .yz-tab-post, .yz-wg-border-radius .yz-widget, .yz-wg-border-radius .yz-widget .yz-widget-main-content, .yz-wg-border-radius .yz-widget.without-title .yz-link-cover, .yz-wg-border-radius .yz-widget.without-title .yz-quote-content::before, .yz-wg-border-radius .yz-widget.without-title .yz-quote-cover {

    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #1b1b1b;

}

.yz-media-filter {

    padding: 0 5px 0;
    overflow: hidden;
    background: #1b1b1b;

}


.yz-hdr-v2 {

    margin-bottom: 35px;
    background-color: #1b1b1b;

}

.yz-recent-posts .yz-post-item {

    overflow: hidden;
    padding: 20px;
    border-top: 1px solid #080808;

}

.yz-media-filter .yz-filter-item .yz-filter-content {

    width: 100%;
    padding: 12px 5px;
    color: #666;
    cursor: pointer;
    background: #262626;
    text-align: center;
    border-radius: 3px;

}

.yz-account-header .yz-button-item a i { color: #ffffff; }

.yz-account-header .yz-button-item a { background: #262626; }

.yz-profile-navmenu .yz-navbar-item a {

    color: #707070;
    cursor: pointer;
    font-weight: 600;
    line-height: 22px;
    font-size: 12.5px;
    padding: 26px 25px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;

}

.yz-page-main-content {

    margin: auto;
    padding: 35px 0 0;
    position: relative;
    background: #080808;

}

#youzer .yzmsg-form-item input[type="text"]:not(.search) {

    width: 50%;
    height: 41px;
    color: #cfcfcf;
    font-size: 13px;
    padding: 8px 15px;
    border-color: #333;

}

.yz-widget .yz-widget-main-content {

    width: 100%;
    z-index: 9999;
    color: #8d8c8c;
    background-color: #1b1b1b;

}

#yz-profile-navmenu .yz-settings-menu {

    right: 0;
    margin: 0;
    width: 200px;
    display: none;
    z-index: 9999;
    text-align: left;
    line-height: 24px;
    padding: 8px 25px;
    position: absolute;
    background-color: #1b1b1b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 2px 1px 0 rgba(164,166,167,.33);
    -webkit-box-shadow: 0 2px 1px 0 rgba(164,166,167,.33);
    box-shadow: 0 2px 1px 0 rgba(164,166,167,.33);

}

.logy-social-buttons .logy-social-title {
    width: 100%;
    line-height: 0;
    display: block;
    font-size: 12px;
    margin: 30px auto;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #111111;
}

#breadcrumbs-wrapp .inline-list {
    display: none;
}

.yz-popup-login .logy-form form {
    padding: 20px 45px 30px;
    background: #1b1b1b;
}
 
 .yz-my-account-widget {

    margin-bottom: 35px;
    background-color: #262626;

}

.yz-media-box {

    padding-top: 5px;
    background-color: #1b1b1b;
    display: block !important;

}

.yz-media-no-items {

    color: #898989;
    font-size: 13px;
    font-weight: 600;
    padding: 20px 25px;
    border-radius: 3px;
    background-color: #262626;
    border-left: 5px solid;
        border-left-color: #ebc47f;
    margin-bottom: 12.5px;
    text-transform: capitalize;

}