/*
Theme Name: Sumba Beach Preoperty Theme
Author: Aiden Cole
Author URI: https://aidencole.com.au
Description: A Custom theme for Sumba Beach Preoperty by Aiden Cole

*/

.light-grey-color{
    color: #DCDCDE;
}

.light-grey-background{
    background: #DCDCDE;
}

.dark-grey-color{
    color: #5a6b64;
}

.dark-grey-background{
    background: #5a6b64;
}

.dark-green-color {
    color: #203e1a;
}

.dark-green-background {
    background: #203e1a;
}

.light-blue-color {
    color: #67BBF5;
}

.light-blue-background {
    background: #67BBF5;
}

.dark-blue-color {
    color: #2D85B2;
}

.dark-blue-background {
    background: #2D85B2;
}


body{
    background: #fff;
  }
  .box {
    transition: box-shadow .3s;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    margin-bottom: 25px;
    
  }
  .box:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
  }

  .box h3 {
    font-size: 1.15rem;
    margin: 20px;
    font-weight: 600;
  }
  
  .box h3:hover {
    color: #25698C;
  }

    .box p{
        margin: 20px; 
    }
    
  
  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;

}

.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}


.badge {
    background: #203e1a;
    color: white;
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 99;
    color: #DCDCDE;
  }
  
  .badge a {
    color: #DCDCDE;
  }
  
  .badge:hover {
    background: #5a6b64;
    color: black;
  }

  
  .hide {
    display:none;
   }
   
   .appear {
    display:block;
   }