/*
 * This code is copyright (c) ViciSoft SL, all rights reserved.
 * The contents of this file are protected under law as the intellectual property
 * of ViciSoft SL. Any use, reproduction, disclosure or copying
 * of any kind without the express and written permission of ViciSoft SL is forbidden.
 * Author: Vince Reid, vincereid@gmail.com
 *
 * Product Details Layout 3 for Ecommerce Plus Templates
 *
 * Last Modified: 2023-08-15
 */
div.detailimage{
width:30%;
padding:10px;
float:left;
min-height:180px;
text-align:center;
box-sizing:border-box;
}
div.detailthumbnailimage{
text-align:center;
}
img.detailimage{
max-width:100%;
height:auto;
}
div.detailcheckoutbutton{
clear:both;
}
div.detailname h1{
font-size:1.8em;
margin:7px 0px 0px 3px;
}
div.detailreviewstars{
float:left;
width:28%;
margin:5px 6px;
clear:right;
}
div.detaildiscounts{
margin-bottom:5px;
color:#EA8626;
}
div.detailinstock{
float:left;
width:65%;
margin:5px 6px;
font-size:1.2em;
}
div.detailid,div.detailsku,div.detaildateadded,div.detailmanufacturer{
margin:5px;
color:#666;
clear:both;
}
span.detailidlabel,div.detaildateaddedlabel,span.detailmanufacturerlabel{
font-weight:bold;
}
div.detaildateaddedlabel{
display:inline-block;
margin-right:4px;
}
div.detaildateaddeddate{
display:inline-block;
}
div.detailprice{
font-size:1.5em;
font-weight:bold;
margin:5px 0px 0px 5px;
clear:both;
}
div.detaillistprice{
color:#DA6A1E;
margin:5px;
font-size:1.5em;
clear:both;
}
div.detailcurrency{
font-size:0.8em;
color:#666;
margin:0px 5px;
}
div.detailshortdescription{
font-size:0.9em;
margin:5px;
padding:8px;
line-height:1.8em;
float:left;
width:65%;
background:#f7f7f7;
border-radius:4px;
border:1px solid gray;
}
div.detailshortdescription p{
padding:0px;
}
div.detaildescription{
font-size:0.9em;
margin:5px;
padding-top:4px;
line-height:1.8em;
clear:both;
}
div.detaildescription::after{
content:"";
clear:both;
display:table;
}
div.searchwordsheading{
margin-bottom:10px;
}
div.searchwords{
font-size:0.9em;
margin:5px;
padding:15px;
line-height:1.8em;
border:1px solid gray;
}
div.detailoptions{
margin:10px 5px;
border:1px solid gray;
padding:4px;
}
div.detailoptiontext{
min-width:120px;
font-size:1.2em;
width:29%;
margin:4px 4px 4px 10px;
}
div.detailoption{
flex-grow:1;
max-width:650px;
}
input[type="text"].detailprodoption, textarea.detailprodoption {
width:80%;
}
select.detailprodoption{
width:80%;
}
select.detailprodoption option{ padding:0 4px; }
input.detailprodoption, textarea.detailprodoption{
border:1px solid #C0C0C0;
border-radius:3px;
}
div.detailmultioptiontext{
padding:4px;
}
div.previousnext{
padding:20px 0px;
text-align:center;
font-size:0.9em;
clear:both;
}
div.detailquantity{
float:left;
margin:6px;
clear:left;
}
div.detailquantitytext{
padding:0px 10px;
margin-top:10px;
display:none;
}
input.detailquantity0input{
padding:6px;
}
div.detailquantity2div{
margin:6px 6px 0px 0px;
}
input.detailbuybutton,button.detailbuybutton,input.detailnotifystock,button.detailnotifystock,input.detailwishlist,button.detailwishlist,button.detailoutofstock{
width:100%;
padding:6px 4px;
font-size:16px;
}
input.detailwishlist{
font-size:10px;
}
div.detailaddtocart{
float:left;
text-align:left;
margin:9px 5px;
width:40%;
clear:right;
}
div.detailaddtocartquant{
width:58%;
margin:10px 5px;
padding:0;
display:flex;
align-items:center;
}
div.detailaddtocartquant > .detailaddtocart, div.detailaddtocartquant > .detailquantity{
float:none;
width:auto;
margin:0;
}
div.detailaddtocartquant > .detailaddtocart{
flex-grow:1;
}
div.detailaddtocartquant input.detailbuybutton{
margin:0;
}
div.detailnotifystock{
font-size:1.4em;
padding-top:16px;
float:right;
width:53%;
}
span.numreviews{
font-size:1.2em
}
hr.review{
height:0;
border-width:1px 0 0 0;
border-style:solid;
border-color:#bbb;
padding:4px;
margin-top:6px;
}
div.reviewprod{
background-color:#eee;
padding:10px;
}
input.askaquestion, input.emailfriend{
background:#2868B2;
color:#fff;
height:21px;
border:0;
border-radius:4px;
font-size:12px;
cursor:pointer;
font-family:FontAwesome, sans-serif;
}
input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}
div.socialmediabuttons{
margin:10px auto;
}
div.socialmediabutton{
display:inline-block;
padding:6px;
}
p.cstitle {
margin:20px 5px;
}
/* Breakpoint 1200px */
@media screen and (max-width:1200px){
div.detailaddtocart{
width:30%;
}
div.detailoption{
width:51%;
}
}
/* Breakpoint 870px */
@media screen and (max-width:870px){
div.detailname,div.detailprice,div.detailcurrency,div.discountsapply,div.detaillistprice,div.detailreviewstars,div.detailshortdescription,div.detailoptions,div.detaildiscounts,div.detailaddtocartquant{
width:auto;
float:none;
}
div.detailimage{
width:auto;
float:none;
min-height:auto;
}
div.detailname h1{
margin:1px 0px 0px 3px;
float:none;
width:auto;
}
div.detailinstock{
width:46%;
margin:10px 12px 10px 5px;
}
div.detailreviewstars{
width:46%;
}
div.detailoption{
width:71%;
}
div.detailaddtocart{
width:50%;
}
div.detailmanufacturer,div.detailid,div.detailsku,div.detaildateadded{
float:none;
width:auto;
}
}
/* Breakpoint 640px */
@media screen and (max-width:640px){
	div.detailoptiontext{
		margin:18px 0px 10px 0px;
		font-size:1.2em
	}
	div.optioncontainer,
	div.detailoptiontext,
	div.detailoption{
		display:block;
		width:auto;
	}
}
/* Breakpoint 440px */
@media all and (max-width:440px){
	div.detailaddtocart{
		width:60%;
	}
	div.detaillistprice::before{
		content:" ";
	}
	div.detailcurrency{
		margin:0px 5px;
	}
	div.detailprice,
	div.detaillistprice{
		float:none;
		width:auto;
		clear:both;
		margin-left:5px;
	}
	div.detailinstock{
		float:none;
		width:auto;
		clear:both;
	}
	div.detailreviewstars{
		float:none;
		width:auto;
		clear:both;
		text-align:left;
	}
	select.detailprodoption {
		width:100%;
	}
	input[type="text"].detailprodoption, textarea.detailprodoption {
		width:100%;
	}
}