/*	dark brown:
	#3c2415;

	mid brown: 
	#603913;

	lite brown: 
	#d3b297;

	yellow:
	#ffde17;

*/
*{
	font-family: 'Open Sans', sans-serif;
}

html, body{
	padding:0;
	margin:0;
	background:white;
}

a {text-decoration: none;}


#card-store-container{
	width:calc(98%);
	font-family: "Quicksand", serif;
	margin:auto;
	margin-top:5px;
	margin-bottom:-5px;
	border-radius:2px;
	overflow:hidden;
	white-space: nowrap;
	padding:5px 0;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	background: #ffde17;
	color: #3c2415;
}

#card-store-container:hover{
	color:#603913;
	transition: 0.1s;
}

.card-heart, .card-heart-extra{
	height:25px;
	vertical-align: middle;
	margin-bottom: 5px;
	margin-left:10px;
	margin-right:10px;
}

#main-section{
	margin-top:20px;
	margin-bottom:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
/*	background:green;*/
}


#branding-message{
	width:100%;
	text-align:center;
}


#branding-headline{
	font-size:28px;
	font-weight: 600;
	font-family: "Merriweather", serif;
	letter-spacing: .2rem;
	color:white;
	margin:0;
}	


#branding-content{
	margin:auto;
	max-width:725px !important;
	padding:0px 20px;
	text-align: justify;
	text-align-last: center;
	margin-top:0px;
	color:white;
	font-size:16px;
	font-family: 'Quicksand', sans-serif;
}


#branding-location-icon{
	height:24px;
	margin-bottom:-1px;
}


#branding-container{
	background: #603913;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:55px;
	margin-bottom:25px;
}


#branding-img{
	height:120px;
	margin-top:20px;
}


#artists-container{	
	max-width:750px !important;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	overflow: hidden;
}


.artist-item{
	border:2px #3c2415 solid;
	position:relative;
	display: inline-block;
	height: 100px;
	width: 100px;
	margin:-1px;
}


.artist-background-img{
	width:100px;
	opacity:0.4;
	object-fit: cover; 
	height:100px;
}


.artist-hover-tile :hover{
	display:block;
}


.artist-hover-tile{
	position:absolute;
	top:0;
	height:100px;
	width:100px;
	opacity:0;
	display:flex;
	justify-content: center;
	align-items: center;   
	font-weight: bold;
	color:#3c2415;
	cursor: default;
}



.artist-hover-tile:hover{
	opacity:1;
	background:#ffffff66;
}

#email-help{
	text-decoration: none;
	color:white;

}

#bullet-row{
	overflow:hidden;
	white-space: nowrap;
}

.mountain-bullet, .mountain-bullet-hide{
	width:15px;
	margin:20px 35px;
}

.mountain-bullet-2{
	width:20px;
	margin:20px 35px;
}


#work-with-us{
	margin-top:0px;
	color:white;
	font-style: italic;
	font-size:12.5px;
	width:100%;
	clear:both;
}


#write-review{
	color:#603913;
	background:		#3c2415;
	background:	#ffde17;
	padding:0 10px;
	border-radius: 2px;
	display:inline-block;
	text-transform: uppercase;
	font-size:14px;
/*	float:right;*/
font-weight: bold;
margin-left:0px;
margin-top:25px;
z-index: 30;
}


#write-review:hover{
	opacity: 0.8;
}


#pen{
	height:11px;
	margin-right:5px;
}


#review-heading{
	color:	white;
	background:		#3c2415;
	padding:0 10px;
	border-radius: 2px;
	display:inline-block;
	text-transform: uppercase;
	font-size:14px;
	font-weight: bold;
	margin-left:0px;
	margin-top:25px;
	z-index: 30;
}

.review-info{
	margin-top: 10px;
	background: #ffde17;
	border-radius: 2px;
	padding:0px 6px;
	padding-bottom:3px;
	width:auto !important;
	display:inline-block !important;
	float:right;
}

.review-name{
	display: inline !important;
	width:auto !important;
	font-size: 10px;
	font-weight: bold;
}

.review-location{
	font-size: 10px;
	display: inline !important;
	width:auto !important;
}

#reviews-container {
	margin-bottom: 50px;
	column-count: 3;
	column-gap: 10px;
}

.review-item {
	display: inline-block;
	width: calc(100% - 20px);
	background: white;
	border:1px #603913 solid;	box-shadow: 1px 1px 2px #666;
	padding:10px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: 'Quicksand', sans-serif;
	color: #603913;
	font-size:15px;
	border-radius: 3px;
}

.review-item div {
	display:block;
	width: 100%;
}

#horizontal-scroll-container{
	margin:auto;
	width:98%;
	overflow:auto;
	white-space:nowrap;
	padding:0px;
	margin-bottom:60px;
	margin-top:15px;
}

.scroll-img{
	height:300px;
	border-radius:3px;
	opacity:0.9;
}

.scroll-img:hover{
	opacity:0.95;
}

.sub-heading{
	font-size: 18px;
	font-weight: bold;
}

#build-your-own-button{

	margin-right: 3px;
}

#category-container{
	width:100%;
}

#left-sample-container{
	position:relative;
	width:40%;
	padding:20px;
	padding-left:50px;
	margin:auto;
}

#left-sample-image{
	width:100%;
	text-align:left;
}

#left-sample-text-overlay{
	top:10px;
	position:absolute;
	background:#efefef;
	opacity: 0.9;
	color:#444;
	font-size:14px;
	padding-left:5px;
	padding-right:15px;
}

#tagline-container{
	margin-top:0px;
	margin-bottom:0px;
	text-align: center;
	/*color:	#603913;*/
	color:#603913;
	line-height:1.8;
}

.tagline-text{
	margin-top:0px;
	margin-bottom:0px;
	font-size:31px;
	line-height:45px;
	font-family: 'Kalam', cursive;
	font-weight: 400;
	letter-spacing: normal;
}

#right-sample-img{
	width:100%;
}

#right-sample-container{
	background-color: #ffde17;
	padding:5px;
}

#right-sample-text-overlay{

}

/* LEFT SAMPLE */
#left-sample-title{
	font-size: 20px;
	text-transform: uppercase;
}

#bottom-description{
	max-width:750px !important;
	width:100%;
	text-align: center;
	color:#603913;
	padding:30px;
	font-family: 'Kalam', cursive;
	line-height:42px;
	font-size:24px;
	margin-top:30px;
	font-weight: 400;
}

#see-all-container{
	margin-top:20px;
	text-decoration: none;
	text-align:center;
	margin-bottom:60px;
}

/*#see-all-button{
	height:auto;
	font-size:16px;
	box-shadow: 1px 1px 2px #666;
	border:2px #603913 solid;
	background:	#ffde17;
	color: #603913;
	padding:1px 10px;
	font-family: 'Open Sans', sans-serif;
}*/


@media (max-width: 650px) {

	*{
		user-select: none;
	}

	.card-heart-extra{
		display:none;
	}

	.card-heart{
		margin-bottom: 2px;
		margin-left:5px;
		margin-right:5px;
	}

	#card-store-container{
		font-size: 17px;
		margin-top:10px;

	}

	#reviews-container {
		margin-bottom: 50px;
		column-count: 2;
	}

	#horizontal-scroll-container{
		margin-bottom:25px;
		width:94%;
	}

	.scroll-img{
		height:250px;
		border-radius:4px;
	}

	.tagline-text{
		font-size:26px;
		margin-left:5px;
		margin-right:5px;
		line-height: 42px;
	}

	#build-your-own-button{
/*		display:block !important;*/
margin-left:auto;
margin-right:auto;
margin-top:15px;
clear:both;
padding:2px 10px;
font-size:16px;
margin-bottom:-10px;
}

#tagline-container{
	padding-left:10px;
	padding-right:10px;
}

#left-sample-container{
	margin-top:20px;
	width:75%;
	padding:0px;
}

#left-sample-image{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#branding-headline{
	margin-left:10px;
	margin-right:10px;
	font-size:30px;
	font-weight: 600;
	font-family: "Merriweather", serif;
	letter-spacing: .2rem;
	color:white;
}	


#branding-location-icon{
	height:20px;
}


.mountain-bullet{
	width:15px;
	margin:20px;
}

.mountain-bullet-2{
	width:20px;
	margin:20px;
}

.mountain-bullet-hide{
	display:none;
}

#branding-container{
	margin-top:45px;
}

#branding-content{
	text-align: center;
	text-align-last: center;
	padding:0 10px;
}

#work-with-us{
	padding:0 10px;
	width:auto;
}

#artists-container{
	margin-top:10px;
}

}