/* ------------------------------------ *
 CSS
 jamfitz_blog_styles  <add this to put my header/footer into serendipty template>
 Sunday, August 13, 2023 5:29:57 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */
div.forsale_info{
/*    border:solid black 1px; */
    display:table;
    padding:5px; 
    width:100%;
    margin:5px 0; /* you can change/remove margin */
}
div.forsale_text{
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
div.forsale_info .forsale_img{
    vertical-align:middle;
    display:table-cell;
    padding-right:5px;
    width:200px; /* you can change width */
}
div.forsale_img img{
    width:100%;
    height:160px; /* you can change height */
    vertical-align:middle;
}
div.forsale_info_port{
/*    border:solid black 1px; */
    display:table;
    padding:5px; 
    width:100%;
    margin:5px 0; /* you can change/remove margin */
}
div.forsale_img_port img{
/*    border:solid black 1px; */
/*    padding:10px;   */
    width:60%;
    height:60%; /* you can change height */
    vertical-align:middle;
}

.jjf_button {
  background-color: #2d2d2d; /* square color */
  border: none;
  color: white;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 0px 0px 2px 2px rgb(0,0,0);
}

.jjf_button:hover {
      background-color:#463939;
      transition: 0.7s;
  }

 .jjf_button:focus {
    outline-color: transparent;
    outline-style:solid;
    box-shadow: 0 0 4px 4px #5a01a7;
}
.button:active {
    background-color: #ffbf00;
}