/*
Theme Name: bebelusu
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

h2 {
    font: var(--porto-h2-fst,normal) var(--porto-h2-fw,700) var(--porto-h2-fs,2.2em)/var(--porto-h2-lh,40px) var(--porto-h2-ff,var(--porto-body-ff)),sans-serif;
    color: var(--porto-h2-color,var(--porto-heading-color));
    letter-spacing: var(--porto-h2-ls,-0.05em);
    margin-bottom: 6px
}

.mega-menu .wide .popup {
    /* border-top:3px solid var(--porto-primary-color); */
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    display: none;
    right: auto;
    left: 0;
    color: var(--porto-body-color)
}


#header .main-menu .wide .popup {
    border-top: 0px solid #0088cc;
}

#header .main-menu .narrow ul.sub-menu {
    border-top: 0px solid #0088cc
}

/*************** Categorii image  ***************/


li.product:hover .product-image {
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0.1)
}

/*************** Categorii front  ***************/

.products .product-category .thumb-info-wrapper:after {
    background: rgb(168 168 165 / 0%);
    z-index: 1;
    opacity: 1
}

.products .product-category:hover .thumb-info-wrapper:after {
  background: rgb(183 183 27 / 9%);
}

.m-t-md {
    text-transform: uppercase;
    font-weight:700;
    font-size:14px;
    line-height:21px;
    color:#000000;
    margin-top: 20px!important;
}

.m-b-sm {
    color:#565655;
    margin-top:0px!important
}

#header .porto-wide-sub-menu .menu-item>a:hover {
text-decoration: none;
}


ul.products h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    margin-bottom: 0.45rem
}


ul.products .add-links .button {
    border-radius:5px;
    overflow: hidden
}

ul.products .woocommerce-loop-product__title {
	white-space: normal;
	font-weight:400;
    overflow: hidden;
    text-overflow: ellipsis
}

.thumb-info, .thumb-info .thumb-info-wrapper {
	border-radius:10px;
}
	
.page-top {
   box-shadow:0 8px 16px -2px #858585;
   border-bottom:0px solid #f3e9d7;
   background-color: #d7d7d729;
}


.porto-info-list li {
  list-style: none;
  line-height: 0.1;
  padding-top: 0.1em;
  padding-bottom: 0.5em;
  display: flex;
  align-items: center;
}
.porto-info-list .porto-info-icon {
  margin-right: 6px;
  line-height: 1.3;
  position: relative;
  top: 0.5px;
}

/*************** Arhive bebelusu ***********/

ul.products .add-links .quickview, ul.products .add-links .yith-wcwl-add-to-wishlist>div {
    position: absolute;
    border-radius: 7px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
}

ul.products .woocommerce-loop-product__title {
    white-space: normal;
    overflow: hidden;
	color:#000000;
    text-overflow: ellipsis;
    font-size: 13px;
	font-weight:500;
    height: 60px
}

.product-loop-title:hover {
	color:#000000;
}

.woocommerce-page .sidebar-content ul {
    font-size: 14px;
    font-weight:400;
    letter-spacing: -0.01em;
}

.product-inner {
    border: 1px dashed #e8e8cc;
    padding: 10px;
    border-radius: 15px
}



/*************** Sidebar bebelusu ***********/

.woocommerce-page .sidebar-content .widget-title,.woocommerce-page .widget_block .wp-block-heading {
    font-size: 14px;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 10px;
    text-transform:uppercase;
}




/*************** Cart page bebelusu  ***************/
.cart-v2 .card-default {
    padding: 24px 30px;
    background-color:#fbf7ee;
    border-radius:20px;
    border: 1px solid #f6f6f6;
}

.wc-proceed-to-checkout .btn {
    font-size: 15px;
    background-color:#71715d;
    border-radius:7px;
    letter-spacing: -0.015em;
    margin-bottom: 10px
}

.porto-free-shipping {
  padding: 1.25rem 1rem;
  border-radius:7px;
  border:1px dashed #dcdcd0;
  background-color: #ffffff;
}

/*************** Checkout page bebelusu  ***************/

#login-form-popup .featured-boxes,.woocommerce-account .featured-boxes,.woocommerce-checkout .featured-boxes,.woocommerce-thankyou .featured-boxes {
    background-color:#fcfcfa;
    border-radius:20px;
    border: 1px solid #dcdcd12b;
}

.cart-popup .button.checkout,.wishlist_table .add_to_cart.button,html .btn-v-dark {
    background-color:#020202;
	border-radius:7px;
    color: var(--porto-body-bg);
    border: none
}

.cart-popup .button.checkout,.wishlist_table .add_to_cart.button,html .btn-v-dark:hover {
    background-color:#E91E63;
	border-radius:7px;
    color: var(--porto-body-bg);
    border: none
}


/*************** Meniu bebelusu  ***************/

.mega-menu .wide .popup>.inner {
    padding: 10px;
    background: var(--porto-normal-bg);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*************** Pagina produs bebelusu  ***************/

.single_add_to_cart_button {
    font-family: var(--porto-add-to-cart-ff,var(--porto-body-ff)),sans-serif;
    background: #dcdccb;
    color: #555555;
    border-radius: 7px;
}

.single_add_to_cart_button:hover {
    background: #a4a48f;
    color: #ffffff;
}

.single-add-to-cart .type-product .view-cart-btn {
    display: inline-block;
    border-radius:7px;
}

.woocommerce-tabs .resp-tabs-list li.resp-tab-active, .woocommerce-tabs .resp-tabs-list li:hover {
   border: none !important;
}

.product-image .labels .onnew {
    border-radius:15px;
    background: linear-gradient(135deg,var(--porto-new-bgc,#ff0606) 0,var(--porto-new-bgc,#be3007) 80%)
}

/*************** CHAT  ***************/
.joinchat__button {
    position: absolute;
    z-index: 2;
    bottom: 58px;
    right: 8px;
    height: var(--s);
    min-width: var(--s);
    max-width: 95vw;
    background: #25d366;
    color: inherit;
    border-radius: calc(var(--s)/2);
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
    cursor: pointer;
    transition: background-color .2s linear;
}


/**/
@media (min-width: 992px) {
    #header .searchform .text {
        flex: 1;
    }
}