body{font-family:'Raleway',"Helvetica Neue",Gotham,Helvetica,Arial,sans-serif;overflow-y:scroll;background-color: #222;color:#eee;}
body h1{letter-spacing:normal;}
body .featherlight .featherlight-content{padding:0 !important;border-bottom:0 !important;}
body .featherlight .featherlight-close-icon.featherlight-close {
	bottom: 5px;
	right: 10px;
	line-height: normal;
	background: #eee;
	background: rgb(255,255,255);
	color: #AAA;
	color: rgba(0,0,0,.5);
	border-radius: 50%;
	padding: 0;
	font-weight: 700;
	position: absolute;
	opacity: .7;
	font-size: .6em;
	text-align: center;
	width: 15px;
	height: 15px;
	top: unset;
}
.artCaption {
    text-align:center;
	font-size: 1.5rem;
	font-weight: bold;
}
.artCaption a {
	padding: 5px 20px;
	border: 1px solid #888;
	border-radius: 6px;
	color: #FFF;
	display: block;
	margin: 10px auto;
	width: fit-content;
	font-weight: 400;
}
input,textarea{color:#222;}
.overlayInfo{position: absolute;color: #EEE;font-size:1.1em;bottom: 0px;left: 0;background: rgba(0,0,0,.85);width: 100%;padding: 10px 20px;box-sizing: border-box;}
a{text-decoration:none;color:#33C3F0;}
#breadcrumb{color:#888;margin:1em 0 0 1em;}
#breadcrumb a{color:#888;}
#breadcrumb .current{color:#ddd;}
#nav a#logo{font-family:'Bilbo Swash Caps',cursive;text-transform:capitalize;font-size:2em;position:absolute;top:7px;left:20px;padding:0;margin:0;}
#nav #logo img{max-height:30px;max-width:200px;width:auto;height:auto;position:relative;top:5px;}
#nav{text-align:center;letter-spacing:.1em;height:100vh;display:flex;align-content:center;justify-content:center;align-items:center;}
#nav ul,#nav{width:100%;text-align:center;letter-spacing:.2em;}
#nav ul,#nav li{margin:0;padding:0;list-style-type:none;}
#nav li{display:block;}
#nav li.hidden{display:none;}
.dropMenu img{width:86px;height:auto;}
.flex{display:flex;}
.flexColumn{flex-direction:column;}
#nav a{width:100%;display:inline-block;text-align:center;padding:20px 15px;color:#b4b4b4;text-transform:uppercase;transition:color .2s ease-in-out;margin:0;font-size:1.1em;font-weight:700;box-sizing:border-box;}
#nav a i{transition:color .2s ease-in-out;}
#nav a:hover,#nav a:hover i{text-decoration:none;color:#fff;transition:color .2s ease-in-out;}
#nav:last-child{padding-right:0;}
#nav:first-child{padding-left:0;}
#footer {
	text-align: center;
	margin: 120px 0 30px 0;
	font-size: .9em;
	letter-spacing: .1em;
	display: flex;
	flex-direction: column;
}
#footer,#footer a{color:#888;text-decoration:none;}
#footer a{padding:5px 10px;transition:color .2s ease-in-out;text-transform:uppercase;}
#footer a:hover {
	color: #fff;
	transition: color .2s ease-in-out;
}
#footerLogo img{max-width:200px;max-height:60px;height:auto;width:auto;}
#footer ul,#footer li{list-style-type:none;}
#footer li{display:inline-block;}
#footer li a{font-size:.8em;padding:5px 15px;}
.relativePos{position:relative;}
.mainImage{text-align: center;}
#nav .drop a{font-weight:normal;letter-spacing:.1em;}
#nav .drop{display:none;background:#FFF;padding:10px;border-radius:0 0 10px 10px;}
#nav .drop ul,#nav .drop li,#nav .drop ul{list-style-type:none;}
#nav .drop li,#nav .drop li a{display:block;text-transform:none;font-size:.9em;width:auto;}
#nav .drop li a{padding:15px 10px;}
#nav .drop{position:absolute;right:0;z-index:1010;box-shadow:0 10px 10px 0px rgba(0,0,0,.2);}
.navOverlay{padding:50px;}
.navOverlay ul,.navOverlay li{margin:0;padding:0;list-style-type:none;}
.navOverlay li a{display:block;width:100%;padding:5px;text-align:center;text-decoration:none;color:#222;border-bottom:1px solid #DDD;}
.navOverlay li a:last-child{border-bottom:none;}
h1.title{margin:20px 0 0 0;padding:0;}
.medium,.dimensions,.price,.description{margin:.5em 0;}
.dimensions span,.price span,.medium span{font-weight:700;}
.topNavBumpTop{margin-top:40px;}
#paymentButton{margin-bottom:20px;}
#contactForm #email,#contactForm textarea{width:100%;border:1px solid #DDD;padding:5px;box-sizing:border-box;}
#contactForm textarea{min-height:300px;}
#contactForm i{color:#33C3F0;font-size:90px;}
#socialLinks{text-align:center;margin-bottom:20px;}
#nav #socialLinks a{width:auto;}
#navUL {
    max-height: calc(100vh - 20px); /* Prevents the menu from exceeding the viewport height */
    overflow-y: auto; /* Enables scrolling if needed */
    padding-right: 10px; /* Prevents scrollbar overlap on content */
}

/* Optional: Custom Scrollbar Styling (for Webkit browsers) */
#navUL::-webkit-scrollbar {
    width: 8px;
}

#navUL::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

#navUL::-webkit-scrollbar-track {
    background: transparent;
}

#socialLinks i{font-size:1.3em;color:#AAA;padding:0 3px 10px 3px;}
#welcomeOut h1{margin-bottom:0;padding-bottom:0;}
#welcomeOut h3{text-transform:uppercase;font-size:1em;letter-spacing:.05em;padding-left:0.3em;}
#about{height:150px;padding-right:20px;box-sizing:border-box;}
#profileOut{background:#f7f7f7;padding:2em 0 0 0;margin-bottom:-50px;}
#topNav{padding:20px;text-align:center;background:#000;position:fixed;top:0;left:0;z-index:10000;width:100%;}
.aboutImage {
    margin-bottom:20px;
    width: min(40vw, 200px); /* Responsive but capped at 200px */
    height: min(40vw, 200px); /* Ensure height matches width */
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 10px 18px -16px rgba(0, 0, 0, 0.75);
    
    /* Fix for flex containers */
    flex-shrink: 0; /* Prevents shrinking */
    align-self: center; /* Ensures it aligns properly if flex parent is used */
}

.aboutImage > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#footer .aboutImage{width:100px;height:100px;}
#footer .aboutImage{
	margin-bottom:25px;
	width:100px;height:100px;
}
#leftGal,#rightGal{
	visibility:hidden;cursor:pointer;position: fixed;top: 0;height: 100%;padding: 0 20px;background: rgba(0,0,0,.5);z-index: 99999;color: #FFF;display: flex;justify-content: center;align-items: center;font-size: 2em;opacity: 0;
}
#leftGal{left: 0;}
#rightGal{right:0;}
body .featherlight{z-index:1000 !important;}
#mainContent.nine.columns{margin-left:0;width:78%;}
.outThumbs .thumbOut:nth-child(4n){margin-right:0;}
.outThumbs .thumbOut:nth-child(1n){margin-left:0;}
.outThumbs{text-align:center;}
.outThumbs .thumbOut {
			display:inline-block;
			margin: 4% 4% 0 2%;
			box-sizing: content-box;
			overflow: hidden;
			position: relative;
			background: none;
			width:22%;
			height:auto;
			padding-bottom:22%;
			transition:all .2s ease-in-out;
		}
		.thumbOut.hover{box-shadow:0 8px 10px -5px rgba(0,0,0,.5);transition:all .2s ease-in-out;}
		.thumbOut img{transform:rotate(0deg) scale(1);transition:all .4s ease-in-out;}		
		.thumbOut.hover img{transform:rotate(-1deg) scale(1.2);transition:all .4s ease-in-out;}
		.outThumbs .thumbOut img{
			position: absolute;
			min-width: 100%;
			min-height: 100%;
			max-width:unset;
			width: auto;
			height: auto;
		}
.thumbImgImg{opacity:0;}
		#loadingOverlay{position:fixed;width:100%;height:100%;background:#222;z-index: 10000;}
		.hidden{display:none;}
		.artInfoThumb{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;justify-content:center;text-align:center;align-items:center;opacity:0;display:flex !important;}
		.artInfoText{
			color: #aaa;
			text-decoration: none;
			font-size: .9em;
			text-transform: uppercase;
			font-weight:700;
			letter-spacing: .1em;
			padding: .5em 1em;
			max-width: 80%;
		}
		.artInfoText:hover{color:#aaa;text-decoration:none;}
body .featherlight .featherlight-content{max-width:80%;}
.galleryContainer{width:90%;margin:0 auto;}
.outThumbs .artInfoThumb{bottom:0 !important;}
.thumbs.row{text-align:center;}
.thumb{padding:0;display:inline-block;margin:0 20px 12px 0;}
.mainImageLoader{background:url(https://www.foundmyself.com/reach_host/loader-222.gif) no-repeat 50%;background-size:80px 80px;min-width:250px;min-height:250px;}
.mainImageOut{max-width: 650px;}
.mainImage{background:url(https://www.foundmyself.com/gallery/images/main-image-bg.png) no-repeat center bottom;padding-bottom:20px;}
.mainImageOut{margin-top:50px;}
.error,.success{letter-spacing:.1em;width:90%;-moz-box-shadow: 0 0 8px #CCC;-webkit-box-shadow: 0 0 8px #CCC;box-shadow: 0 0 8px #CCC;font-family:Helvetica,Arial,sans-serif;max-width:80%;margin:2em auto;line-height:1.5em;font-size:.9em;font-weight:normal;padding:10px 20px;text-align:center;position:relative;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.error{border:1px solid #C00;background:#FEE;color:#900;}
.success{border:1px solid #390;background:#F4FCED;}
@media(max-width:1300px){
	#heroFP{padding:100px 0;}
	.outThumbs .thumbOut:nth-child(4n){margin-right:2%;}
	.outThumbs .thumbOut:nth-child(3n){margin-right:0;}
	.outThumbs .thumbOut{width:30.333333%;padding-bottom:30.333333%;}
	#navLeft .aboutImage{width:150px;height:150px;}
	#footer .aboutImage{width:80px;height:80px;}
}
@media(max-width:985px){
	#contactForm i{font-size:70px;}
	body .featherlight .featherlight-content{max-width:70%;}
}
@media(max-width:835px){
	#heroFP{padding:50px 0;}
}
@media(max-width:750px){
	#navLeft .aboutImage{width:120px;height:120px;}
	.mainImageLoader{min-height:0;}
}
@media(max-width:560px){
	.outThumbs .thumbOut{width:80%;padding-bottom:80%;}
	#heroFP h1{display:none;}
	#nav i.icon-home{display: none;}
	#nav{text-align:center;font-size:.8em;}
	#nav li a{padding:20px 15px;}
}