/*
 * 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 1 for Ecommerce Plus Templates
 *
 * Last Modified: 2023-08-15
 */
div.detailimage{
width:45%;
padding:10px;
float:left;
min-height:400px;
text-align:center;
box-sizing:border-box;
}
div.ectnomagicimage{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
div.detailthumbnailimage{
text-align:center;
}
img.detailimage{
max-width:100%;
height:auto;
}
div.detailcheckoutbutton{
clear:both;
}
div.detailname{
float:right;
width:53%;
text-align:left;
margin:0 1%;
}
div.detailname h1{
font-size:1.8em;
}
div.detaildiscounts{
width:53%;
margin:1px 1%;
float:right;
color:#EA8626;
}
div.detailprice{
font-size:1.5em;
font-weight:bold;
float:right;
width:53%;
margin:2px 1%;
}
div.detaillistprice{
float:right;
width:53%;
color:#DA6A1E;
margin:2px 1%;
font-size:1.5em;
}

div.detailcurrency{
font-size:0.8em;
float:right;
width:53%;
color:#555;
margin:0px 1%;
}
div.detailinstock{
float:right;
width:53%;
margin:8px 1%;
font-size:1.2em;
color:#555;
}
div.detailreviewstars{
float:right;
width:24%;
margin:5px 1%;
text-align:right;
}
div.detailshortdescription{
font-size:0.9em;
margin:5px 1%;
padding:4px;
line-height:1.8em;
float:right;
width:53%;
background-color:#eee;
border-radius:4px;
box-sizing:border-box;
}
div.detailshortdescription p{
padding:0px
}
div.detailid,div.detailsku,div.detaildateadded,div.detailmanufacturer{
width:53%;
float:right;
margin:6px 1%;
color:#555;
clear:right;
}
span.detailidlabel,span.detailinstocklabel,span.detailmanufacturerlabel{
font-weight:bold;
}
div.detaildateaddedlabel{
display:inline-block;
font-weight:bold;
margin-right:4px;
}
div.detaildateaddeddate{
display:inline-block;
}
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{
float:right;
width:53%;
margin:10px 1%;
padding:0;
}
div.detailoptiontext{
margin:13px 1px 0px 0px;
min-width:120px;
}
div.detailoptioncontainer{
display:block;
}
input[type="text"].detailprodoption, textarea.detailprodoption{
width:80%;
}
select.detailprodoption{
width:80%;
}
select.detailprodoption option{ padding:0 4px; }
div.detailmultioptiontext{
padding:4px;
clear:none;
}
div.previousnext{
margin:20px 0px;
text-align:center;
font-size:0.9em;
clear:both;
}
div.detailquantity{
float:right;
margin:12px 0px 0px 9px;
width:53%;
}
div.detailquantitytext{
float:left;
padding:0px 10px;
margin-top:10px;
display:none;
}
div.detailquantity1div{
margin:7px 30px 6px 0px;
}
div.detailquantity2div{
margin:6px 3px 6px 0px;
}
div.detailaddtocart{
float:right;
text-align:left;
margin:10px 1%;
width:53%;
clear:right;
}
div.detailaddtocartquant{
float:right;
width:53%;
margin:10px 1%;
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;
}
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.detailoutofstock{
float:right;
width:53%;
}
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 870px */
@media screen and (max-width:870px){
div.detailname,div.detailprice,div.detailaddtocart,div.detailquantity,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;
}
span.detaildiscountsapply{
margin:1px 5px;
float:none;
width:auto;
}
div.detailprice{
float:none;
width:auto;
margin:5px 0px 0px 5px;
}
div.detailinstock{
float:none;
width:auto;
margin:10px 12px 10px 5px;
}
div.detailoption{
width:71%;
}
div.detailaddtocart{
width:70%;
}
div.detailmanufacturer,div.detailid,div.detailsku,div.detaildateadded,div.review{
float:none;
width:auto;
margin:6px;
}
}
/* Breakpoint 640px */
@media screen and (max-width:640px){
div.detailoption{
width:auto;
}
div.detailoptiontext{
margin:18px 0px 10px 0px;
font-size:1.2em
}
}
/* Breakpoint 440px */
@media all and (max-width:440px){
select.detailprodoption {
width:100%;
}
input[type="text"].detailprodoption, textarea.detailprodoption {
width:100%;
}
div.detailaddtocart{
width:40%;
}
div.detailreviewstars{
text-align:left;
}
}