/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/




/* Single Product Template : Added by Muneeb */


.pewc-group-wrap  {
	border-radius : var(--border-radius) !important;

}

.pewc-group-heading-wrapper, .pewc-groups-accordion h3 {
	border-radius : var(--border-radius) !important;
}
.pewc-group-wrap , .pewc-groups-accordion h3{
	background-color : #e7e7e7 !important;
}

.pewc-groups-accordion h3 {
	font-size : var(--h4) !important ;
	color : var(--oil) !important;
}

.pewc-field-label {
	font-size: var(--h6);
    color: var(--secondary);
    margin-bottom: 10px;
}
.pewc-field-label .required {
	color : red;
}

.pewc-product-extra-groups  {
	padding-inline : 20px !important;
}


.cloth-color-swatch .pewc-radio-image-wrapper img{
	
	border-radius : 100vw;
}

.pewc-preset-style .pewc-radio-image-wrapper label input:checked + img, .pewc-preset-style .pewc-checkbox-image-wrapper label input:checked + img {
	border : 0px solid var(--border-color)  !important;
}

.pewc-radio-image-wrapper label img, .pewc-checkbox-image-wrapper label img {
	border : 0px solid transparent !important;
	margin-top : 3px !important;
	width : 50px !important;
	height : 50px !important;
	border-radius : 100vw !important;
}
.pewc-preset-style .pewc-radio-image-wrapper.checked, .pewc-preset-style .pewc-checkbox-image-wrapper.checked, .pewc-preset-style .checked .pewc-hex {
	border : 2px solid var(--secondary) !important;
}

.pewc-image-layer img {
	min-width : 595px !important;
}

.pewc-preset-style .pewc-radio-image-wrapper, .pewc-preset-style .pewc-checkbox-image-wrapper {
	border : 2px solid var(--border-color) !important;
}

.cloth-color-swatch .pewc-columns-7  {
	display : grid !important;
	width : 80% !important;
	grid-template-columns : repeat(7, 60px) !important;
	gap : 5px !important;
}

.cloth-color-swatch .pewc-columns-7  .pewc-radio-checkbox-image-wrapper {
	border-radius: 100%;
    padding: 0 !important;
    width: 60px !important;
    height: 60px;
}

.pewc-preset-style .pewc-groups-accordion .pewc-group-wrap.group-active .pewc-group-content-wrapper {
	padding : 0.5em 0 !important;
}

#pewc-per-product-label , #pewc-per-product-total{
	font-size : var(--h6);
	color : var(--oil-l-5);
	font-family : "Source Serif Pro";
	font-weight : 400;
}

#pewc-per-product-total {
	text-decoration: line-through;
}

#pewc-grand-total-label {
	font-family : "Source Serif Pro";
	font-weight : 400;
	color : var(--oil);
	font-size : var(--h4);
}

#pewc-grand-total { 
	font-family : "Source Serif Pro";
	font-weight : 700;
	color : var(--primary);
	font-size : var(--h4);
}

.pewc-radio-image-desc {
	color : var(--oil);
	font-weight : 400;
}

.pewc-group , .pewc-item-field-wrapper {
	margin-bottom : 0 !important;
}

@media(max-width : 768px){
	.cloth-color-swatch .pewc-columns-7  {
	display : grid !important;
	width : 100% !important;
	grid-template-columns : repeat(4, 60px) !important;
	gap : 5px !important;
		
}
	.pewc-image-layer img {
	min-width : 100% !important;
}
}