/*
Theme Name: Real Estate
Author: Dexter & Jarvis
Author URI: www.gridmni.com
Description: This is a modern theme for a real estabe website.
Version: 0.1
*/
/*
Write Styles in sass and compile to css
*/
/*
	Inlude Sass Variables
	-- variables.scss
*/
/*
	Inluded Sass Variables
	-- variables.scss
	Write in standard scss and compile to css
*/
/*------ Main Colors ------*/
/*------ Main Fonts ------*/
/*------ Mixins ------*/
/*
	Inlude Sass Header
	-- variables.scss
*/
/*
	Inluded Sass Header
	-- header.scss
	Write in standard scss and compile to css
*/
/*
Write Styles in sass and compile to css
*/



/*------ Custom-nav ------*/
#custom-nav {
  background-color: white;
  padding: 20px;
  margin-bottom: 0; }
  #custom-nav a {
    font-family: "Roboto", sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    color: #1f2b39;
    padding-left: 15px; }
    #custom-nav a:hover {
      color: #00d162;
      transition: .5s ease all; }

/*
	Inlude Sass Footer
	-- footer.scss
*/
/*
	Inluded Sass Footer
	-- footer.scss
	Write in standard scss and compile to css
*/
/*
Write Styles in sass and compile to css
*/
#footer {
  text-align: center;

  }
  #footer p {
    color: #98aeb9;
    margin: 0;
    font-weight: 500;
    font-size: 1.2em; 

    position: relative;
    top: -50px;}

/*
	Main Styles
*/
body h1, body h2, body h3, body h4, body h5 {
  font-family: "Roboto", sans-serif;
  color: #1f2b39;
  font-size: 2.5em;
  font-weight: 300; }
body p {
  font-family: "Hind", sans-serif;
  color: #98aeb9;
  font-size: 1.5em; }

/*
	No-Padding
*/
.no-padding {
  padding: 0; }

/*------ hero ------*/
.hero {
  position: relative;
  width: 100%;
  height: 500px; }
  .hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 500px; }
  .hero .container {
    content: '';
    height: 500px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    vertical-align: middle; }
  .hero h1 {
    color: white;
    font-weight: 400; 
  }


/*------ main-hero ------*/
#main-hero {
  background-image: linear-gradient(151.05deg, #02ccba 0%, #A951ED 100%) !important;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover; }

/*------ main-post ------*/
#main-post .left-content {
  height: 400px;
  content: '';
  display: -webkit-flex;
  display: flex;
  align-items: center;
  vertical-align: middle;
  padding-right: 20px; 
  margin-top: -40px;
}
#main-post .left-content p {
  margin-top: 15px; }
#main-post .right-content .image-container {
  height: 400px;
  width: 100%;
  /background-image:url('<?php echo get_template_directory_uri(); ?>/img/cassava.jpg') no-repeat center left;
}


/*------ additional-post ------*/
#additional-post .container .left-content {
  padding-right: 50px;
  height: 500px;
  content: '';
  display: -webkit-flex;
  display: flex;
  align-items: center;
  vertical-align: middle; }
  #additional-post .container .left-content p {
    margin-top: 35px; }
#additional-post .container .side-image {
  height: 200px;
  width: 200px;
  background-image: linear-gradient(151.05deg, #02ccba 0%, #A951ED 100%) !important; }
#additional-post .container .image01 {
  float: right;
  margin-top: 50px; }

/*------ section ------*/
.section {
  margin: 100px 0; }

.final-section {
  margin: 100px 0px 0px 0px; }

/*------ learn-about ------*/
#learn-about, .call-action {
  height: 400px;
  width: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-image: linear-gradient(151.05deg, #02ccba 0%, #A951ED 100%) !important; }
  #learn-about::before, .call-action::before {
    content: '';
    height: 400px;
    width: 100%;
    position: absolute; }
  #learn-about .text-container, .call-action .text-container {
    position: absolute;
    width: 100%;
    height: 400px;
    color: white;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center; }
    #learn-about .text-container h1, .call-action .text-container h1, #learn-about .text-container p {
      color: white; }
    #learn-about .text-container a, .call-action .text-container a {
      color: white;
      font-weight: 600;
      font-size: 1.5em;
      margin-top: 10px;
      transition: .5s ease all; }
      #learn-about .text-container a:hover, .call-action .text-container a:hover {
        color: #00d162;
        text-decoration: none; }

/*------ btn-main ------*/
.btn-main {
  background-color: #00d162;
  padding: 15px 30px;
  border-radius: 10px;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: 500;
  transition: .5s ease all; }
  .btn-main:hover {
    background-color: #98aeb9;
    color: white; }

/*------ property-list ------*/
#property-list {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-align: center; }
  #property-list .content-wrapper {
    margin-top: 100px; }

/*------ page-content ------*/
#page-content .property-content {
  margin-top: -50px; }
  #page-content .property-content p {
    line-height: 2; }

/*------ about-page ------*/
.about-image {
  height: 500px;
  width: 100%;
  background-image: linear-gradient(151.05deg, #02ccba 0%, #A951ED 100%) !important;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  position: relative; }
  .about-image::before {
    content: '';
    position: absolute;
    height: 500px;
    width: 100%; }

#services ul li {
  list-style: none;
  padding-bottom: 10px;
  font-size: 1.5em;
  font-weight: 400;
  color: #98aeb9; }

/*------ contact-page ------*/
#page-content .container .company-address h2 {
  font-size: 1.4em;
  color: #98aeb9;
  font-weight: 400; }
#page-content .contact-map #map {
  height: 600px;
  width: 100%; }

/* Single Property Listing  */
article {
  min-height: 430px;
  background-color: #ffffff;
  box-shadow: -1px 1px 20px 7px rgba(6, 21, 33, 0.04), 0 0 2px 0 rgba(16, 25, 32, 0.03);
  border-radius: 6px;
  transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; }
  article:hover {
    box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
    transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
    transition-delay: .1s;
    cursor: pointer; }
  article .media {
    width: -webkit-fill-available;
    width: -moz-fill-available;
    width: -o-fill-available;
    height: 160px;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 40px;
    position: relative; }
  article .entry-wrapper {
    padding: 0 32px; }
    article .entry-wrapper .entry-header h1 {
      color: #00d162;
      font-weight: 400;
      font-size: 20px; }
    article .entry-wrapper .entry-header a:hover {
      text-decoration: none; }
      article .entry-wrapper .entry-header a:hover h2 {
        color: #31995b; }
    article .entry-wrapper .entry-header h2 {
      font-weight: 500;
      margin-bottom: 14px;
      font-size: 20px; }
    article .entry-wrapper .entry-content p {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 31px;
      text-align: left;
      color: #98aeb9;
      min-height: 80px; }
    article .entry-wrapper .entry-content a {
      color: #00d162;
      text-decoration: none;
      transition: .3s ease all;
      font-size: 17px; }
      article .entry-wrapper .entry-content a:hover {
        color: #31995b; }
    article .entry-wrapper .entry-content h5 {
      font-size: 18px;
      color: #00d162;
      font-weight: 400; }
    article .entry-wrapper .entry-content p {
      color: #1f2b39; }