/* 
body{
	font-family: "Open Sans";
	background:#eee;
}



.row{
	display: flex;	
	margin-bottom: 20px;
}
.flex-row{
	display: flex;justify-content: center;flex-wrap: wrap;width:100% ;
}
table {
	margin:auto;
	width:100%;
   border-collapse: collapse;
   border-spacing: 0;
   text-align: center;
	margin-bottom: 10px;
}
table td{
	border:1px solid #333;
	padding: 0px;
}
table td:nth-child(1){
	text-align: left;
}
table th{
	font-weight: bold;
}
select{
	transition:all ease 0.3s;
	background: #fff;
	transition: all ease 0.3s;
	border: none;
   box-sizing: border-box;
	text-align-last: center;	
}
select:hover{
	background: #eee;
}

input{
	transition:all ease 0.3s;
	text-align: center;
	background: #fff;
	
}
input:hover{
	background: #eee;
}
input:active{
	background: #eee;
}

label{
	
} */

body
{
  background-color:#ffffff;
  font-family: 'RobotoDraft', 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

*
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h5
{
  margin:0px;
  font-size:1.4em;
  font-weight:700;
}

p
{
  font-size:16px;
}

.bg-grey{
  background-color: #3b3738;
  color: white;
}
.bg-grey:hover{
  background-color: #3b3738;
  color: white;
  cursor: pointer;
}

.bg-grey:active{
  color: black;
  cursor: pointer;
}

.title_header{
  background-color: #3b3738;
  /* border: 2px solid #1e1b1c; */
  color: white;
  /* box-shadow:  15px 15px 15px #1e1b1c, -15px -15px 27px #ffffff; */
  box-shadow: 10px 10px 15px #777;
}

.property-card p{
	font-size: 12px;
}
.property-card h5{
	font-size: 17px;
}

.property-card
{
  height:22em;
  width:14em;
  margin-top: 40px;
  margin-bottom: 40px;
  /* margin:0px 20px 0px 20px; */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  /* position:relative; */
  /* position: absolute !important; */
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius:16px;
  overflow:hidden;
  -webkit-box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
  box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
}
/* ^-- The margin bottom is necessary for the drop shadow otherwise it gets clipped in certain cases. */

/* Top Half of card, image. */

.property-image
{
  height:10em;
  width:14em;
  padding:1em 2em;
  /* position:absolute; */
  top:0px;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* background-image:url('https://cdn.photographylife.com/wp-content/uploads/2017/01/What-is-landscape-photography.jpg'); */
  background-size:cover;
  background-repeat:no-repeat;
}

#pdf_card_div .property-card
{
  height:22em;
  width:18em;
  margin-top: 35px;
  margin-bottom: 35px;
}
#pdf_card_div .property-image
{
  height:13em;
  width:18em;
  padding:0px;
}
#pdf_card_div .property-card p{
	font-size: 16px;
}
#pdf_card_div .property-card h5{
	font-size: 22px;
}
#pdf_card_div .property-card:hover .property-description
{
  height:9em;
  padding:0px;
}
#pdf_card_div .property-description
{
  height:9em;
  width:18em;
  padding:0px;
}
#pdf_card_div .property-card:hover .property-description p
{
  display: block;
}
#pdf_card_div .property-description p
{
  margin: 1px !important;
}
#pdf_card_div .property-image img
{
  width: 100%;
}
/* Bottom Card Section */

.property-description
{
  /* background-color: #FAFAFC; */
  background-color: #ffffff;
  height:12em;
  width:14em;
  /* position:absolute; */
  bottom:0em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0.5em 1em;
  text-align:center;
}

.property-description p
{
  margin: 0px;
  padding: 0px;
}


/* Social Icons */

.property-social-icons
{
  width:50%;
  /* height:2em; */
  background-color:black;
  /* position:absolute; */
  margin-bottom:5px;
  color: #ffffff;
  margin-left:25%;
  border-radius: 16px;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.property-social-icons button
{
	/* height: 30px; */
  color: #ffffff;
}


/* Property Cards Hover States */

.property-card:hover .property-description
{
  /* display: none; */
  height:0em;
  padding:0px 1em;
}

.property-card:hover .property-description p
{
  display: none;
}
.property-card:hover .property-image
{
  height:16em;
}

#render_plant_data-1_plant_list-9 .property-image{
  background-position: center;
  background-position-y: top;
  background-size: 110%;
}

#render_plant_data-1_plant_list-9 .property-image:hover{
  background-position: center;
  background-size: cover;
}

.property-card:hover .property-social-icons
{
  /* width:50%; */
  /* background-color:black; */
  /* position:absolute; */
  /* top: ; */
  margin-top: 53px;
  /* margin-bottom: 5px; */
  left:25%;
  /* background-color:white; */
  color: #000;
}

.property-card:hover .property-social-icons button:hover
{
  /* background-color:#000; */
  color: #ffffff;
  cursor:pointer;
}

#title_div .row{
  height: 230px;
  background-color: #3b3738;
  /* border-radius: 16px; */
  color: white; 
  box-shadow: 10px 10px 15px #777;
  /* box-shadow:  15px 15px 27px #1e1b1c, -15px -15px 27px #ffffff; */
}

/* Optional

.property-image-title
{
text-align:center;
position:Relative;
top:30%;
opacity:0;
transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
color:black;
font-size:1.2em;
}

.property-card:hover .property-image-title
{
opacity:1;
}

*/

nav{
	position: absolute;
	/* top: 10%; */
	left: 50%;
	width: 85%;
	text-align: center;
	/* overflow-x: scroll; */
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
	
nav::after {
		content:"";
		display:table;
		clear:both;
	}
	

ul li{
			list-style: none;
			display: inline-block;
			margin-top: 2px;
			/* overflow: ; */
}

li a{
				display: block;
				padding: 10px 25px 10px 15px;
        text-decoration: none;
        border: 2px solid white;
        color: white;
				font-size: 18px;
				position: relative;
				color: fade(white, 80%);
				transform: translateX(-4%);
				border-radius: 16px;
				width: 120%;
				text-align: center;
				transition-duration: 0.25s;
}
li a:hover{
					color: white;
					text-decoration: none;
				}
			
li a:hover.active{
					color: white;
					text-decoration: none;
      }
			
li:nth-child(odd) a{
					/* background-color: #002910; */
					background-color: #3b3738;
			}	
li:nth-child(even) a{
					background-color: #1e1b1c;
			}
			

	
	.dot{
		background-color: red;
		width: 6px;
		height: 6px;
		position: absolute;
		bottom: -20px;
		left: 0;
		border-radius: 50%;
		transition-duration: 0.5s;
	}


@media screen and (max-width: 1000px) {
	
	
}