:root {
--wvs-cross: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='2' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E");
}
/***************** Prodcuct Header Section ********************/
section.product-single-page-header {
background: #e6e6e6;
}
.product-title-single {
font-size: var(--h2-size);
font-weight: 600;
color: var(--color-primary);
}
ul.bullets-list .single-bullet {
font-size: var(--p-size);
font-weight: 400;
position: relative;
}
ul.bullets-list .single-bullet:not(:last-child):after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50px;
background: var(--color-primary);
right: -28px;
top: 8px;
}
.similar-product-dropdown .similar-product-btn,
.similar-product-dropdown ul {
font-size: var(--p-size);
}
button.similar-product-btn {
width: 100%;
padding: 10px 14px;
border-radius: 6px;
box-shadow: 0px 6px 4px 0px #0000000f;
position: relative;
justify-content: space-between;
font-weight: 400;
}
button.similar-product-btn::after {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDAuOTk5OTk5IiBzdHJva2U9IiNFRDFDMjQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
border: 0;
right: 18px;
/* position: absolute; */
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: center center;
top: 14px;
transition: 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
button.similar-product-btn.show::after {
transform: rotate(-180deg);
}
button.similar-product-btn.show {
z-index: 2;
box-shadow: none;
border-radius: 6px 6px 0 0;
}
.similar_product_dropdown.similar_product_dropdown {
left: 0 !important;
right: 0 !important;
top: 0 !important;
max-height: 200px;
overflow-y: auto;
border: 0;
box-shadow: 0px 5px 18px 2px rgba(0, 0, 0, 0.15);
animation: fade 0.4s ease-in-out;
margin-top: -3px !important;
border-radius: 0 0 6px 6px;
z-index: 1;
padding-top: 0;
}
.similar_product_dropdown li {
/* padding-inline: 10px; */
}
.similar_product_dropdown .dropdown-item {
white-space: normal;
font-size: 14px;
padding-block: 8px;
/* border-radius: 4px; */
}
.similar_product_dropdown .dropdown-item:is(:hover, :active, :focus) {
background-color: var(--color-primary-offwhite);
color: var(--color-text);
}
/***************** Ends Here ********************/
/***************** Prodcuct Banner ********************/
.bahra-breadcrumbs {
gap: 0.5rem;
}
.bahra-breadcrumbs span {
color: var(--color-primary);
}
.bahra-breadcrumbs .breadcrumbs-item {
font-size: 14px;
font-weight: 400;
position: relative;
color: var(--color-primary-gray);
}
.bahra-breadcrumbs .breadcrumbs-item:not(:last-child):after {
/* content: ""; */
position: absolute;
width: 18px;
height: 1px;
background: var(--color-secondary);
right: -22px;
top: 11px;
transform: rotate(290deg);
}
a.breadcrumbs-item.bahra-highlighted-breadcrum {
padding: 2px 10px;
background: #f2f2f2;
font-weight: 700;
color: var(--color-primary);
border-radius: 6px;
margin-left: 2px;
}
.product-desc-title {
font-size: 20px;
font-weight: 500;
line-height: 28px;
color: var(--color-text);
}
.product-description p strong {
font-weight: 600;
}
.product-description p {
/* margin-bottom: 2px; */
}
.product-description ul {
margin: 0;
padding-left: 1rem;
padding-bottom: 0.875rem;
margin-top: -1rem;
}
.product-btn-cta > a svg {
width: 24px;
}
.bordered-btn:hover svg path {
fill: white;
}
.video-media-container > .container-fluid,
.product_side_data {
position: sticky;
top: 8rem;
}
.video-container video {
border-radius: 6px;
}
.description-catalouge-container .product-btn-cta {
grid-template-columns: 0.375fr 1fr;
justify-items: unset;
}
/***************** Ends Here ********************/
/***************** Prodcuct Range Section ********************/
.product_range_single {
border-color: var(--color-primary-gray);
border-width: 1px !important;
}
.product_range_title h5 {
font-weight: 400;
}
.product_range_available_in {
border-width: 0px !important;
}
.product_range_count p {
color: var(--color-primary);
position: relative;
}
.range_pointer svg {
width: 5px;
height: 5px;
}
.specification_heading {
font-size: 20px;
color: var(--color-primary);
line-height: 28px;
}
.available_product_heading {
font-size: 14px;
line-height: 28px;
color: var(--color-secondary-offblack);
font-weight: 600;
}
.available_product_listing ul li.item_list {
font-size: var(--p-size);
color: var(--color-text);
line-height: 28px;
}
a.bahra_btn {
border: 1px solid var(--color-primary) !important;
}
.accordion_detail_heading {
font-size: var(--p-size);
color: var(--color-secondary-offblack);
line-height: 24px;
font-weight: 600;
}
.accordion_detail_listing ul li {
/* font-size: 14px; */
/* color: #444; */
color: var(--color-text);
/* line-height: 22px; */
}
.accordion_detail_listing ul li::marker {
font-size: 11px;
}
.procuct_range_accordion_body .accordion_detail:last-child {
padding: 0 !important;
}
.procuct_range_accordion .accordion-button:after {
margin-left: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93Ij4KPGNpcmNsZSBpZD0iRWxsaXBzZSA2MjY0IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiNFRDFDMjQiLz4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcgMTBMMTIgMTVMMTcgMTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
}
.procuct_range_accordion .accordion-button {
background: none;
border: 0;
box-shadow: none;
color: var(--color-primary);
border-radius: 5px !important;
background-color: var(--color-gif);
cursor: pointer;
}
.procuct_range_accordion .accordion-collapse {
border: 0;
}
.product_side_data {
gap: 5rem;
}
.product-btn-cta-catalogues {
grid-area: 1 / span 2;
}
.product-btn-cta-catalogues p {
font-weight: 600;
border-bottom: 1px solid var(--color-text);
}
.product-btn-cta-catalogues ul {
list-style: none;
margin: 0;
padding: 0;
}
.product-btn-cta-catalogues ul li {
border-bottom: 1px solid #dadada;
}
.product_btn {
margin-top: 2rem;
min-width: 200px;
}
/***************** Ends Here ********************/
/* Product Template 2 */
.product_temp_2 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2.5rem;
}
.product_temp_2 :is(.product_range_single, .product_side_data) {
flex-direction: column;
}
.product_temp_2 .product_side_data {
gap: 0;
}
.product_temp_2 .procuct_range_accordion .accordion-button:after {
display: none;
}
.product_temp_2 .product_range_count {
display: none !important;
}
.product_temp_2 .procuct_range_accordion .accordion-button {
cursor: auto;
display: none;
}
.product_temp_2 .product_range_image .product_full_image {
height: 175px;
/* aspect-ratio: 1/1; */
object-fit: contain;
object-position: center;
filter: brightness(1.08) contrast(1.01);
}
.product_temp_2 .product_range_title {
padding-top: 2rem;
grid-column: span 3;
border-top: 1px solid #ccc;
}
.product_temp_2 .product_range_title h4 {
text-align: center;
/* font-weight: 600; */
}
.product_temp_2 .product_range_single {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0rem !important;
border-radius: 20px;
}
.product_temp_2 .product_side_data {
background-color: var(--color-gif);
border-radius: 20px 20px 0 0;
}
/* **********************Normal View **************************** */
.normal-view
.procuct_range_details_specification
.procuct_range_accordion
.accordion-item
.accordion-header
.accordion-button:after {
display: none !important;
}
/* .normal-view
.procuct_range_details_specification
.procuct_range_accordion
.accordion-header {
border-bottom: 2px solid #eee;
padding-bottom: 10px;
} */
.normal-view
.procuct_range_details_specification
.procuct_range_accordion
.accordion-button {
cursor: auto;
}
/***************** Excellence Assured ********************/
.product-exellence-tabs button.nav-link {
width: 27%;
border-bottom: 4px solid #d2d2d2 !important;
color: var(--color-text);
font-size: 18px;
padding: 12px 25px;
line-height: 28px;
}
.product-exellence-tabs button.nav-link:hover,
.product-exellence-tabs button.nav-link.active {
background: none !important;
border-bottom-color: var(--color-primary) !important;
font-weight: 600;
}
span.image_sub_heading {
font-size: 12px;
}
.product-btn-cta {
display: grid;
justify-items: end;
gap: 2rem;
}
.client_logo_container img {
padding: 8px;
border-radius: 10px;
border: 1px solid #eee;
height: 110px;
width: 110px;
object-fit: contain;
}
/* RFQ POPUP */
.product_modal .modal-content {
border-radius: 20px;
border: 0;
}
.product_modal .modal-body {
padding-inline: 3.125rem;
padding-top: 1.75rem;
padding-bottom: 3.875rem;
}
.rfq_selection_main {
display: grid;
/* grid-template-columns: 1fr 1fr; */
/* gap: 1.875rem; */
gap: 1rem;
}
.rfq_selection_btn {
border: 1px solid #e1e1e1;
border-radius: 10px;
padding: 1rem;
display: grid;
/* grid-template-columns: auto auto 1fr; */
grid-template-columns: auto auto;
/* gap: 2rem; */
gap: 1.5rem;
align-items: center;
cursor: pointer;
transition: 300ms ease-in-out;
background-color: #ffeeef;
border-color: transparent;
color: var(--color-primary);
justify-content: center;
}
.rfq_selection_btn.simple_product {
pointer-events: none;
opacity: 0.3;
}
.rfq_selection_btn:is(:hover, :focus) {
background-color: #ffeeef;
border-color: transparent;
}
.rfq_radio rect {
transition: 300ms ease-in-out;
}
.rfq_selection_btn:is(:hover, :focus) .rfq_radio path {
stroke: var(--color-primary);
}
.rfq_selection_btn:is(:hover, :focus) .rfq_radio rect,
.rfq_selection_btn:is(:hover, :focus) .rfq_selection_icon path {
fill: var(--color-primary);
}
.rfq_selection_btn .rfq_radio rect,
.rfq_selection_btn .rfq_selection_icon path {
fill: var(--color-primary);
}
.rfq-enq-form .gform_fileupload_rules {
color: var(--color-primary);
}
.rfq-enq-form .gform-body .gform_fields input[type="file"] {
padding-left: 0;
}
.rfq-enq-form
.gform-body
.gform_fields
input[type="file"]::file-selector-button {
font-weight: 600;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
padding-right: 2rem;
background-position: right;
}
.rfq-enq-form_wrapper .gform_heading {
display: none;
}
.product_modal#product_enquiry .modal-body {
padding-inline: 6rem;
}
.gform-theme--foundation.gform-theme--foundation .gfield textarea.large {
min-block-size: 10rem;
}
.rfq-enq-form .gform-body .gform_fields {
row-gap: 1rem !important;
}
.close_btn {
position: absolute;
top: -24px;
right: -24px;
}
.close_btn span {
display: inline-flex;
background-color: #fff;
border-radius: 50%;
}
.close_btn span svg {
margin: -1px;
}
/* Gravity Form Phone Field */
.with_calling_code {
grid-column: span 5 !important;
margin-left: -4.35rem !important;
}
.name_before_calling {
/* grid-column: span 6 !important; */
}
.calling_code {
grid-column: span 1 !important;
align-content: end !important;
z-index: 9 !important;
}
.calling_code select {
border-right: 0 !important;
}
.calling_code .chosen-single {
padding-left: 2.5rem !important;
padding-right: 0 !important;
border-right: 0 !important;
box-shadow: none !important;
border-radius: 7px 0 0px 7px !important;
}
.calling_code .chosen-container-single {
width: 100px !important;
}
.with_calling_code input {
padding-left: 7rem !important;
}
.calling_code label {
display: none !important;
}
.contact-frm .gform-body .frm-phone .ginput_container::before {
z-index: 9;
}
/***************** Ends Here ********************/
/* --------------------- Product RFQ -------------------------- */
.woocommerce .single-product div.product .woocommerce-product-gallery {
float: none;
}
.woocommerce h1 {
/* margin: 0; */
}
.woocommerce .single-product div.product {
display: grid;
grid-template-columns: 0.5fr 1fr;
gap: 2rem;
}
.woocommerce .single-product div.product .woocommerce-product-gallery__wrapper {
position: sticky;
top: 8rem;
border-radius: 14px;
padding: 20px;
background-color: var(--color-primary-offwhite);
}
.banner_top_border .woocommerce-product-gallery__wrapper img {
width: 100%;
border-radius: 10px;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
border-radius: 10px;
background-color: var(--color-primary-white);
}
.woocommerce .woocommerce-tabs.wc-tabs-wrapper {
grid-area: 2 / span 2;
}
.woocommerce .related.products {
grid-area: 3 / span 2;
}
.woocommerce .woocommerce-variation-add-to-cart {
/* display: flex; */
gap: 1rem;
justify-content: end;
/* padding: 1rem; */
/* background-color: #f7f7f7; */
border-radius: 12px;
}
.cart_page_main .woocommerce-message .wc-forward {
display: none;
}
.woocommerce .woocommerce-variation-add-to-cart .quantity input {
height: 100%;
background-color: #f7f7f7;
}
.woocommerce .woocommerce-variation-add-to-cart .quantity input:focus-visible,
.cart_items .quantity input:focus-visible {
outline: 0;
}
.woocommerce .variations_form {
padding-top: 1rem;
}
.wvs-has-image-tooltip:before,
[data-wvstooltip]:before {
background-color: var(--color-primary);
}
.wvs-has-image-tooltip:after,
[data-wvstooltip]:after {
border-top-color: var(--color-primary);
}
.woocommerce .price {
display: none;
}
.woo-variation-swatches.wvs-show-label .variations td label,
.be_woo_main label {
font-weight: 600;
margin-bottom: 8px;
}
.textarea_rules {
display: block;
}
.reset_individual_variation {
margin-bottom: 0.75rem;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item):hover,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected:hover,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item),
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected {
box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 1px #bbb);
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).button-variable-item.selected:not(
.no-stock
) {
background-color: var(--color-primary);
color: var(--color-primary-white);
box-shadow: var(
--wvs-hover-item-box-shadow,
0 0 0 1px var(--color-primary)
);
}
.wvs-has-image-tooltip:hover:after,
.wvs-has-image-tooltip:hover:before,
[data-wvstooltip]:hover:after,
[data-wvstooltip]:hover:before {
opacity: 0;
}
.woocommerce .tabs.wc-tabs {
display: flex;
gap: 1rem;
font-weight: 600;
}
.woocommerce ul.tabs.wc-tabs li {
border-bottom: 1px solid transparent;
}
.woocommerce ul.tabs.wc-tabs li.active {
border-color: var(--color-primary);
}
.woocommerce ul.tabs.wc-tabs li.active a {
color: var(--color-primary);
}
.woocommerce .woocommerce-tabs h2 {
display: none;
}
.woocommerce .woocommerce-message {
padding: 1rem;
border-radius: 6px;
margin-bottom: 2rem;
border: 1px solid var(--color-primary);
background-color: transparent;
}
.woocommerce .woocommerce-message .wc-forward {
font-weight: 600;
}
.variations {
margin-bottom: 0;
}
.shop_table .product_heading,
.cart_items {
display: grid;
grid-template-columns: 1fr 300px;
gap: 1rem 3rem;
}
.cart_items {
position: relative;
align-items: flex-start;
}
.cart_detail_main {
grid-area: 2 / span 2;
}
.cart_detail_main table {
table-layout: fixed;
}
.cart_item_title {
font-size: 18px;
font-weight: 500;
}
.cart_detail_main th {
background-color: #343434;
padding-inline: 2rem;
padding-block: 0.5rem;
color: var(--color-primary-white);
font-weight: 600;
}
.cart_detail_main th a {
color: var(--color-primary-white);
display: inline-flex;
align-items: center;
gap: 0.5rem;
justify-content: end;
}
.cart_detail_main th:first-child {
border-radius: 10px 0 0 0;
}
.cart_detail_main th:last-child {
border-radius: 0 10px 0 0;
}
.cart_detail_main tbody tr {
vertical-align: top;
}
.cart_detail_main tr td {
padding-inline: 2rem;
padding-block: 0.5rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ddd;
}
.cart_detail_main tr td p {
margin-bottom: 0;
word-break: break-word;
}
.cart_detail_main tr:last-child td:first-child {
border-radius: 0 0 0 15px;
border: 0;
}
.cart_detail_main tr:last-child td:last-child {
border-radius: 0 0 15px 0;
border: 0;
}
.product_remove_btn {
font-size: 12px;
color: var(--color-primary);
font-weight: 600;
}
.product_remove_btn:hover svg path {
fill: var(--color-primary);
}
.cart_items .quantity input {
max-width: 60px;
}
.cart_items .product-thumbnail {
background: #ebebeb;
border-radius: 10px;
padding: 10px;
align-self: baseline;
}
.cart_items:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.15);
}
.reset_variations {
position: absolute;
top: 10px;
right: 8rem;
visibility: visible !important;
display: flex !important;
align-items: center;
gap: 0.75rem;
}
.reset_variations:is(:focus, :focus-within) > svg {
animation: clear_spin 1s linear;
}
.woo-variation-swatches
.wvs-style-squared.variable-items-wrapper
.variable-item:not(.radio-variable-item) {
border-radius: 7px;
margin: 0;
padding: 8px 12px;
height: auto;
}
.woo-variation-swatches
.wvs-style-squared.variable-items-wrapper
.variable-item:not(.radio-variable-item).button-variable-item
.variable-item-span {
padding: 0;
}
.woo-variation-swatches .variable-items-wrapper {
margin-bottom: 1.5rem;
gap: 1rem;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled:hover {
opacity: 0.3;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled
.variable-item-contents,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled
img,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled
span,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled:hover
.variable-item-contents,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled:hover
img,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).disabled:hover
span {
opacity: 1;
}
:is(input, textarea, select).be_woo_input,
.woocommerce .woocommerce-variation-add-to-cart .quantity input,
.cart_items .quantity input {
outline: none;
border: 1px solid #bbb;
border-radius: 7px;
padding: 8px 12px;
}
:is(input[type="text"], input[type="file"]).be_woo_input {
width: 100%;
}
.woo-variation-swatches.wvs-show-label
.variations
td
.woo-selected-variation-item-name {
display: none;
}
#be_qty_textbox {
width: 100px;
}
/* Select2 CSS */
.select2-container.select2-container {
/* font-size: 14px; */
}
.select2-container--default.select2-container--default
.select2-search--dropdown
.select2-search__field,
.select2-container--default.select2-container--default
.select2-selection--single,
.select2-dropdown.select2-dropdown {
border-color: #bbb;
}
.select2-container--default.select2-container--default
.select2-selection--single {
border-radius: 7px;
height: 100%;
}
.select2-container.select2-container
.select2-selection--single
.select2-selection__rendered {
line-height: 1.5;
padding: 8px 12px;
color: var(--color-text);
}
.select2-container--default.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 100%;
}
.select2-container--default.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default
.select2-results__option--highlighted[data-selected] {
background-color: var(--color-primary);
}
.select2-container--default.select2-container--default
.select2-results
> .select2-results__options,
.select2-dropdown.select2-dropdown {
border-radius: 0 0 7px 7px;
}
.woocommerce-variation-add-to-cart .quantity input,
.cart_items .quantity input {
font-weight: 600;
color: var(--color-primary);
}
.number_arrow_main {
right: 12px;
gap: 0.675rem;
display: none !important;
}
.number_arrow {
line-height: 0;
cursor: pointer;
}
.number_arrow:hover svg path {
stroke: var(--color-primary);
}
.cart_collapse_btn svg {
transition: 300ms ease-in-out;
}
.cart_collapse_btn[aria-expanded="true"] svg {
rotate: 180deg;
}
@keyframes clear_spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-720deg); /* Two full rotations */
}
}
/* Checkout */
.product_checkout .woocommerce-billing-fields__field-wrapper {
--checkout_gap: 1.25rem;
display: grid;
grid-template-columns: calc(50% - calc(var(--checkout_gap) / 2)) calc(
50% - calc(var(--checkout_gap) / 2)
);
column-gap: var(--checkout_gap);
}
.product_checkout label {
display: block;
margin-bottom: 0.375rem;
}
.product_checkout .woocommerce-input-wrapper {
display: flex;
align-items: center;
}
.product_checkout .woocommerce-input-wrapper:before,
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-left: 1rem;
}
.product_checkout
:is(
#billing_first_name_field,
#billing_last_name_field,
#billing_full_name_field
)
.woocommerce-input-wrapper::before {
background-image: url('data:image/svg+xml,');
}
.product_checkout #billing_email_field .woocommerce-input-wrapper::before,
.product_checkout
#billing_company_website_field
.woocommerce-input-wrapper::before {
background-image: url('data:image/svg+xml,');
}
.product_checkout
:is(#billing_phone_field_field, #billing_alternate_phone_field)
.woocommerce-input-wrapper::before {
background-image: url('data:image/svg+xml,');
}
.product_checkout #billing_company_field .woocommerce-input-wrapper::before {
background-image: url('data:image/svg+xml,');
}
.product_checkout #billing_city_field .woocommerce-input-wrapper::before {
background-image: url('data:image/svg+xml,');
}
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single {
padding-left: 3rem;
}
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single::before {
background-image: url('data:image/svg+xml,');
margin-left: 0;
left: 1rem;
}
.product_checkout .woocommerce-input-wrapper :is(input, textarea) {
width: 100%;
border: 1px solid #bbb;
padding: 1rem;
outline: 0;
border-radius: 7px;
padding-left: 3rem;
}
.product_checkout .select2-container.select2-container {
font-size: 16px;
}
.product_checkout
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
line-height: 1.5;
padding: 0;
}
.product_checkout #billing_address_2_field {
/* grid-area: 4 / span 2; */
margin-top: 0.5rem;
}
#billing_country_code,
#billing_alternate_country_code {
width: 100%;
}
.product_checkout .select2-container .select2-selection--single {
padding: 1rem;
border-radius: 7px;
border-color: #bbb;
}
.product_checkout .select2-container .select2-selection--single,
.product_checkout
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 100%;
}
.form-row.woocommerce-invalid.woocommerce-invalid.woocommerce-invalid input,
.form-row.woocommerce-validated.woocommerce-validated.woocommerce-validated
input {
box-shadow: none;
}
.checkout_loading {
background-color: transparent;
z-index: -1;
}
.product_checkout.processing .checkout_loading {
background-color: rgba(255, 255, 255, 0.5);
z-index: 9;
}
.order_review_main {
height: fit-content;
border-radius: 10px;
}
.order_review_main dt {
font-size: 14px;
}
.order_review_main dl.variation {
margin-top: 0.5rem;
gap: 0.5rem !important;
display: grid !important;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0;
}
.order_review_main :is(dd, p) {
margin-bottom: 0;
}
.order_review_main dd p,
.order_products ul p {
font-size: 12px;
}
.order_review_main .product-name img {
width: 70px;
height: 70px;
background-color: #fff;
padding: 5px;
border-radius: 10px;
object-fit: cover;
}
.cart-empty.woocommerce-info {
text-align: center;
color: var(--color-primary);
font-weight: 600;
font-size: 40px;
background-color: #fff;
padding-bottom: 3rem;
border: 0;
}
.woocommerce-NoticeGroup {
display: none;
}
/* ORder received */
.product_order {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.product_order .woocommerce-thankyou-order-details,
.order_products ul {
list-style: none;
padding: 0;
display: flex;
gap: 1rem;
margin: 0;
justify-content: center;
}
.woocommerce-thankyou-order-received {
color: var(--color-text);
}
.ty_detail_main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
padding-top: 3rem;
}
.order_products ul {
margin-top: 1rem;
justify-content: start;
}
.order_products a {
font-weight: 600;
font-size: var(--h6-size);
color: var(--color-primary);
}
.product-thumbnail img {
width: 100px;
height: 100px;
background-color: #fff;
border-radius: 10px;
padding: 10px;
}
.ty_detail_main .woocommerce-order-details {
padding: 2rem;
border-radius: 10px;
order: 2;
}
.order_shipping address,
.order_shipping address p {
font-size: 20px;
}
.woocommerce-privacy-policy-text,
span.optional {
display: none;
}
/* Loaders */
.loader,
.loader:before,
.loader:after {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
animation-fill-mode: both;
animation: bblFadInOut 1.8s infinite ease-in-out;
}
.loader {
color: #fff;
font-size: 7px;
position: relative;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s;
}
.loader:before,
.loader:after {
content: "";
position: absolute;
top: 0;
}
.loader:before {
left: -3.5em;
animation-delay: -0.32s;
}
.loader:after {
left: 3.5em;
}
@keyframes bblFadInOut {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
/* Woocomerce Error */
.single-product .woocommerce-error {
background-color: #fff;
border: 1px solid var(--color-primary);
padding: 1rem;
}
.woocommerce-error,
.woocommerce-info {
margin: 0;
margin-bottom: 1rem;
border-radius: 7px;
background-color: #fff;
color: var(--color-primary);
list-style: none;
padding: 0;
}
.woocommerce-info {
background-color: #fff;
border: 1px solid var(--color-primary);
padding: 1rem;
}
.woocommerce-error:focus-visible {
outline: initial;
}
.product_checkout .form-row {
margin-bottom: 22px;
position: relative;
}
.checkout-inline-error-message{
display: none;
}
.be_error {
position: absolute;
bottom: -18px;
left: 0;
font-size: 11px;
color: red;
}
.be_error {
opacity: 0;
}
.woocommerce-invalid-required-field > label .be_required_error,
.woocommerce-invalid-email > label .be_validation_error {
opacity: 1;
}
.single-product .modal-dialog {
/* --bs-modal-width: 1024px; */
--bs-modal-width: 600px;
}
.single-product #product_enquiry .modal-dialog {
--bs-modal-width: 1024px;
}
.restore-item {
display: none;
}
.product_cart_attributes {
font-size: 12px;
color: var(--color-primary-gray);
font-weight: 500;
gap: 6px;
}
/* Product Listing */
.switches_para {
display: grid;
place-items: center;
gap: 0.5rem;
}
.switches_para img {
height: 100px;
width: 250px;
object-fit: contain;
}
@media (min-width: 1920px) {
.product-desc-title {
font-size: 22px;
}
.woo-variation-swatches.wvs-show-label .variations td label,
.be_woo_main label {
font-size: 18px;
}
.woo-variation-swatches
.wvs-style-squared.variable-items-wrapper
.variable-item:not(.radio-variable-item),
:is(input, textarea).be_woo_input {
padding: 10px 15px;
}
.woo-variation-swatches
.wvs-style-squared.variable-items-wrapper
.variable-item:not(.radio-variable-item).button-variable-item
.variable-item-span,
:is(input, textarea, select).be_woo_input,
.woocommerce .woocommerce-variation-add-to-cart .quantity input,
.select2-container.select2-container {
font-size: 16px;
}
.cart_item_title {
font-size: 20px;
}
.product_temp_2 {
gap: 3rem;
}
}
@media (max-width: 1440px) {
.product-btn-cta,
.description-catalouge-container .product-btn-cta {
grid-template-columns: auto;
}
}
@media (max-width: 1336px) {
.bahra_breadcrumbs_container {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
@media (max-width: 1200px) {
.product_side_data {
gap: 3rem;
}
.video-media-container .container-fluid {
position: sticky;
top: 6rem;
}
.reset_variations {
top: auto;
bottom: 60px;
right: 0;
}
.with_calling_code {
margin-left: -3.25rem !important;
}
}
@media (max-width: 1024px) {
button.similar-product-btn {
/* width: 100%; */
}
.bahra_breadcrumbs_container {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.woocommerce .single-product div.product {
grid-template-columns: auto;
}
.product_temp_2 {
grid-template-columns: 1fr 1fr;
}
.product_temp_2 .product_range_title {
grid-column: span 2;
}
}
@media (max-width: 992px) {
.ty_detail_main {
display: block;
}
.ty_detail_main .woocommerce-order-details {
margin-bottom: 2rem;
}
.single-product .modal-dialog {
/* --bs-modal-width: 750px; */
}
.single-product #product_enquiry .modal-dialog {
--bs-modal-width: 750px;
}
.rfq_selection_btn {
font-size: 14px;
gap: 1rem;
}
.rfq_selection_btn .rfq_selection_icon {
width: 30px;
height: 30px;
}
.product_modal .modal-body,
.product_modal#product_enquiry .modal-body {
padding-inline: 2rem;
}
:is(input, textarea, select).be_woo_input,
.woocommerce .woocommerce-variation-add-to-cart .quantity input,
.woo-variation-swatches
.wvs-style-squared.variable-items-wrapper
.variable-item:not(.radio-variable-item).button-variable-item
.variable-item-span {
font-size: 14px;
}
.shop_table .product_heading,
.cart_items {
grid-template-columns: 1fr 250px;
}
.woocommerce .woocommerce-variation-add-to-cart .quantity input {
max-width: 100px;
}
}
@media (max-width: 768px) {
button.similar-product-btn {
margin-top: 20px;
/* width: 70%; */
}
.similar-products-container {
text-align: start !important;
}
.single-product .modal-dialog {
/* --bs-modal-width: 650px; */
}
.single-product #product_enquiry .modal-dialog {
--bs-modal-width: 650px;
}
}
@media (max-width: 520px) {
.woocommerce .variations_form {
padding-bottom: 1rem;
}
button.similar-product-btn {
margin-top: 15px;
/* width: 90%; */
}
.bahra-breadcrumbs {
gap: 0.35rem;
}
.bahra-breadcrumbs .breadcrumbs-item {
font-size: 12px;
}
.woocommerce .single-product div.product,
.rfq_selection_main {
grid-template-columns: auto;
}
.woocommerce .woocommerce-tabs.wc-tabs-wrapper,
.woocommerce .related.products {
grid-area: auto;
}
.woocommerce .single-product div.product .woocommerce-product-gallery {
margin-bottom: 1.5rem;
}
.single-product .modal-dialog {
--bs-modal-margin: 2rem;
}
.accordion_detail_listing ul li {
font-size: 14px;
}
.cart_items {
grid-template-columns: auto;
gap: 1rem;
}
.cart_items .quantity input {
max-width: 60px;
}
.shop_table .product_heading {
grid-template-columns: 1fr 60px;
}
.cart_items .product-thumnail {
padding: 5px;
}
.cart_detail_main {
grid-area: auto;
}
.product_checkout .woocommerce-billing-fields__field-wrapper {
--checkout_gap: 1rem;
grid-template-columns: 100%;
}
.product_order .woocommerce-thankyou-order-details,
.order_products ul {
flex-wrap: wrap;
row-gap: 0;
}
.order_shipping address,
.order_shipping address p {
font-size: 16px;
}
.product-exellence-tabs button.nav-link {
width: 30%;
padding: 10px 8px;
line-height: 1.5;
font-size: 14px;
}
.reset_variations {
bottom: 80px;
}
.woocommerce .woocommerce-variation-add-to-cart .quantity input {
max-width: 60px;
}
.single_add_to_cart_button {
width: 100%;
justify-content: center;
}
.product_heading .product-quantity {
opacity: 0;
}
.cart_detail_main tr td p,
.cart_detail_main {
font-size: 12px;
}
.cart_detail_main tr td,
.cart_detail_main th {
padding: 0.375rem 1rem;
}
.cart_items .quantity input,
.cart_collapse_btn,
.product_checkout .woocommerce-input-wrapper :is(input, textarea) {
font-size: 14px;
}
.product_checkout .woocommerce-input-wrapper :is(input, textarea),
.product_checkout .select2-container .select2-selection--single {
padding: 12px;
}
.product_checkout .woocommerce-input-wrapper :is(input, textarea),
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single {
padding-left: 2rem;
}
.product_checkout .woocommerce-input-wrapper:before,
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single:before {
width: 16px;
height: 16px;
margin-left: 0.5rem;
}
.product_checkout
#billing_country_field
.select2-container
.select2-selection--single::before {
left: 0;
top: 12px;
}
.product_temp_2 {
grid-template-columns: 1fr;
}
.product_temp_2 .product_range_title {
grid-column: span 1;
}
.product_temp_2 .product_range_image .product_full_image {
height: 175px;
}
.cart_item_title {
font-size: 16px;
}
.with_calling_code {
grid-column: span 11 !important;
margin-left: -1.5rem !important;
}
.cart-empty.woocommerce-info{
font-size: 28px;
}
}
@media (min-width: 48em) {
.woocommerce ul.products li.product {
float: none;
}
}