/*=Custom
-----------------------------------------------------------*/
html {
	height: 100% !important;
}
body {
    height: 100% !important;
    margin: 0;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.header-logo {
	height: 150px !important; 
	padding-top: 16px;
	/* display: block; */
	/* margin: 0 auto; */
	/* margin-left: 100px; */
	/* width: auto; */
}

.da-full-bkg {
	/* background-color: tan !important; */
	/* background: rgb(163,118,70); */
background: linear-gradient(0deg, rgba(163,118,70,1) 0%, rgba(244,239,234,1) 100%);
min-height: 100%;
}

.hero-title {
	font-weight: 800;
	color: #653600;
}
h2.art-title {
	color: #653600;
}

.content-box {
	border: 5px solid black;
	background: white;
	padding: 16px;
}

.art-box {
	padding: 16px;
	margin-bottom: 16px;


}
.art-box img {
	object-fit: contain;
	max-width: 100%;
	/* padding: 16px; */
	height: auto;
	max-height: 420px;
	transition: transform .4s;
	background-color: white;
}
@media (min-width: 768px) {
	.art-box img {
		object-fit: contain;
		max-width: 100%;
		/* padding: 16px; */
		height: auto;
		max-height: 600px;
		transition: transform .4s;
		background-color: white;
	}
}



img.rose {
	/* left: 50px; */
}

.navbar-toggler:hover {
	/* background-color: white; */
	/* border: .5px solid black !important; */
}

/* @media (max-width: 1200px) {
	img.mug {
		width: 220px;
	}
} */
img.mug {
	object-fit: cover;
	/* object-position: top; */
	width: 100%;
	padding: 16px;
	/* max-width: 220px; */
	/* max-height: 400px; */
	
}
/* img.top-row {
	height: 100px !important;
} */

.vert-2up img{
	height: 600px;
	background-image: url('http://localhost:8888/dosamigos/wp-content/uploads/2023/04/RevealTheStarSculpt.jpg');
	width: auto;
	object-fit: cover;
	z-index: 100;
}

.reveal-star:hover {
	/* background-image: url('http://localhost:8888/dosamigos/wp-content/uploads/2023/05/RevealTheStar-closeup.jpg');
	object-fit: cover;
	object-fit: cover;
	max-width: 100%;
	padding: 16px;
	max-height: 600px;
	transition: transform .4s; */
}

.site {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.site img {
	width: 100%;
}
.site p {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: black;
	font-size: 20px;
	/* background-color: rgba(255,255,255,0.90); */
	background-repeat: no-repeat;
	/* color: white; */
	/* border: 1px solid #316f62; */
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 500ms ease-in-out;
}





.site p:hover {
	opacity: 1;

}


.image-box img:last-child {
	display: none;
	opacity: 0;

}
.image-box:hover img:last-child {
	display: block;
	opacity: 1;

}
.image-box:hover img:first-child {
	display: none;
	opacity: 0;
}
.image-box:hover img:first-child {
	transition: opacity 500ms ease-in-out, display 500ms ease;

}

a#pop:hover {
	cursor: pointer;
}

.modal-body img {
	/* height: 80vh; */
	max-height: 80vh;
	width: auto !important;
	max-width: 80vw;
}

.modal.fade .modal-dialog {
	justify-content: center;
}
.modal-content {
	width: auto !important;
}

.navbar-nav {
/*  display: flex; */
/*  align-items: flex-end; */
/*  width: 90%; */
 /* padding-right: 40px; */
 margin-top: -45px !important;
 position: absolute !important;
	right: 24px !important;
}

#nav-main li a {
	padding: 8px 12px;
}
#nav-main li a:hover {
	background-color: white;
}

.navbar-nav .dropdown-menu {
	/* position: absolute !important; */
}

.navbar-toggler {
	width: 30px;
	height: 20px;
	position: relative;
	transition: 500ms ease-in-out;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

.navbar-toggler span {
	margin: 0;
	padding: 0;

}

.toggler-icon {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: rgb(101,54,0);
	border-radius: 1px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.middle-bar {
	margin-top: 0;
}

/* when navigation is clicked */
.navbar-toggler .top-bar {
	margin-top: 0;
	transform: rotate(135deg);
}
.navbar-toggler .middle-bar {
	opacity: 0;
	filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
	margin-top: 0;
	transform: rotate(-135deg);
}
/* state when navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
	margin-top: -20px;
	transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
	filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
	margin-top: 20px;
	transform: rotate(0deg);
}

.contact-link a {
	text-decoration: none;
	color: #653600;
}
.contact-link a:hover {
	text-decoration: underline;
}
/* .art-details {
	opacity: 0;
}
.art-details:hover {
	opacity: 1;
} */
a.site {
	cursor: default !important;
}