/*
 * iWidget Styles
 * Theme: iRollers
 * Author: https://www.blinq.com.au
 *
 * Note: Customize BlinQ styles to match the iRollers theme branding.
 * Modify these styles with caution and always test thoroughly.
 * Backup your CSS file before making changes.
 */

/* Plugin CSS Styles */
/* Price Grids, Shutters, Furnishings, and Accessories */
#blinQ-iwidget-products .col-lg-8 {
	background-color: transparent !Important;
}
#blinQ-iwidget-products .card {
	/*background-color: var(--e-global-color-accent) !Important;*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !Important;
	border-radius: 10px;
}
#blinQ-iwidget-products .badge-dark {
	color: #fff;
	background-color: var(--e-global-color-64ad14f);
}
.graphical-menu {
	border: 2px solid transparent !important;
}
#blinQ-iwidget-products .graphical-menu.active {
	border-color: var(--e-global-color-64ad14f) !important;
}
#blinQ-iwidget-products .graphical-menu.active::before {
	background-color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-products .graphical-menu:focus, .graphical-menu:hover {
	border-color: var(--e-global-color-64ad14f) !important;
}
#blinQ-iwidget-products .text-danger {
	color: var(--e-global-color-64ad14f) !important;
}
#blinQ-iwidget-products .h4, .h5 {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .list-group-item {
	background-color: transparent;
	box-shadow: none;
}
#blinQ-iwidget-products .details .list-group-item {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"][name="track"] {
	visibility: hidden;
}
#blinQ-iwidget-products .input-group > .input-group-append > .btn {
	margin-left: 10px;
	border-radius: 30px !important;
}

/* Accessories */
#blinQ-iwidget-products .product-grid .description {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .product-grid .price {
	color: var(--e-global-color-text);
}
#blinQ-iwidget-products .fa-question-circle {
	color: var(--e-global-color-primary);
}
#blinQ-iwidget-products .product-grid img {
	border-radius: 10px;
}
#blinQ-iwidget-products .form-control {
	border: 1px solid var(--e-global-color-accent) !important;
	background-color: var(--e-global-color-accent) !important;
}
#blinQ-iwidget-products .form-control::placeholder {
	color: rgba(0, 0, 0, 0.5);
}
#blinQ-iwidget-products .form-control:focus {
	border: 1px solid var(--e-global-color-64ad14f) !important;
	box-shadow: none;
}

/* Measurements */
#blinQ-iwidget-products .bg-white {
	background-color: transparent !important;
}
#blinQ-iwidget-products .form-control {
	background-color: #f2f1ed !important;
	border-radius: 4px !important;
}
#blinQ-iwidget-products .form-control.border-danger {
	border: 1px solid var(--e-global-color-accent) !important;
}
#blinQ-iwidget-products .form-control.border-danger:focus {
	border: 1px solid var(--e-global-color-64ad14f) !important;
}
#blinQ-iwidget-products .shadow-sm {
	box-shadow: none !important;
}
#blinQ-iwidget-products .btn-danger:focus {
	box-shadow: none;
}
#blinQ-iwidget-products .btn-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--e-global-color-secondary);
	border-color: var(--e-global-color-secondary);
}
#blinQ-iwidget-products input.data-field {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products #fabric-results > .row > p {
	color: var(--e-global-color-text) !important;
}

/* Next Button */
#blinQ-iwidget-products [type="submit"], button {
	color: #fff;
	background-color: var(--e-global-color-64ad14f);
	border: 1px solid var(--e-global-color-64ad14f);
	border-radius: 4px !important;
	padding: .3rem 1rem;
	width: 100%;
}
#blinQ-iwidget-products [type="submit"]:hover, button:hover {
	background-color: var(--e-global-color-text) !important;
	border: 1px solid var(--e-global-color-text) !important;
}

/* Add to Cart Button */
#blinQ-iwidget-products [type="button"], button {
	color: #fff;
	background-color: var(--e-global-color-64ad14f);
	border: 1px solid var(--e-global-color-64ad14f);
	border-radius: 4px !important;
}

/* Choose fabric */
#blinQ-iwidget-products .image-checkbox {
	border: 2px solid transparent;
	border-radius: 10px;
	/*background: var(--e-global-color-accent);*/
	background: #f2f1ed;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	margin: 10px;
	display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}
#blinQ-iwidget-products .image-checkbox img {
	margin-bottom: 15px;
	border: 2px solid rgba(255, 255, 255, 0.5);
}
#blinQ-iwidget-products .image-checkbox small {
	color: var(--e-global-color-64ad14f) !important;
}
#blinQ-iwidget-products .text-muted {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col + label:hover {
	border: 2px solid var(--e-global-color-64ad14f);
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col:checked + label {
	border: 2px solid var(--e-global-color-64ad14f);
}
#blinQ-iwidget-products input[type="radio"].fabric-mat-col + label::before {
	background-color: var(--e-global-color-64ad14f);
}

/* Customize Blinds */
#blinQ-iwidget-products .field {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"] + label {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border: 2px solid transparent;
	border-radius: 10px;
/* 	background: var(--e-global-color-accent); */
	background-color:#f2f1ed !important; 
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"]:checked + label {
	border: 2px solid var(--e-global-color-64ad14f);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"] + label::before {
	background-color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-products .custom-radio-button input[type="radio"]:hover + label {
	border: 2px solid var(--e-global-color-64ad14f);
}

/* Side Panel */
#blinQ-iwidget-products .list-group-item {
	border-top-color: var(--e-global-color-text);
	border-bottom-color: var(--e-global-color-text);
}
#blinQ-iwidget-products .selected-field-details .list-group-item {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-products .selected-field-details .list-group-item p {
	color: var(--e-global-color-text) !important;
}

/* Checkout */
#blinQ-iwidget-checkout hr {
	border-top: 1px solid rgba(228, 249, 245, 0.4);
}
#blinQ-iwidget-checkout .text-muted {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout .text-danger {
	color: var(--e-global-color-64ad14f) !important;
	font-size: 1.2em;
}
#blinQ-iwidget-checkout .card {
	background-color: #f2f1ed !Important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !Important;
	border-radius: 10px;
}
#blinQ-iwidget-checkout .list-group-item:first-child {
	border-radius: 0px;
}
#blinQ-iwidget-checkout .sticky-top .list-group-item {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid rgba(228, 249, 245, 0.2);
	border-radius: 10px !important;
	background: #f2f1ed;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#blinQ-iwidget-checkout .form-control {
	border: 1px solid #fff!important;
	background-color: #fff !important;
	border-radius: 30px;
}
#blinQ-iwidget-checkout .form-control::placeholder {
	color: rgba(0, 0, 0, 0.5);
}
#blinQ-iwidget-checkout .form-control:focus {
	border: 1px solid var(--e-global-color-64ad14f) !important;
	box-shadow: none;
}
#blinQ-iwidget-checkout #checkout-form .form-control {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout #checkout-product-list :not(.text-danger) {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout #checkout-form label {
	color: var(--e-global-color-text) !important;
}
#blinQ-iwidget-checkout .bg-light {
	background-color:#f2f1ed !important;
}
#blinQ-iwidget-checkout .custom-select {
	background-color: #737373;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	color: #fff;
}
#blinQ-iwidget-checkout .custom-select:focus {
	box-shadow: none;
}
#blinQ-iwidget-checkout .badge-secondary {
	color: #fff;
	background-color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-checkout #save-btn {
	background-color: transparent;
	border: 1px solid transparent !important;
	color: var(--e-global-color-text);
}
#blinQ-iwidget-checkout #save-btn:hover {
	background-color: transparent !important;
	border: 1px solid transparent !important;
}
#blinQ-iwidget-checkout .fa-question-circle::before {
	color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-checkout .custom-control-label::before {
	top: unset;
	background-color: #fff;
	border: rgba(228, 249, 245, 0.3) solid 1px;
}
#blinQ-iwidget-checkout .custom-control-input:checked ~ .custom-control-label::before {
	border-color: rgba(228, 249, 245, 0.3);
	background-color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-checkout .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}
#blinQ-iwidget-checkout .input-group {
	background-color: #737373;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	border-radius: 10px;
}

/* Button Styles */
#blinQ-iwidget-checkout .btn-primary {
	border-color: var(--e-global-color-64ad14f) !important;
    background-color: var(--e-global-color-64ad14f) !important;
	color: #fff !important;
	border-radius: 0px;
}
#blinQ-iwidget-checkout .btn-primary:focus {
	box-shadow: none;
}
#blinQ-iwidget-checkout .btn-primary:hover {
	background-color: var(--e-global-color-text) !important;
	border-color: var(--e-global-color-text) !important;
	color: #fff !important;
}
#blinQ-iwidget-checkout .input-group-append .btn {
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border: 1px solid var(--e-global-color-64ad14f) !important;
	background-color: var(--e-global-color-64ad14f);
}
#blinQ-iwidget-checkout .input-group-append .btn:hover {
	border: 1px solid var(--e-global-color-text) !important;
	background-color: var(--e-global-color-text);
}
#blinQ-iwidget-checkout [type="submit"], button {
	color: #fff;
}

/* Header Cart Icon */
#blinQ-cart-icon .shopping-cart {
	right: -80px;
	background: #fff;
	border-radius: 10px;
	border: 2px solid var(--e-global-color-primary);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !important;
	/* backdrop-filter: blur(5px); */
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-price {
	color: var(--e-global-color-64ad14f);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-quantity {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-name {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .shopping-cart .shopping-cart-items .item-detail {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .btn-primary {
	border-color: var(--e-global-color-64ad14f) !important;
    background-color: var(--e-global-color-64ad14f) !important;
	color: #fff !important;
	margin-top: 15px;
	border-radius: 30px;
}
#blinQ-cart-icon .btn-primary:hover {
	background-color: var(--e-global-color-text) !important;
	border-color: var(--e-global-color-text) !important;
	color: #fff !important;
}
#blinQ-cart-icon .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
#blinQ-cart-icon .main-color-text {
	color: var(--e-global-color-64ad14f);
}
#blinQ-cart-icon .badge {
	color: #fff;
}
#blinQ-cart-icon .icon-shopping-cart1 {
	font-size: 26px;
/* 	color: var(--e-global-color-text); */
	color:#000;
}
#blinQ-cart-icon .icon-shopping-cart1:hover {
	font-size: 26px;
	color: var(--e-global-color-64ad14f);
}
#blinQ-cart-icon #cart-item-count {
	background-color: red;
	top: -5px !important;
	right: -5px !important;
	border-radius: 15px;
	font-weight: 600;
	font-size: 10px;
}
#blinQ-cart-icon .cart-icon {
	/*color: var(--e-global-color-text);*/
	
}
#blinQ-cart-icon .lighter-text {
	color: var(--e-global-color-text);
}
#blinQ-cart-icon .nav-link.disabled {
/* 	color: var(--e-global-color-text); */
	
}

/* Image Style */
#blinQ-iwidget-products img, #blinQ-iwidget-checkout img {
	mix-blend-mode: multiply;
}

/* BlinQ Product Grid Section */

/* General Styling */
.bq-menu-grid {
    display: flex;
    flex-wrap: wrap;
}

.bq-menu-item {
    display: flex;
    flex-wrap: wrap;
    margin-right: 10px;
    width: calc(33.33% - 60px);
    margin: 30px;
    padding: 0px;
    border-radius: 20px;
	overflow:hidden;
    border: 2px solid var(--e-global-color-primary);
/*     background: var(--e-global-color-accent); */
	background-color:#7d464929;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25) !important;
    transition: border 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease;
}

.bq-menu-item:hover {
    transform: translate(0, -10px);
    border: 2px solid var(--e-global-color-primary);
    box-shadow: 5px 15px 10px rgba(0, 0, 0, 0.25) !important;
}

.list-group-item {
    background-color: transparent;
}

.bq-menu-img {
    order: 2 !important;
	width: 40%;
	margin-top: 0px;
	margin-bottom: 0px;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
	overflow: hidden;
}

.bq-menu-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    transition: background 0.5s ease;
}

.bq-featured-image {
    display: block;
	width: 100%;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.bq-menu-item:hover .bq-featured-image {
	filter: grayscale(100%);
    transform: scale(1.1);
}

.bq-menu-item:hover .bq-menu-img::before {
    border: 2px solid transparent;
    background: rgba(0, 0, 0, 0.3);
}

/* Product Title Styling */
.bq-product-title {
    font-size: 30px !important;
    font-weight: 500 !important;
}

/* Title Box Styling */
.bq-title-box {
    order: 1 !important;
	width: 100%;
    color: var(--e-global-color-8e45e32);
    font-size: 24px;
    font-weight: 500;
/* 	background-color: var(--e-global-color-text); */
	background-color:#7d4649;
	padding-bottom: 8px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
    transition: background-image 0.5s ease, color 0.5s ease;
}

.bq-menu-item:hover .bq-title-box {
	background-image: linear-gradient(to right, var(--e-global-color-f75051b), var(--e-global-color-9aa0ead));
    color: var(--e-global-color-8e45e32);
}

/* Description Styling */
.bq-menu-discription {
	order: 3 !important;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 60%;
	padding: 20px;
}

/* Check Mark Styling */
.fa-check {
    color: var(--e-global-color-f75051b);
    transition: color 0.5s ease;
	display:none;
}

.bq-menu-item:hover .fa-check {
    color: var(--e-global-color-f75051b);
}

.mt-3, .my-3 {
	margin-top: 0rem !important;
}

/* Price Styling */
.bq-price {
    order: 3 !important;
    font-weight: 500;
    font-size: 25px;
    color: var(--e-global-color-text);
    transition: color 0.5s ease;
	padding-top: 10px;
	margin-bottom: 0px;
	border-top: 2px #7d4649 solid;

}

.bq-menu-item:hover .bq-price {
    color: var(--e-global-color-text);
}

/* Details Styling */
.details .list-group-item {
    font-size: 16px !important;
    color: var(--e-global-color-text);
	margin-bottom: 10px;
	text-indent: 0px;
}

/* Header Filter Styling */
.bq-header-filter {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.main-menu-heading {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}

.main-menu-tab-link {
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
/*     background-color: var( --e-global-color-primary ); */
	background-color:#7d4649;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
/*     border: 2px var(--e-global-color-primary) solid; */
	border: 2px #7d4649 solid;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25) !important;
    transition: background 0.5s ease, border 0.5s ease;
/*     color: var(--e-global-color-text) !important; */
	color:#fff !important;
}

.main-menu-tab-link:hover {
    color: var(--e-global-color-8e45e32) !important;
    background-color: var(--e-global-color-text);
    border: 2px var(--e-global-color-text) solid;
}

.main-menu-heading-text {
    font-weight: 500;
    color: var(--e-global-color-text);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Menu Heading Styling */
.bq-menu-heading {
	font-size: 45px;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
    border-radius: 10px;
    color: var(--e-global-color-text);
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Media Queries */

/* Laptop */
@media (max-width: 1025px) {
    .bq-menu-item {
        width: calc(50% - 60px);
        margin: 30px;
    }
	.bq-menu-img {
	   	width: 100%;
	}
	.bq-menu-discription {
	    width: 100%;
	}
}

/* Tablet */
@media (max-width: 768px) {
    .bq-menu-item {
        width: calc(50% - 40px);
        margin: 20px;
    }
	.bq-menu-img {
	   	width: 100%;
	}
	.bq-menu-discription {
	    width: 100%;
	}
}

/* Mobile */
@media (max-width: 480px) {
    .bq-menu-item {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }
	.bq-menu-img {
	   	width: 100%;
	}
	.bq-menu-discription {
	    width: 100%;
	}
	.main-menu-tab-link {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}