#eventcategories{

    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid red; */
    text-align: center;
    font-size: 2em;

}

#eventcategory{
	width: 45%;
	/*
    float: left;
    */
    
    margin-left:auto;
    margin-right:auto;
    padding: 10px;
    /* border: 1px solid #cccccc; */
    text-align: center;
    	
}



#catspan{
	padding: 10px;
    border: 1px solid;
    width: 125px;
    margin: 5px;
 	text-transform: uppercase;
    white-space: nowrap;
    display: inline-table;
}
#catsdiv{
border: 0px solid;
    width: 100%;
    text-align: center;
}


#placecathead{
width:95%;
background:#f1f1f1;
color:#aaaaaa;

    letter-spacing: 0.4em;

    font-size: 1.2em;
padding:10px;
}

#placetextbio {
padding:10px;
text-align:left;
    font-size: 1.1em;
    line-height: 1.3em;
}

#placeimagebio{
width: 100%;
max-width: 400px;
float: left;
padding:10px;
margin:10px 10px 150px 10px;
}

#placenamebio{
font-size:1.8em;
line-height:1.0em;
}

#placetitlebio{
	text-transform: uppercase;
font-size:2.0em;
line-height:1.2em;
}
#placeblockbio{
padding:0px;
margin:10px;
font-size:1.2em;
line-height: 1.3em;
}



#placeblock{
padding:0px;
margin:10px;
    background: rgba(170, 154, 135, .25);

}


 
#placeimage{
width:100%;
margin-bottom:15px;
}



#placetitle{
font-size:1.1em;
text-transform: uppercase;

}



/*
.fade-out {
  position: relative;
  max-height: 350px; // change the height
}
.fade-out:after {
  content: ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100% );
  
}
*/



#placetext {
	padding:10px;
text-align:center;
    height: 100px;
    overflow: hidden;
}

#placetextbody {
padding:10px 10px 20px 0px;
font-size:0.8em;
}



#placeemail {
padding:10px;
border:0px solid brown;
background: rgba(170, 154, 135, 0);
text-align:left;
}

#placemore {
padding:10px;
border:0px solid brown;
background: rgba(170, 154, 135, 0);
text-align:center;
position: absolute;
bottom: 0px;
}

a#placemorelink {	
text-decoration:none;
}



.allimagesbottom{
border:5px solid;
display:none;
}

#allbuttonsbottom{
border:5px solid;
display:none;
}


@media only screen and (max-width: 700px){

.moreoutfitter {
    display:none;
}

}

@media only screen and (max-width: 600px){

#eventcategory {
    width: 100%;
}



#placeimagebio {
    width: 100%;
    float: left;
    padding: 0px;
	margin:10px 10px 10px 10px;
	
}


.allimages{
border:5px solid;
display:none;
}

.allimagesbottom{
border:5px solid;
display:block;
}

#allbuttonsbottom{
border:5px solid;
display:block;
}


}

/*products*/

.album2{
  width:100%;
  padding: 10px; 
  float:left
}

.album2 .imageSingle2 {
  float: left; 
  margin: 5px; 
  width:95%; 
  text-align:center; 
  border:solid 1px #333
}

#directoryitem {
    width: 30%;
	min-width:300px;
    float: left;
    border: 1px solid #cccccc;
    display: table;
    margin: 10px;
    padding: 5px;
}

#directoryimage {
	overflow: hidden;
    border: solid 0px #333;
    height: 280px;
    margin-bottom: 20px;
}

#directoryimg {
	overflow: hidden;
  	height: 280px;
    margin-bottom: 20px;
}

#description {
border:solid 0px #333;

text-align:center;
padding:5px;
}

.pad10{
    padding: 10px;

}

.pad10left{
    padding: 10px;

}

.pad10right{
    padding: 10px;
}


/*
.pad10left{
    padding: 10px;
float:left;
min-width:400px

}

.pad10right{
    padding: 10px;
float:left;
min-width:400px
}
*/

.pad10top{
padding: 10px;
height:295px;
position: relative;
    text-align: center;
}

#moreinfo{
float:left;
width: 100%;
}

#buybutton{
float:left;
background:#7b9c99;
color:#ffffff;
width: 100%;
}

#soonbutton{
float:left;
background:blue;
color:#ffffff;
width: 100%;
}

#soldbutton{
float:left;
background:red;
color:#ffffff;
width: 100%;
}



#description2{
float:left;
width: 100%;
max-width: 310px;
}


#crumb{
float:left;
margin-left:10px;
display: contents;
font-size:0.7em;
}

#headdescription{
background:#dddddd;
display:block;
padding: 5px;
}


 .pink{
  background:pink;
  }  
  
  .green{
  background:#99FFCC;
  }  
 




#topleftlogo{
float:left;
}


#topleftlocation {
    background: #ffffff;
    margin: 11px;
    width: 191px;
    border: 0px solid;
    font-size: 1.4em;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

#locationtype {
    background: #376736;
    color: white;
    font-size: 0.6em;
    padding: 5px;
    width: 64px;
    margin: 4px auto;     /* auto margins center it */
    text-align: center;
    border-radius: 5px;
    display: inline-block; /* inline-block so they center properly */
}


/*-----------------*/

#eventcategories{

    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid red; */
    text-align: center;
    font-size: 2em;

}

#eventcategory{
	width: 45%;
	/*
    float: left;
    */
    
    margin-left:auto;
    margin-right:auto;
    padding: 10px;
    /* border: 1px solid #cccccc; */
    text-align: center;
    	
}



#catspan{
	padding: 10px;
    border: 1px solid;
    width: 125px;
    margin: 5px;
 	text-transform: uppercase;
    white-space: nowrap;
    display: inline-table;
}
#catsdiv{
border: 0px solid;
    width: 100%;
    text-align: center;
}

#placecathead{
width:95%;
background:#f1f1f1;
color:#aaaaaa;

    letter-spacing: 0.4em;

    font-size: 1.2em;
padding:10px;
}


.placecathead{
width:95%;
background:#f1f1f1;
color:#aaaaaa;

    letter-spacing: 0.4em;

    font-size: 1.2em;
padding:10px;
}

#placetextbio {
padding:10px;
text-align:left;
    font-size: 1.1em;
    line-height: 1.3em;
}

#placeimagebio{
width: 100%;
max-width: 400px;
float: left;
padding:10px;
margin:10px 10px 150px 10px;
}

#placenamebio{
		/*
	text-transform: uppercase;
	*/
font-size:1.8em;
line-height:1.0em;
}
#placetitlebio{
	text-transform: uppercase;
font-size:2.0em;
line-height:1.2em;
}
#placeblockbio{
padding:0px;
margin:10px;
font-size:1.2em;
line-height: 1.3em;
}



#placeblock{
padding:0px;
margin:10px;
    background: rgba(170, 154, 135, .25);

}


 
#placeimage{
width:100%;
margin-bottom:15px;
}


#placename{
font-size:1.3em;
}

#placetitle{
font-size:1.1em;
text-transform: uppercase;

}



/*
.fade-out {
  position: relative;
  max-height: 350px; // change the height
}
.fade-out:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100% );
  
}
*/



#placetext {
	padding:10px;
text-align:center;
    height: 100px;
    overflow: hidden;
}

#placetextbody {
padding:10px 10px 20px 0px;
font-size:0.8em;
}



#placeemail {
padding:10px;
border:0px solid brown;
background: rgba(170, 154, 135, 0);
text-align:left;
}

#placemore {
padding:10px;
border:0px solid brown;
background: rgba(170, 154, 135, 0);
text-align:center;
position: absolute;
bottom: 0px;
}

a#placemorelink {	
text-decoration:none;
}




@media only screen and (max-width: 600px){

#eventcategory {
    width: 100%;
}



 


a.btnlabel {
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 display: inline-block;
        margin-top: 5px;
    padding: 3px 6px 3px 6px;
    border: 0px solid #333;
    text-decoration: none;
    color: #fff;
    background: #333;
}



a.btn {
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
        margin-top: 5px;
    padding: 3px 6px 3px 6px;
    border: 0px solid #333;
    text-decoration: none;
    color: #fff;
    background: red;
}

a.btn:hover {
    background: silver;
}


.pad10top{
height:auto;
}


}