/* style2.css */

body {
/*
	background-image: url(../img/christies-product-page-lalanne.png);
	background-size: 375px auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 300vw;
*/
}

.__hidden {
	display:none !important;
}

/* text reset */
.textbox h1,
.textbox h2,
.textbox h3,
.textbox h4,
.textbox p {
	color: #575757;
	font-family: Christies-Sans;

	margin: 0;
	line-height: 1.25em;
	margin: 20px 0;
	font-weight: 400;
}

.textbox h1 {
	font-family: Christies-Title;
	font-size: 28px;
}

.textbox h1 ._artist {
	text-transform: uppercase;
}
.textbox h1 ._dob {
	white-space: nowrap;
}

.textbox h2,
.textbox h3 {
	font-weight: 550;
	font-size: 18px;
}

.artworkTitle {
	font-style: italic;	
}

.textbox h4 {
	font-weight: 550;
	font-size: 16px;
}

.textbox p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 22px;
}

.textbox b {
	font-weight: 550;
}

button {
	border: 2px solid black;
	color: black;
	font-weight: 550;
	background: white;
	font-size: 16px;
	padding: 12px 12px;
	line-height:22px;
	margin: 8px 0;
}

button:hover {
	border-color:#575757;
	color:#575757;
	opacity:0.9;
}

.headerHolder {
	position: fixed;
	width: 100%;
	z-index: 900;
	top: 0px
}

#VideoHeader {
	margin: 54px 0;
	height:80vh;
}
#VideoHeader video{
	width:100%;
	height:100%;
	object-fit:cover;
}

#VideoHeader._stub {
	height:0;
}

.info {
	margin: 54px 0 0;
	width: 100%;
	color: #878787;
}

.info ._photo {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 85%;
	background-color: #efefef;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.info .textbox {
	text-align: center;
}

.info ._desktopDetails {
	display: none;
}

.textbox {
	padding: 6.2vw 5.3vw;
}

.ar ._modelViewer {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 85%;
	background-color: #efefef;
}

.ar ._mobileBottomPadding {
	background-color: #efefef;
	position: relative;
}
.ar ._mobileBottomPadding button._viewAtHome {
	margin: -30px 5.3vw 2vw;
}

.ar .textbox {
	padding-top: 8px;
}

button._viewAtHome {
	line-height:22px;
	padding-left:44px;
/*	opacity:0.2;*/
	border-color:rgba(0,0,0,0.2);
	color:rgba(0,0,0,0.2);
	cursor: not-allowed;
	pointer-events:none;
}

button._viewAtHome::before {
	position:absolute;
	display:inline-block;
	content:"";
	width:22px;
	height:22px;
	background-image: url(../img/cube.svg);
	background-size: auto 22px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin:0 0 0 -32px;
	opacity:0.2;
}

.ar .textbox button._viewAtHome {
	display:none;
}

.ar ._modelViewer {
	position: relative;
}
.ar model-viewer {
	position: absolute;
	width:100%;
	height:100%;
	background-color: unset;
	--poster-color: transparent;
}

.ar ._mobileDetails {
	border-top: 1px solid #cccccc;
	margin-top: 32px;
	padding-top: 10px;
}

.ar ._mobileDetails ._enquire {
	width: 100%;
}

.ar ._desktopError {
	display: none;
}

.ar ._mobileError {
	background-color:#cccccc;
	font-weight:bold;
	padding:16px;
	display:none;
}

.__ar-no .ar ._mobileError {
	display:block;
}

.__ar-yes button._viewAtHome {
	opacity:1;
	cursor:auto;
	pointer-events:auto;
	border-color:black;
	color:black;
}

.__ar-yes button._viewAtHome:before {
	opacity:1;
}

.four-oh-four {
	margin: 54px 0 0;
	text-align:center;
	min-height:80vh;
}

.only {
	display:none;	
}

.__ios-yes .only.ios-only{
	display:inherit;
}

@media (min-width: 768px) {
	.info, #VideoHeader {
		margin-top: 58px;
	}
}

@media (min-width: 900px) {
	body {
/*
		background-image: url(../img/christies-product-page-lalanne-desktop.png);
		background-size: 1440px auto;
		background-position: 50% 28px;
*/
	}
	
	.ar ._mobileBottomPadding {
		display: none;	
	}

	.textbox h1 {
		font-size: 36px;
		line-height: 1.2em;
	}
	
	.textbox h2 {
		font-size: 22px;
		line-height: 1.2em;
	}

	.info {
		margin: 58px auto 0;
		text-align: center;
		width: 850px;
		padding: 47px 0 0;
		display: table;
	}
	
	#VideoHeader {
		margin: 58px auto 0;
	}
	#VideoHeader._stub {
		height:0.01vh;
	}

	.info ._photo {
		position: relative;
		display: table-cell;
		height: 0;
		width: 416px;
		height: 100%;
		padding-bottom: 0;
		background-size: contain;
		background-position: 50% 0;
		background-color: transparent;
		top: 32px;
	}

	.info .textbox {
		display: table-cell;
		text-align: left;
		padding: 0 0 0 16px;
	}

	.info ._desktopDetails {
		display: block;
		margin-top: 28px;
		border-bottom: 1px solid #cccccc;
	}

	.info ._enquire {
		width: 48%;
		margin: 18px 0 40px;
	}

	.ar {
		margin: 40px auto 0;
		width: 850px;
		position: relative;
	}

	.ar ._modelViewer {
		padding-bottom: 320px;
	}
	.ar model-viewer button._viewAtHome  {
		visibility: hidden;
	}
	.ar .textbox {
		display:relative;
		padding: 18px 0 64px 0;
	}
	
	.ar ._viewAtHome {
		width: 202px;
	}
	
	.ar ._artworkInfo {
		width:48%;
		display:inline-block;
		vertical-align:top;
		position:relative;
		padding-right:2%
	}	
	
	.ar ._arInfo {
		width:48%;
		display:inline-block;
		vertical-align:top;
		position:relative;
	}

	.ar ._mobileDetails {
		display: none;
	}
	
	.ar ._desktopError {
		width: 100%;
		border: 1px solid #cccccc;
		padding: 0 20px 0 153px;
		position:relative;
		display: none;
	}

	.ar ._qrCode {
		width: 113px;
		height: 113px;
		position: absolute;
		left: 20px;
		top: 20px;
	}
	
	.ar ._qrCode img,
	.ar ._qrCode canvas {
		width:100%;
	}

	.ar ._desktopError p {
		margin-top: -12px;
	}
	
		
	.ar ._instructions {
		display:none;
	}
	
	.ar .textbox button._viewAtHome {
		display:none;
	}
	
	.__ar-no .ar {
		min-height:580px;	
	}
	
	.__ar-no .ar ._desktopError {
		display: block;
	}
	
	.ar ._mobileError,
	.__ar-no .ar ._mobileError {
		display:none;
	}
	
	.__ar-yes .ar .textbox button._viewAtHome {
		display:block;
	}
	
	.__ar-yes .ar ._instructions {
		display:block;
	}
	
	.four-oh-four {
		margin: 58px auto 0;
	}

}

@media (min-width: 1280px) {

	.four-oh-four, .info  {
		margin: 109px auto 0;
	}
	
	#VideoHeader {
		margin-top: 109px;
	}
}