/**
 * @package WC_Global
 *
 * Copyright: (c) 2003-2022 Chillcode
 */

.ubp_box_content li {
    background-image: url("https://www.espiga.cat/wp-content/uploads/2019/09/Logo-Espiga-Blanc-e1567500706576.png") !important;
    background-size: cover !important;
    background-color: aqua !important;
}

.ubp_box_content li img {
    background-color: white !important;
}

.short_code_new {
    padding: 3px 8px;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    position: absolute;
    font-size: 16px;
    background: rgba(42, 210, 197, 1);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 30px;
    display: inline-block;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.short_code_soldout {
    padding: 3px 8px;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    position: absolute;
    font-size: 16px;
    background: black;
    line-height: 30px;
    display: inline-block;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 580px) {

    div.product div.summary form.cart .quantity {
        margin-right: .5em;
        float: left;
        height: 2.8em;
    }

}

#search_button {
    position: relative;
    display: block;
    float: left;
    font-size: 23px;
    line-height: 22px;
    margin-right: 5px;
    margin-left: -10px;
}

.search-primary {
    line-height: 100px;
}

.btStickyHeaderOpen .search-primary {
    line-height: 64px;
}


#goCenterUI,
#setCenterUI {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    float: left;
    margin-bottom: 22px;
    text-align: center;
}

#goCenterText,
#setCenterText {
    color: #191919;
    font-family: Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

#setCenterUI {
    margin-left: 12px;
}

.container {
    width: 85px;
    z-index: 1;
    margin: 5px;
    cursor: pointer;
    text-align: left;
    z-index: 0;
    padding: 5px;
}

.dropDownControl {
    direction: ltr;
    overflow: hidden;
    text-align: left;
    position: relative;
    color: rgb(0, 0, 0);
    font-family: Roboto, Arial, sans-serif;
    user-select: none;
    font-size: 18px;
    background-color: rgb(255, 255, 255);
    padding: 8px 17px;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    font-weight: 500;
}

.dropDownArrow {
    -webkit-user-select: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
    width: 7px;
    height: 4px;
}

.dropDownOptionsDiv {
    background-color: white;
    z-index: 0;
    /*need this to make the box look cool, but this stops the hover and title from working on items in the box! */
    padding-top: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(113, 123, 135);
    border-bottom-color: rgb(113, 123, 135);
    border-left-color: rgb(113, 123, 135);
    border-image: initial;
    border-top-width: 0px;
    border-top-style: initial;
    border-top-color: initial;
    -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
    position: relative;
    text-align: left;
    display: none;
}

.dropDownItemDiv {
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 13px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: rgb(255, 255, 255);
    color: black;
    /*font-weight: bold;*/
}

.dropDownItemDiv:hover,
.checkboxContainer:hover {
    background-color: rgb(235, 235, 235);
}

.dropDownControl:hover,
.button:hover {
    background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
}

.separatorDiv {
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(235, 235, 235);
}

.checkboxContainer {
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 5px;
    direction: ltr;
    text-align: left;
    background-color: rgb(255, 255, 255);
    white-space: nowrap;
    padding-right: 8px;
    color: rgb(0, 0, 0);
}

.checkboxSpan {
    box-sizing: border-box;
    position: relative;
    line-height: 0;
    font-size: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(198, 198, 198);
}


.blankDiv {
    position: absolute;
    left: 1px;
    top: -2px;
    width: 13px;
    height: 11px;
    overflow-x: hidden;
    overflow-y: hidden;
    display: none;
    /*when = block -> this is the "check" symbol*/
}

.blankImg {
    position: absolute;
    left: -52px;
    top: -44px;
    -webkit-user-select: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px;
    margin: 0px;
    -webkit-user-drag: none;
    width: 68px;
    height: 67px;
}

#PopupSignupForm_0 {
    z-index: 99999;
    position: relative;
}

.btPostListColumns .btArticleContentHolder .btArticleTextContent,
.btPostSingleItemColumns .btArticleContentHolder .btArticleTextContent {
    max-width: 100%;
}

.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btTransparentLightHeader .mainHeader {
    color: #003a4c !important;
}

.btTransparentDarkHeader .mainHeader,
.btTransparentDarkHeader .btVerticalHeaderTop {
    color: #003a4c !important;
}

.btLightSkin {
    color: #003a4c !important;
}

.btDarkSkin {
    background-color: #003a4c !important;
}

.bt_bb_section.bt_bb_color_scheme_2 {
    color: #003a4c !important;
}

.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_tab_content {
    border-color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_menu_item .bt_bb_menu_item_content {
    color: #003a4c !important;
}

.bt_bb_price_list.bt_bb_color_scheme_2 .bt_bb_price_list_title {
    color: #003a4c !important;
}

.bt_bb_progress_bar.bt_bb_style_outline.bt_bb_color_scheme_2 .bt_bb_progress_bar_inner,
.bt_bb_progress_bar.bt_bb_style_line.bt_bb_color_scheme_2 .bt_bb_progress_bar_inner {
    border-color: #003a4c !important;
    color: #003a4c !important;
}

.bt_bb_progress_bar.bt_bb_style_filled.bt_bb_color_scheme_2 .bt_bb_progress_bar_bg {
    background: #003a4c;
}

.bt_bb_progress_bar.bt_bb_style_filled.bt_bb_color_scheme_2 .bt_bb_progress_bar_inner {
    color: #003a4c !important;
}

/* Icons */
.bt_bb_color_scheme_2.bt_bb_icon .bt_bb_icon_holder {
    color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_outline .bt_bb_icon_holder:before {
    box-shadow: 0 0 0 1px #003a4c inset;
    color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_outline:hover a.bt_bb_icon_holder:before {
    background-color: #003a4c !important;
    box-shadow: 0 0 0 1em #003a4c inset;
}

.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:before {
    color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_filled:hover a.bt_bb_icon_holder:before {
    background-color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before {
    color: #003a4c !important;
}

/* Buttons */
.bt_bb_color_scheme_2.bt_bb_button.bt_bb_style_outline a {
    box-shadow: 0 0 0 1px #003a4c inset;
    color: #003a4c !important;
    background-color: transparent !important;
}

.bt_bb_color_scheme_2.bt_bb_button.bt_bb_style_outline a:hover {
    box-shadow: 0 0 0 2em #003a4c inset;
}

.bt_bb_color_scheme_2.bt_bb_button.bt_bb_style_filled a {
    color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_button.bt_bb_style_filled a:hover {
    background-color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_button.bt_bb_style_clean a,
.bt_bb_color_scheme_2.bt_bb_icon.bt_bb_style_borderless a {
    color: #003a4c !important;
}

/* Services */
.bt_bb_color_scheme_2.bt_bb_style_outline.bt_bb_service .bt_bb_icon_holder {
    box-shadow: 0 0 0 1px #003a4c inset !important;
    color: #003a4c !important;
    background-color: transparent !important;
}

.bt_bb_color_scheme_2.bt_bb_style_outline.bt_bb_service:hover .bt_bb_icon_holder {
    box-shadow: 0 0 0 1em #003a4c inset;
    background-color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_style_filled.bt_bb_service .bt_bb_icon_holder {
    color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_style_filled.bt_bb_service:hover .bt_bb_icon_holder {
    background-color: #003a4c !important;
}

.bt_bb_color_scheme_2.bt_bb_style_borderless.bt_bb_service .bt_bb_icon_holder {
    color: #003a4c !important;
}

/* Headline */
.bt_bb_color_scheme_2.bt_bb_headline {
    color: #003a4c !important;
}


/* Tabs */
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_tabs_header,
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_tabs_header {
    border-color: #003a4c !important;
}

.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_tabs_header li,
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_tabs_header li:hover,
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_tabs_header li.on {
    border-color: #003a4c !important;
    color: #003a4c !important;
}

.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_tabs_header li:hover,
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_tabs_header li.on,
.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_tabs_header li {
    background-color: #003a4c !important;
    border-color: #003a4c !important;
}

.bt_bb_tabs.bt_bb_color_scheme_2.bt_bb_style_simple .bt_bb_tabs_header li.on {
    color: #003a4c !important;
    border-color: #003a4c !important;
}

/* Accordion */
.bt_bb_accordion.bt_bb_color_scheme_2 .bt_bb_accordion_item {
    border-color: #003a4c !important;
}

.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_accordion_item_title {
    border-color: #003a4c !important;
    color: #003a4c !important;
}

.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_accordion_item.on .bt_bb_accordion_item_title,
.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_outline .bt_bb_accordion_item .bt_bb_accordion_item_title:hover {
    background-color: #003a4c !important;
}

.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_title {
    background-color: #003a4c !important;
}

.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_accordion_item.on .bt_bb_accordion_item_title,
.bt_bb_accordion.bt_bb_color_scheme_2.bt_bb_style_filled .bt_bb_accordion_item .bt_bb_accordion_item_title:hover {
    color: #003a4c !important;
}

.products .bt_bb_image {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.products_front .bt_bb_image img {
    width: 240px;
}

.related .products .bt_bb_image {
    width: 260px;
}

.cart-custom {
    position: relative;
    right: 25px;
    bottom: 35px;
    background: #003a4c;
    padding: 1px 3px 1px 3px;
    color: white;
    padding: 1px 3px 2px 3px !important;
    font-size: 0.8em !important;
}


.btZoomImagesSlider .slick-slider .bt_bb_image.bt_bb_content_exists .bt_bb_image_content .bt_bb_image_content_flex {
    bottom: 5% !important;
}

.espiga_full_href_home a {
    display: block;
}

table.woocommerce-checkout-review-order-table tr.cart-discount td {
    text-align: right;
}

.ps_add_to_cart .amount {
    font-size: 1.4em;
}

.ps_add_to_cart a {
    margin-top: 10px;
}

.ps_add_to_cart del {
    color: red;
}

.onsale.wc-memberships-member-discount {
    line-height: 16px !important;
    font-size: 14px !important;
    border-radius: 2% !important;
    height: 58px !important;
    width: 110px !important;
    padding: 5px !important;
}