<style>
		.Slide {
		   display: none;
		}
		.Slide img {
		   vertical-align: middle;
		   width: 100%;
		   height: 400px;
		   object-fit:contain;
		}
		.slideContainer {
		  // max-width: 600px;
		   position: relative;
		   margin: auto;
		}
		.prevBtn,
		.nextBtn {
		   position: absolute;
		   top: 45%;
		   width: auto;
		   padding: 10px;
		   background-color: rgb(0, 0, 0);opacity:0.6; 
		   color: white;
		   font-weight: bolder;
		   font-size: 18px;
		   cursor: pointer;
		}
		.nextBtn {
		   right: 0;
		}
		.Caption {
		   color: white;
		   font-size: 16px;
		   position: absolute;
		   bottom: 8px;
		   width: 100%;
		   text-align: center;
		   background-color: rgb(0, 0, 0);opacity:0.6; 
		}
		.Navdot {
		   cursor: pointer;
		   height: 15px;
		   width: 15px;
		   margin: 5px;
		   background-color: #bbb;
		   border-radius: 50%;
		   display: inline-block;
		   transition: background-color 0.6s ease;
		}
		.selected,
		.Navdot:hover {
		   background-color: rgb(0,0,0);
		}
		@media only screen and (max-width: 450px) {
		   .prevBtn,
		   .nextBtn,
		   .Caption {
			  font-size: 16px;
		   }
		}

		/*Accordian Style*/
		.accordionA {
			background-color: #eee;
			color: #444;
			cursor: pointer;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			transition: 0.4s;
			padding:15px 15px 15px 15px;
		}

		.accordionA:hover {
			background-color: #ddd; 
			
		}

		.activeA {
			background-color:  #ccc;
		}

		.accordionA:after {
			content: "\002B";
			/*color: #777;*/
			font-size:20px;
			font-weight: bold;
			float: right;
			margin-left: 5px;
		}

		.activeA:after {
			content: "\2212";
			font-weight: bold;
		}

		.panelA {
			background-color: white;
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.2s ease-out;
		}
		#inline{width:100%;height:auto;display:flex;} 
		.one,.two{width:50%;height:100px;margin:10px;} 
		
		
		#divimg {
			position: relative;
			float: right;
		}
		
		
		/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  align:center;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 60%;
  max-width: 500px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 60%;
  max-width: 500px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  height: 150px;
  z-index:10001;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 500px){
  .modal-content {
    width: 100%;
  }
}
	</style>{"id":25,"date":"2022-06-14T17:55:48","date_gmt":"2022-06-14T17:55:48","guid":{"rendered":"https:\/\/cnhp.colostate.edu\/rareplant\/?page_id=25"},"modified":"2022-07-08T15:44:45","modified_gmt":"2022-07-08T15:44:45","slug":"details","status":"publish","type":"page","link":"https:\/\/cnhp.colostate.edu\/rareplant\/details\/","title":{"rendered":"Rare Plant Details"},"content":{"rendered":"\n\n\t<br>The plant you are looking for is not available. Please visit the <a target=\"_blank\" href=\"\/rareplant\/master-list\/?group=11\">Rare Plant List page<\/a>. <br>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-25","1":"page","2":"type-page","3":"status-publish","5":"entry","6":"override"},"_links":{"self":[{"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/cnhp.colostate.edu\/rareplant\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}