/*
Theme Name: Vela
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body #opc-product-selection .button a {
	color: white;
}

/* Make the in-text/body links clearer than Flatsome defaults: */
a:not(.button):not(.nav-top-link):not(.header-cart-link) {
    /* light Google blue */
    color: #2a5db0;
    text-decoration: underline;
}
a:visited:not(.button):not(.nav-top-link):not(.header-cart-link) {
    color: #0a3578;
    text-decoration: underline;
}
a:hover:not(.button):not(.nav-top-link):not(.header-cart-link) {
    color: #0a3578;
    text-decoration: underline;
}

.leafside-lt-green {
    color: #90B35D;
}
.leafside-dk-green {
    color: #5B8F57;
}

ul#menu-footer li a {
    color: #f1f1f1;
}

.header-row td:first-child {
    font-weight: bold;
    font-size: 20px;
}
/* Despite being set to "none" in the WooCommerce Settings to hide it,
   a bug in the WOOF search form (plugin) makes this large RESET
   button re-appear after user clicks a radio button. */
.woof_reset_search_form {
    display: none;
    /* Or if it does show up, at least let's make it less ugly by being
    aligned with the other selectors. */
    float: left !important;
}

/* On the main Shop page, setting below to not display can get rid of
   the big empty space after the custome header and before the
   products listing. But the div is also used for WOOF mobile UI, it's
   where the filter link appears. */
.shop-page-title {
    /* display: none; */
}

/* Improve/adapt the WP Shopify cart styling for our needs */
.wps-cart-item-img-link {
  display: none;
}

.wps-cart-item__content {
  padding-left: 0;
}

.wps-quantity-decrement,
.wps-quantity-increment,
.wps-cart-item__quantity {
  margin: 0;
}

.testimonial-text {
  margin-top: 1.5em;
}

.testimonial-meta {
  line-height: 1.2;
}

/* Menu items: increase space between them */
.nav > li {margin: 0 10px;}

/* Breadcrumbs can be confusing since they include category; remove from sight  */
.woocommerce-breadcrumb.breadcrumbs {display: none;}

/* No breadcrumbs? Then close the vertical gap so that product info is
   level with its image */
.product-info {padding-top: 0;}

/* Below class is misnamed, currently in-use for our brand tagline */
.html_top_right_text {letter-spacing: 0.3px}

/* Change the default Sale! bubble color to a familiar green (e.g. seen on bundles) */
.secondary.on-sale {
    background-color: #90B35D;
}

/* Replace Flatsome's default fancy-underline img */
.fancy-underline {position:relative}
.fancy-underline:after {content:"";color:green;position:absolute;left:0;border-radius:999px;right:0;top:100%;height:9px;image-rendering:-webkit-optimize-contrast;background:url("img/orange-underline.png") 50% top no-repeat;background-size:100% 9px}


/* Checkout pages________________________________ */
/* Errors in Checkout: use red/purple, complementary to LeafSide light green */
.woocommerce_error {
    color: #a45579;
}
/* Breadcrumbs and progress indication; un-style them as links, best to discourage clicking around */
div.cart-header.text-left.medium-text-center nav.breadcrumbs.checkout-breadcrumbs.text-left.medium-text-center.lowercase.is-large a {
    pointer-events: none;
    text-decoration: none;
    color: rgb(119, 119, 119); /* flatsome.css default */
}
div.cart-header.text-left.medium-text-center nav.breadcrumbs.checkout-breadcrumbs.text-left.medium-text-center.lowercase.is-large a.current {
    font-weight: bold;
}
div.cart-header.text-left.medium-text-center nav.breadcrumbs.checkout-breadcrumbs.text-left.medium-text-center.lowercase.is-large a.no-click {
    color: #ccc;
}

/* Cart page customizations */
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    border-bottom: 1px solid #ccc;
}
div.continue-shopping {
    display: none !important;
}
.checkout-button, .button.checkout, button#place_order {
    /* LeafSide's friendly green-means-go! */
    background-color: #90B35D !important;
}
ul#box-benefits {
    margin-bottom: 0.5em;
}
ul#box-benefits li {
    list-style: square;
    margin-left: 1em;
    margin-bottom: 0.5em;
}
form.wcsatt-add-cart-to-subscription-form h4.wcsatt-add-cart-to-subscription-intro {
    margin: 1em 0;
}

/* Review Order page, aka Checkout details */
div.woocommerce-info.angelleye-order-review-page-message {
    /* Make this message pop out clearly */
    color: #5B8F57;
    font-weight: bold;
    margin-bottom: 2em;
}

div.express-provided-address a.ex-show-address-fields {
    font-style: italic;
}

/* Override the weirdness/ugliness that Angelleye puts next to email, phone fields:  */
.angelleye-woocommerce-customer-details-phone, .angelleye-woocommerce-customer-details-email {
    margin-top: 1em;
    padding-left: 0;
}
div.express-provided-address address p.angelleye-woocommerce-customer-details-phone:before, div.express-provided-address address p.angelleye-woocommerce-customer-details-email:before {
    content: none;
}

div.woocommerce-shipping-fields div.shipping_address h3 {
    margin-top: 1.5em;
}

div.woocommerce-additional-fields div.woocommerce-additional-fields__field-wrapper p#order_comments_field.form-row.notes {
    margin-top: 2em;
}

div#order_review.woocommerce-checkout-review-order div#payment.woocommerce-checkout-payment div.form-row.place-order a.button.alt.angelleye_cancel {
    display: none;
}

p#kl_newsletter_checkbox_field {
    margin-bottom: 1.3em;
}

/* Mini-cart (navbar dropdown) enhancements */
li.woocommerce-mini-cart-item.mini_cart_item span.quantity {
    display: none;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button {
    display: none;
}
li.woocommerce-mini-cart-item.mini_cart_item a {
    font-size: 0.8em;
}

/* Homepage and related tweaks */
.slider-nav-outside .flickity-prev-next-button.previous {
    left: auto;
    right: 103%;
}
.slider-nav-outside .flickity-prev-next-button.next {
    right: auto;
    left: 103%;
}
.flickity-prev-next-button {
    width: 72px;
}

/* Meals listing page */
.box-image img {
    -webkit-transform: none; /* fix Safari clipping of images */
}

/* UFAQ */
div.ufaq-social-links {
    margin: 1.5em 0;
}
ul.rrssb-buttons li:first-child {
    margin-left: 0;
}
div.ufaq-permalink {
    margin-bottom:1.5em;
    margin-left: 0;
}

/*_____________________________Offers page/UI___________________________*/
.featured-table {
  border-color: rgb(127, 167, 115);
  border-width: 1px;
  margin-top: -14px;
}
.featured-table .title {
  background-color: rgb(127, 167, 115);
  border-color: rgb(127, 167, 115);
  color: #fff;
}
div.other-start-options-accordion a.accordion-title {
  padding: 1em;
}

/* Product pages */
div.product-info p.first-payment-date {
    margin-bottom: 0;
}
div.product-info div.product_meta {
    display: none;
}
div.product-info div.social-icons {
    display: none;
}
div.price-wrapper p.price.product-page-price small.wcsatt-sub-options {
    display: none;
}
/* WC SATT/APWS errantly shows ship-now button on single-product page; fix it: */
div.product-info div.wcsatt-add-to-subscription-wrapper div.wcsatt-add-to-subscription-options button[value="ship_now_reschedule"] {
    display: none;
}
/* On single-product/meals pages, don't show add-to-cart button */
div.product-main div.quantity.buttons_added, div.product-main button.single_add_to_cart_button.button.alt {
    display: none;
}
/* ...BUT, need an exception when adding a product into subscription w/ Toolbox */
button#toolbox-single-product-add-to-subscription {
    display: block;
}
/* ...BUT, exceptions to the rule above arises for all Mix-and-Match
   products. First, need to display per-item quantity adjuster:  */
td.product-quantity div.quantity.buttons_added {
  display: inline-block !important;
}
/* ...AND then MnM ATC button needs visibility: */
button#leafside-mnm-add-to-cart {
    display: inline;
    margin-bottom: 0;
}
.mnm_cart.fixed {
    background-color: #5B8F57;
}
.mnm_cart.fixed .mnm_message_content {
    color: #fff;
}

/* Override mnm mobile style: don't display quantity adjustment
   buttons for the mnm product as a whole; we expect that adding
   default of 1 is what almost all users will want. */
.mnm_cart.fixed .mnm_button_wrap:nth-child(2) .quantity {
    display: none;
}
/* Don't show 0.00 price for MnM products w/o per-item pricing */
tr.woocommerce-cart-form__cart-item.cart_item.mnm_table_item.mnm_part_of_static_priced_container td.product-price {
    display: none;
}

button#leafside-add-one-product-to-subscription {
    background-color: #5B8F57;
}


/* Nutrition facts label (replaces style block in the plugin php file) */
.nfacts-link {
    text-decoration: underline !important;
}

.wp-nutrition-label {
    border: 2px solid #111;
    font-family: 'Source Sans Pro', sans-serif, arial, helvetica;
    font-size: .9em;
    max-width: 310px;
    padding: .35em;
    line-height: 1em;
    margin: 0;
    background: #fff;
    color: #000;
}

.wp-nutrition-label hr {
    height: 8px;
    background: #111;
    margin: 3px 0;
}

.wp-nutrition-label .heading {
    font-size: 39px;
    font-weight: 900;
    margin: 0;
    line-height: 1em;
    text-justify: auto;
    padding-bottom: 10px;
    border-bottom: 2px solid #111;
}

.wp-nutrition-label div#nfacts-servings-line {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.wp-nutrition-label div#nfacts-wfpb-line {
    font-weight: 900;
    font-size: 1.1em;
    margin-top: 2px;
    margin-bottom: 5px;
}

.wp-nutrition-label .indent {
    margin-left: 1em;
}

.wp-nutrition-label .double-indent {
    margin-left: 2em;
}

.wp-nutrition-label .small {
    font-size: .8em;
    line-height: 1em;
}

.wp-nutrition-label .item_row {
    border-top: solid 1px #111;
    padding: 3px 0;
}

.item_row strong {
    font-size: 15px;
    font-weight: bold;
}

.wp-nutrition-label .amount-per {
    padding: 0 0 8px 0;
    font-weight: bold;
    font-size: 15px;
}

.wp-nutrition-label .daily-value {
    padding: 4px;
    font-weight: bold;
    text-align: right;
    border-top: solid 4px #111;
}

.wp-nutrition-label .f-left {
    float: left;
}

.wp-nutrition-label .f-right {
    float: right;
}

.wp-nutrition-label .noborder {
    border: none;
}

.footnote:before {
    content: "* ";
    margin-left: -9px;
}

.footnote {
    font-size: 0.813em;
    padding: 0 0 0 9px;
}

.wp-nutrition-label .amount {
    font-weight: 700;
    padding: 0;
    line-height: 1em;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*_____________________________Subscriptions UI___________________________*/

/* The default was right alignment, which shows ugly mis-alignments */
.my_account_orders thead tr th:last-of-type, .my_account_orders tr td:last-of-type {
    text-align: left;
}

/* Subscription management UI */
table.shop_table.subscription_details td a.button {
    margin-right: 0;
}

div.woocommerce-message.message-wrapper div.message-container {
    text-align: center;
}

a.button#subscription-action-edit-subscription, a.button#subscription-action-reactivate {
    background-color: #7a9c59; /* dark LS green */
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
a.button#subscription-action-suspend {
    background-color: khaki;
    color: #777;
}

a#subscription-action-skip_next.button {
    background-color: khaki;
    color: #777;
}
a#subscription-action-ship_now_recalculate.button {
    /* margin-bottom: 0.5em; */
}
a.button#subscription-action-cancel {
    background-color: darkred;
    margin-left: 0em;
    margin-top: 1em;
}

form#change-shipping-date input#pickadate {
    width: 10em;
}
form#change-shipping-date button {
    margin: 0 0 0 1em;
}
table#next-box-meals-list {
    margin-bottom: 3em;
}
div.woocommerce-MyAccount-content section.woocommerce-customer-details {
    margin-top: 2.5em;
}
address {
    font-style: normal; /* otherwise italics everywhere in addy form, which sucks */
}
form#main-form-edit-subscription div.col-2 {
    padding-left: 40px;
}
button#edit-subscription-submit-button {
    background-color: #7a9c59; /* dark LS green */
    font-size: 150%;
    margin-top: 2em;
}


/* OPCheckout styles */
/* Avoid redundant display of line-item buttons in review/payment section  */
div.opc_order_review table.shop_table.woocommerce-checkout-review-order-table thead, div.opc_order_review table.shop_table.woocommerce-checkout-review-order-table tbody {
    /* display: none; */
}
#order_review .product-remove {
    display: none;
}
#order_review .opc_cart_item td.product-name {
    padding-left: 0;
}

.qty-custom-message {
	color: red; font-weight: bold;
}
.quick-action-buttons {
	cursor: pointer;
}

/* OPC sidebar styles */
.bundled_table_item .product-name, .bundled_table_item:not(.order_item) .product-quantity {
    font-size: 0.8em;
}

/* __________________________ProfileBuilderPro__________________________
 PBP overrides require that the whole plugin's stylesheet be pulled in
 here, and then also turn it off in the PBP admin General settings */

/* Register & Edit Profile Forms*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Forms
3.0 - Alignments
4.0 - Errors & Notices
5.0 - User Listing
6.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
.wppb-user-forms,
.wppb-user-forms *{
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
	box-sizing: border-box !important;         /* Opera/IE 8+ */
}

/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]),
.wppb-user-forms select,
.wppb-user-forms textarea{
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
.wppb-user-forms input[type="checkbox"],
.wppb-user-forms input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
.wppb-user-forms input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
.wppb-user-forms input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
.wppb-user-forms button::-moz-focus-inner,
.wppb-user-forms input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"],
.wppb-user-forms textarea{
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.wppb-user-forms input[type="text"]:focus,
.wppb-user-forms input[type="number"]:focus,
.wppb-user-forms input[type="email"]:focus,
.wppb-user-forms input[type="url"]:focus,
.wppb-user-forms input[type="password"]:focus,
.wppb-user-forms input[type="search"]:focus,
.wppb-user-forms textarea:focus {
	color: #111;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"] {
	padding: 3px;
}
.wppb-user-forms textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
.wppb-user-forms .wppb-wysiwyg .wp-editor-wrap { /* properly align wysiwyg editor among form fields */
    float:left;
    width:69.9%;
}
.wppb-user-forms .wppb-wysiwyg button:hover{ /* wysiwyg - overwrite the theme inherited background color on hover*/
    background: none;
}
.wppb-user-forms .wppb-wysiwyg div.mce-tinymce.mce-panel{   /*Display the borders for the TinyMCE editor - Visual tab*/
    border: 1px solid #ccc !important;
    color: #666 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-first{
    border-width: 0 0 1px 0 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-last{
    border-width: 1px 0 !important;
}
.wppb-user-forms .wppb-wysiwyg .quicktags-toolbar {      /*Display the borders for the TinyMCE editor - Text tab*/
    border: 1px solid #dedede;
    border-bottom: 0;
}
#wp-link label input[type="text"] {    /*Fix the looks of the Add Link window for TinyMCE editor*/
    padding: 0px;
}

#wppb-search-fields{
    min-width: 250px;
    float:left;
    margin-right:20px;
}

.wppb-user-forms .wppb-search-button{
    margin-right:10px;
    padding:7px 20px;
    line-height: 24px;
}

.wppb-search-users-wrap{
    margin-bottom: 20px;
}

.wppb-user-forms .extra_field_heading {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.wppb-user-forms ul{
	max-width:900px;
	list-style:none;
	margin-left:0;
	margin-right:0;
    padding-left:0;
    padding-right:0;
}

.wppb-user-forms ul li{
    list-style:none;
}

#wppb-login-wrap p,
#select_user_to_edit_form p{
	overflow:hidden;
	margin:0;
	padding-bottom:14px;
}

.wppb-user-forms ul li{
    margin:0;
    padding-bottom:20px;
}

.wppb-user-forms ul li:after{
    content: "";
    clear: both;
    display: block;
}

.wppb-user-forms .wppb-input-hidden {
    padding-bottom: 0;
}

.wppb-user-forms.wppb-user-role-administrator .wppb-input-hidden {
    padding-bottom: 14px;
}

.wppb-user-forms .wppb-form-field > ul {
    margin-left: 0;
}

.wppb-form-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label{
	width:30%;
	float:left;
	min-height:1px;
}
.wppb-form-field input,
.wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password input{
	width:69.9%;
	float:left;
}

.wppb-form-field.wppb-timepicker select {
    width: auto;
    margin-right: 5px;
}

.wppb-user-forms .wppb-wysiwyg .wp-editor-wrap .wp-editor-tabs *{
    box-sizing: content-box !important;
}

.wppb-user-forms .wp-editor-wrap input {
    float: none;
    width: auto;
}

input#send_credentials_via_email{
	float:none;
	width:auto;
	margin-right:10px
}

.wppb-send-credentials-checkbox label{
	width:auto;
}

.wppb-form-field > span{
	display:block;
	clear:both;
	margin-left:30%;
	font-size:80%;
	font-style:italic;
}

.wppb-form-field > span.custom_field_html {
	font-style: normal;
    font-size: 100%;
}

.wppb-form-field > span.select2-container {
    font-style: normal;
    font-size: 100%;
    clear:none;
}

.wppb-form-field.wppb-timepicker > span.wppb-timepicker-separator {
    display: inline-block;
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 5px;
    font-size: 100%;
    font-style: normal;
}

.wppb_upload_button{
    display:inline-block;
}

/* Our customization here, for separate-lines legibility of checkboxes: */
.wppb-user-forms .wppb-checkboxes li {
    display: block;
}

.wppb-user-forms .wppb-radios li{
    display:inline-block;
    padding:0 20px 0 0;
}

.wppb-form-field .wppb-checkboxes label,
.wppb-form-field .wppb-radios label{
	float:none;
	min-width:0;
	padding-left:5px;
    width:auto;
    display:inline-block;
}

.wppb-checkbox-terms-and-conditions input,
.wppb-checkboxes li input,
.wppb-radios li input{
	min-width:0;
	float:none;
	width:auto;
}

.wppb-edit-user .wppb-checkbox-terms-and-conditions {
	display:none;
}

.wppb-form-field.wppb-heading span,
.wppb-default-about-yourself-heading span,
.wppb-default-contact-info-heading span,
.wppb-default-name-heading span,
.wppb-checkbox-terms-and-conditions span{
	margin-left:0;
}

.wppb-checkbox-terms-and-conditions label {
    width: 100%;
}

.wppb-form-field.wppb-checkbox-terms-and-conditions input[type="checkbox"].custom_field_toa {
    float:none;
    width:auto;
    margin-right:10px
}


.wppb-recaptcha-element{
	display: inline-block;
}
.wppb-recaptcha-element.wppb-invisible-recaptcha {
    display: block !important;
}
.wppb-recaptcha-element iframe{
    margin-bottom: 0;
}

.wppb-form-field input.wppb-map-search-box {
    position: absolute;
    top: 10px !important;
    height: 34px;
    width: 50%;
    min-width: 250px;
    background: #fff;
    border: 0;
    border-radius: 1px;
    padding: 0 10px;
    box-shadow: 0 1px 1px 0 #c1c1c1;
    font-family: 'Roboto', sans-serif;
}

.wppb-create-new-site{
    width: 100%;
}
input#wppb_create_new_site_checkbox{
    width: auto;
    margin-right: 10px;
    float: none;
}
label[for=wppb_create_new_site_checkbox]{
    width:100%;
}
label[for=blog-privacy]{
    width:100%;
}


/* GDPR checkbox */
.wppb-gdpr-checkbox.wppb-form-field label{
    width:100%;
    float:none;
}

.wppb-gdpr-checkbox.wppb-form-field #user_consent_gdpr{
    float:none;
    width:auto;
    margin:0 10px 0 0;
}


/*--------------------------------------------------------------
4.0 Errors & Notices
--------------------------------------------------------------*/

#wppb_general_top_error_message,
.wppb-error,
.wppb-warning {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #ffebe8;
    border: 1px solid #C00;
}

#wppb_general_top_error_message,
.wppb-error,
.wppb-warning{
    color:#222222;
}

#wppb_general_top_error_message a,
.wppb-error a,
.wppb-warning a{
    color:#007acc;
}

.wppb-required{
	color: red;
}

.wppb-required,
.wppb-checkbox-terms-and-conditions span.wppb-required{
    margin-left:5px;
}

#wppb_form_success_message,
.wppb-success {
    padding: 25px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #e7f7d3;
    border: 1px solid #6c3;
}

.wppb-register-user .wppb-field-error,
.wppb-edit-user .wppb-field-error,
#wppb-recover-password .wppb-field-error{
	background-color: #FFDFDF;
    border: 1px dotted #C89797;
    margin-bottom: 6px !important;
    padding: 6px !important;
}

.wppb-field-error > input,
.wppb-field-error > select,
.wppb-field-error > textarea,
.wppb-field-error > label{
    margin-bottom: 10px;
}

.wppb-field-error img{
    box-shadow: none;
    -webkit-box-shadow:none;
    border:none;
    border-radius:0px;
    vertical-align: middle;
    margin-top: -3px;
    padding-left:5px;
    width: auto;
    height: auto;
}

.wppb-form-field > span.wppb-form-error{
    margin-top:10px;
    padding-top: 5px;
    border-top:1px dotted #c89797;
    font-size:100%;
    margin-left: 0;
}

/* Remove global Blog Details Field error */
#wppb-register-user .wppb-default-blog-details.wppb-field-error{
    background-color: transparent !important;
    border: 0px !important;
}
.wppb-default-blog-details > span.wppb-form-error{
    display:none;
}
.wppb-blog-details-heading span {
    margin-left: 0;
}




/*--------------------------------------------------------------
5.0 User Listing
--------------------------------------------------------------*/
.wppb-table *{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.wppb-table{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-spacing: 0.5rem;
    border-collapse: collapse;
    width: 100%;
}

.wppb-table th{
    background: #f4f4f4;
    padding: 7px;
    border:1px solid #e1e1e1;
    text-align: left;
}

.wppb-table thead tr:hover{
    background: none;
}

.wppb-table .wppb-sorting .wppb-sorting-default {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/sorting-default.png') no-repeat center center;
    vertical-align: middle;
}

.wppb-table .wppb-sorting .wppb-sorting-ascending {
    background-image: url('../images/sorting-ascending.png');
}

.wppb-table .wppb-sorting .wppb-sorting-descending {
    background-image: url('../images/sorting-descending.png');
}

.wppb-table tr:hover{
    background: #f1fcff;
}
.wppb-table td{
    padding: 7px;
    border:1px solid #e1e1e1;
}

.wppb-table .wppb-posts,
.wppb-table .wppb-moreinfo{
    text-align: center;
}

.wppb-avatar img {
    max-width: none;
}

ul.wppb-profile{
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left:0;
    padding-right: 0;
}

ul.wppb-profile li{
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

ul.wppb-profile li label{
    display: block;
    width:30%;
    float:left;
    min-height:1px;
    font-weight: bold;
}

ul.wppb-profile li span{
    display: block;
    width:69.9%;
    float:left;
}

ul.wppb-profile li h3,
ul.wppb-profile li h3:first-child{
    margin:20px 0;
    padding-top:20px;
    border-top:1px solid #d2d2d2;
}

ul.wppb-faceted-list{
    list-style: none;
    margin:0 0 20px;
}

ul.wppb-faceted-list:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.wppb-faceted-list > li{
    float:left;
    margin-right: 15px;
    max-width: 300px;
}

ul.wppb-faceted-list > li:first-child{
    float:none;
    clear:both;
}

.wppb-userlisting-container .wppb-faceted-list li h5{
    margin-top: 20px;
    margin-bottom: 5px;
}

ul.wppb-faceted-list label > *{
    vertical-align: middle;
}

ul.wppb-faceted-list input[type="checkbox"]{
    margin-right: 5px;
}

.wppb-userlisting-container.wppb-spinner{
    position:relative;
    opacity: 0.5
}

.wppb-userlisting-container.wppb-spinner:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    display: block;
    width: 32px;
    height: 32px;
    /*background: url('../images/ajax-loader.gif') no-repeat center;*/
    z-index: 1000;
}

ul.wppb-faceted-list .hide-this{
    display:none;
}

#wppb-remove-facets-container{
    list-style: none;
    margin: 0;
}

.wppb-remove-facet:before, .wppb-remove-all-facets:before {
    content: "x";
    display: inline-block;
    border-right: 1px dotted #D3CCC9;
    border-right: 1px dotted #6F6F6F;
    padding-right: 5px;
    margin-right: 5px;
}

.wppb-userlisting-container .wppb-ul-range-values{
    padding: 5px 0;
}

.wppb-userlisting-container .wppb-facet-select-multiple{
    height:auto;
}

.wppb-userlisting-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.wppb-float-left{
    float:left;
}

.wppb-float-right{
    float:right;
}

.wppb-facet-float-left{
    float:left;
    max-width:300px;
}

.wppb-facet-float-right{
    float:right;
    max-width:300px;
}


@media screen and ( max-width: 720px ) {

    .wppb-table {
        border: 0;
    }

    .wppb-table thead {
        display: none
    }

    .wppb-table tr {
        display: block;
        margin-bottom: 30px;
    }

    .wppb-table td {
        display: block;
        text-align: right;
        border-bottom: 0;
    }

    .wppb-table td:last-of-type {
        border-bottom: 1px solid #e1e1e1;
    }

    .wppb-table .wppb-posts,
    .wppb-table .wppb-moreinfo{
        text-align: right;
    }

    .wppb-table td:before {
        content: attr(data-label);
        float: left;
    }

    .wppb-table td:after {
        content: '';
        display: block;
        clear: both;
    }

}

/*--------------------------------------------------------------
6.0 Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 400px) {

	.wppb-form-field label,
	#wppb-login-wrap .login-username label,
	#wppb-login-wrap .login-password label,
    ul.wppb-profile li label{
		width:100%;
		display:block;
		float:none;
	}

	.wppb-form-field input,
	.wppb-form-field select,
	.wppb-form-field textarea,
	.wppb-checkboxes,
	.wppb-radios,
	#wppb-login-wrap .login-username input,
	#wppb-login-wrap .login-password input,
    ul.wppb-profile li span{
		width:100%;
		float:left;
	}

	.wppb-form-field > span{
		margin-left:0;
	}

	.wppb-checkboxes li label,
	.wppb-radios li label{
		display:inline;
	}

	.wppb-form-field .wppb-avatar-nofile,
	.wppb-form-field .wppb-avatar-file,
	.wppb-form-field .wppb-upload-nofile,
	.wppb-form-field .wppb-upload-file{
		margin-left:0;
	}
}

/*--------------------------------------------------------------
7.0 Password Strength
--------------------------------------------------------------*/
#pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    display: none;
    float: left;
    margin: 13px 5px 5px 30%;
    padding: 3px 5px;
    text-align: center;
    width: 200px;
    height:28px;
}
#pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040;
}
#pass-strength-result.bad {
    background-color: #ffb78c;
    border-color: #ff853c;
}
#pass-strength-result.good {
    background-color: #ffec8b;
    border-color: #fc0;
}
#pass-strength-result.strong {
    background-color: #c3ff88;
    border-color: #8dff1c;
}

/**************************************************/
/* Profile Builder Subscription Plans Field
/**************************************************/
.wppb-form-field.wppb-subscription-plans label {
    width: 100%;
    float: none;
}

.wppb-form-field.wppb-subscription-plans input {
    display: inline-block;
    width: auto;
    float: none;
    margin-right: 10px !important;
}

.wppb-form-field.wppb-subscription-plans span.description {
    display: block;
    font-size: 100%;
    font-style: italic;
    margin-left: 0;
    margin-bottom: 1.5em;
}

/**************************************************/
/* This is very weird: if in  the css there is a rule on table of border-collapse:collapse; then on FFox and Edge the Media upload won't open
/**************************************************/
table{
    border-collapse:separate;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}