h1{
    xcolor: pink!important;
}


/* Fix main image on not fully filling container on firefox  */ 
.woocommerce-js div.product div.images img {width: 100%;}
/* Feature Image - Remove Magnifer Icon that links to wp lightbox  */ 
a.woocommerce-product-gallery__trigger{ display: none;}

/* Products - Rating - Rating text under Product Title */
div.product > div > div > div > div > div > div > a.prod-star-rate > div > div {font-weight: 400;}
div.product a.prod-star-rate {color: var(--e-global-color-astglobalcolor7);}
div.product a.prod-star-rate:hover{ opacity: 0.9;xscale:1.05;color:gold; }
/*  Products - Rating - Cursor when over link */
div.product a.prod-star-rate > div.elementor-widget-star-rating > div > div > div > i::before{cursor: pointer;}


/* Reviews */
/* Reviews */
/* Reviews */

/*   Reviews - Add box shadow around each review post it */
/*  copied not sure if working Reviews - Dropshadow around each review -  */
#product-reviews > div > div > div div> div.swiper-slide{filter: drop-shadow(0.20rem 0.20rem 0.3rem rgba(0, 0, 0, 0.2));}

/* Write a Reviews */
/* Write a Reviews */
/* Write a Reviews */
#form-field-reviewTxt{}	
#prod_review_form input{}
#prod_review_form input:focus{}
#prod_review_form label{}
#prod_review_form > div > div button{}
#prod_review_form > div > div button:hover{}

/*  Qustion Input  */
#form-field-reviewTxt{}

/*  Review  Input Textarea  */
#form-field-reviewTxt:focus{}

/* Form & Buttons */
/* Form & Buttons */
/* Form & Buttons */

#prod_review_form label,
#prod_qs_form label{
    color: var(--ast-global-color-8,#000000)!important;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 600;
}
	
#prod_review_form input,
#prod_qs_form input{
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    border: 0.1875rem solid gold;
    border-radius: 0.5rem;
}

#prod_review_form input:focus,
#prod_qs_form input:focus{border: 5px solid gold;scale:1.05;}

#prod_review_form button.elementor-button,
#prod_qs_form button.elementor-button{
    width: 100%;
    padding: 1rem;
    color:var(--ast-global-color-8,#000000);
    border:0.1875rem solid black!important;
    border-radius: 0.5rem!important;
    font-size:1.125rem;
    line-height:1.125rem;		
    background-color: var(--ast-global-color-0,#dd9b4d);
}

#prod_review_form button.elementor-button:hover,
#prod_qs_form button.elementor-button:hover{
    color:var(--ast-global-color-4,#f9fafb);
    border-color:white!important;
    background-color: var(--ast-global-color-1,#ffc076);
}

#prod_review_form textarea.elementor-field-textual,
#prod_qs_form textarea.elementor-field-textual{
    background-color: white!important;
    background-size: 100% 4rem;
    width: 100%;
    line-height: 2rem;
    margin: 0 auto;
    border: 0.1875rem solid gold!important;
    border-radius: 0.5rem!important;
}

#prod_review_form textarea.elementor-field-textual:focus,
#prod_qs_form textarea.elementor-field-textual:focus{
    border: 0.3rem solid gold!important;
    scale:1.05;  
}

/*  Review has purple bg  */
/*  Questions has orange bg  */
#prod_review_form a,
#prod_qs_form a{}
#prod_review_form a:hover,
#prod_qs_form a:hover{}

/*  Form - Checkboxs  */
div.product form input[type="checkbox"] {width: 1.1rem; height: 1.1rem; margin: 0 0.3rem 0 0; position: relative; top: 0.15rem; outline: 3px solid gold;margin-right: 0.5rem;}
/*  Form - Checkboxs - Hover */
div.product form input[type="checkbox"]:focus {scale:1.2;}


/*  Privacy Policy Show/Hide  */
div.scrollppreview,div.qascrollpp{
    height: 14rem;
    overflow-y: auto;
    background-color: white;
    margin-bottom: 1rem;
    padding: .3rem;
    font-family: 'Poppins',sans-serif;
    font-size: 0.875rem;
    border: 0.1875rem solid gold;
    border-radius: 0.5rem;
    width:100%;
}

/*  Adjust space above and below mail you the answer checkbox  */
#prod_review_form > div > div.elementor-field-group-askQinput, 
#prod_review_form > div > div.elementor-field-group-mailanswer{}

/* Add to Cart */
/* Add to Cart */
/* Add to Cart */

  /*  Container holding  Cable Colour Swatchs */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > div{display: flex; flex-wrap: wrap;}

  /*  Selected Cable Colour txt under color swatchs */
.sc-product-addons span.wc-pao-addon-image-swatch-selected-swatch{ width: 100%; padding-top: 1rem;}
 
 /* Hide Fabric Cable Color heading above fabric cable colors */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > h2{ 
    xdisplay: none;
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    }

	/* Fabric Cable Color swatchs - space to the left */
div.wc-pao-addon-container.wc-pao-addon a.wc-pao-addon-image-swatch {padding-left: 1rem; }

/*	Cable Color Swatchs	*/
.sc-product-addons a.wc-pao-addon-image-swatch img {
	max-height:80px;
	max-width:80px;
    border-radius: 50%!important;
    border: 0.1875rem solid var(--ast-global-color-8);
    margin-top: .5em;}
	
	
	@media only screen and (max-width: 1100px) and (min-width: 550px) {
		.sc-product-addons a.wc-pao-addon-image-swatch img {
    	max-height:60px;
			max-width:60px;}
	}
	
	@media (max-width: 550px) {
		.sc-product-addons a.wc-pao-addon-image-swatch img {
    	max-height:45px;
			max-width:45px;}
	}
   
/*	Cable Color Swatchs	- Hover	*/
.sc-product-addons a.wc-pao-addon-image-swatch img:hover {scale: 1.4;}

/*	Cable Color Swatchs	- Selected	*/
.sc-product-addons a.wc-pao-addon-image-swatch.selected img{ border: 6px solid red!important; }


/*	Remove Square  outline on swatch image	when hover	*/
.wc-pao-addon-image-swatch, .wc-pao-addon-image-swatch:hover, .wc-pao-addon-image-swatch:active, .wc-pao-addon-image-swatch:focus {outline: none;}
 /* Add Selected Cable Colour under cable color swatchs */
.wc-pao-addon-image-swatch-selected-swatch::before {content: "Selected Cable Colour - ";color: blue;}
/* Hide None option Choose your cable Color  */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon > div > a:nth-child(1){
    xdisplay: none;
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* Hide None options Choose your cable length  */
/* Hide None options Include Ceiling Rose  */
/* Hide None options Have us fit your new light!  */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > div > div:nth-child(1){
    xdisplay: none;
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
	
	.form-row.form-row-wide.wc-pao-addon-wrap.wc-pao-addon-55-0 a {
		width:10%;
	}

/* Adjust Add-on radio bx options Choose your cable lenght , Ceiling Rose & Install depending on screen size  */
@media (min-width: 1100px) {
/* Add-on radio bx options Choose your cable lenght , Ceiling Rose & Instal  */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > div.form-row.form-row-wide.wc-pao-addon-wrap:not(:nth-child(2)){ display: flex; gap: 2rem;}}

@media only screen and (max-width: 1100px) and (min-width: 550px) {
/* Choose your cable lenght - make horizontal list  */
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-40-1.wc-pao-addon-id-1695851440 > div.form-row > div.wc-pao-addon-40-1 input { margin-left: 1rem; display: inline-grid;}

.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > div.form-row.form-row-wide.wc-pao-addon-wrap:not(:nth-child(2)) {display: flex;gap: 1rem;}
}

@media (max-width: 550px) {
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-40-1.wc-pao-addon-id-1695851440 > div.form-row > div.wc-pao-addon-40-1 input { margin-left: 0rem;display: initial; }
.sc-product-addons > div > div > form > div.wc-pao-addons-container > div.wc-pao-addon-container.wc-pao-addon > div.form-row.form-row-wide.wc-pao-addon-wrap:not(:nth-child(2)) div{display: content;margin-right: 1rem;}
	}

/* Add-on titles All 3 Lenght, Rose & Fit */
div.wc-pao-addon-container.wc-pao-addon > div.wc-pao-addon-description > h2  {
    font-style: normal;
    font-size: clamp(1.5rem, 1.43rem + 0.32vw, 1.75rem);
    line-height: clamp(1.8rem, 1.716rem + 0.384vw, 2.1rem);
    color:var(--ast-global-color-8);
    padding-top:0.6rem;
    font-weight: var(--e-global-typography-0e215ea-font-weight);
    letter-spacing: var(--e-global-typography-0e215ea-letter-spacing);
}

/* Add-on radio bx options Choose your cable lenght  */
div.wc-pao-addon-container.wc-pao-addon > div.wc-pao-addon-wrap{display: flex;}

/* Addon Values 25cm, 35cm etc */
div.wc-pao-addon-container.wc-pao-addon .wc-pao-addon-wrap div label {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}
	

/* Hide prduct addons summary */
#product-addons-total > div > ul > li:nth-child(1), #product-addons-total > div > ul > li:nth-child(2), #product-addons-total > div > ul > li:nth-child(3), #product-addons-total > div > ul > li:nth-child(4), #product-addons-total > div > ul > li:nth-child(5){display:none;}

/* Hide a white box behined add to basket, i think it's there because addon summary is hidden */
div.product-addon-totals {border: none;}

/* Hide a some white line above add to basket and subtotal, i think it's there because addon summary is hidden */
div.product-addon-totals .wc-pao-subtotal-line {border-top: none;}

/*   Move Add to Cart up inline with subtola    from 650 up*/
@media only screen and (min-width: 650px) {
.sc-product-addons > div > div > form > div.e-atc-qty-button-holder{ margin-top: -90px; }
	#product-addons-total > div { margin-top: -50px; }
}

/*   Add to Cart - Button - Ajust size  */
.sc-product-addons > div > div > form > div.e-atc-qty-button-holder > button{ padding: 1rem 2rem; }
	
.sc-product-addons a.added_to_cart.wc-forward{color:black;}
.sc-product-addons a.added_to_cart.wc-forward:hover{color:gray;}

/* Add to Cart Qty selectors - Add borders */
div.e-atc-qty-button-holder div #minus_qty-0{     
border-width: 3px 0px 3px 3px;/* exclude right */
    border-radius: 0.5rem 0px 0px 0.5rem;/* exclude top & bottom right */
    border-color: var(--ast-global-color-8);
    font-size: 150%;
    background-color:var(--ast-global-color-0); }
    
div.e-atc-qty-button-holder div #plus_qty-0{     
		border-width: 3px 3px 3px 0rem;/* exclude right */
    border-radius: 0px 0.5rem 0.5rem 0px;/* exclude top & bottom right */
    border-color: var(--ast-global-color-8);
    font-size: 150%;
    background-color:var(--ast-global-color-0); }
	
	
	/* Add to Cart Qty selectors - The number in qty selector */
	div.e-atc-qty-button-holder input.qty { border-width: 3px!important; }    
    
    /* Add to Cart Qty selectors - both + & - hOver */
#minus_qty-0:hover,
#plus_qty-0:hover{background-color:var(--ast-global-color-1); }


/* Questions Answered */
/* Questions Answered */
/* Questions Answered */

#prod_qs_form input{}
#prod_qs_form input:focus{}
#prod_qs_form > div > div label{}
#prod_qs_form > div > div button{}
#prod_qs_form > div > div button:hover{}

/*  Adjust space above and below mail you the answer checkbox  */
#prod_qs_form > div > div.elementor-field-group-askQinput, #prod_qs_form > div > div.elementor-field-group-mailanswer{margin-bottom: 0.2rem;}

/*  Qustion Input  */
#form-field-askQinput{}
 /*  Your Question Textarea - add dotted boarder when click in */
#form-field-askQinput:focus {}
#prod_qs_form a#q_from_pp_link:hover{color:black;}
.qascrollpp{}