/*
Theme Name: Aron Real Estate
Theme Author: Luminopolis
*/


body { font-family: 'Inter', sans-serif !important; font-weight:300!important; color: #777 !important; margin-bottom: 60px; /* Margin bottom by footer height */
 }

html { position: relative; min-height: 100%; padding-bottom:70px; }
h1, h2, h3, h4, h5, h6 { color: #007642!important; font-weight: 400!important; }

/* LINKS */
a:link, a:visited, a:active, a:hover { color: #007642 !important; }
.footer a, .footer a:visited, .footer a:active, .footer a:hover,
.header a, .header a:visited, .header a:active, .header a:hover { color: #fff !important; text-decoration: none !important; }
a.view-all-link:hover{ text-decoration: none!important; }

nav.navbar { background-color: #007642!important; }
nav.navbar li{ padding-right: 10px !important; }
nav.navbar a { color: #fff !important; font-size: 1.4em; padding: 5px; }

nav.navbar li.current_page_item a,nav.navbar li.current-page-ancestor a { background: #fff!important; color: #007642!important; font-weight:400; }
    


.header { background-color: #007642; padding:25px 0; }
.header-logo { padding-top:17px; }

.content { padding-bottom: 115px; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #007642 !important;
  color:#FFF;
  /*padding: 15px 0 30px;*/ text-align: center;
}

.jumbotron {
      color: #555;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 220px;
      background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 100%), url('<?php echo get_template_directory_uri(); ?>/images/<?php echo $items[array_rand($items)]; ?>')
    }
    .jumbotron-fluid{ padding-left:0!important; padding-right:0!important; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* image hover */
.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
    position:relative;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}
  


/* HOME */
.homepage-text { background-color:#CFE2DA; line-height: 1.3em; font-size:20px; }
/* carousel */

  #moreinfo { color: #007642; margin:25px 0 25px 30px; font-weight:300; text-transform: uppercase;}

/* CONTACT */
  div.contactform, div.contactinfo { float: left; width: 420px; min-height: 400px; margin-top: 10px; }
  div.contactform { margin: 0 35px 0 0;  }
  div.contactform h1 { margin: 0 0 10px 0; display: block; overflow: hidden; text-indent: -9999px; width: 420px; height: 30px; background: url(images/CONTACT-how-can-we-help-you.png) top left no-repeat; }

  .parent-page { text-align: center; width:32%; float:left; }


/* LISTINGS */
  .listings { margin-bottom: 118px; }

  .listing { margin-top: 2.2rem; }
  .listing ul {  }
  .listing ul li { list-style-type: none; color:#777; }

  .listing-actions { margin-bottom: 25px; }
  .listing-actions a { font-size: 1.1em; color: #888!important; font-weight:300!important; margin-right: 8px; }
  .listing-actions a:hover { text-decoration: none !important; }
  .view-all-link { color:#888!important; text-transform: uppercase; }
  .listing-images { margin-top:55px; }

/* LISTING SINGLE */
  .entry-title { padding: 15px 0; }
  h4.heading { padding-bottom: 18px; }

/* CONTACT */
  .page-contact ul { padding-left: 0px; }
  .page-contact ul li { list-style-type: none }
  #mc-embedded-subscribe { background-color: #007642; color: #fff; }

/* GOOGLE MAPS SUPPORT */
  .entry-content .map div { margin: 0; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 300px) {  
 /*#menu-navigation { padding-top:10px; }*/
  #menu-navigation li.nav-item a { padding-left: 5px !important; }

    a.navbar-brand img { width: 245px !important; }
    .jumbotron { height: 150px !important; }
    .jumbotron h1 { font-size: 2rem; }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    a.navbar-brand img { width: 345px !important; }
    .jumbotron { height: 220px !important; }
    .jumbotron h1 { font-size: 3.5rem; }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}




html,
body {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  height: 100%;
  width: 100%; 

}
 
.wrapper {
  display: table;
  height: 100%;
  width: 100%;
}




.container-listings {
  display: table-cell;
  padding: 1em;
  /*text-align: center;*/
  vertical-align: middle;
}

@media (min-width: 450px) {
  h1.heading {
    font-size: 3.55em;
  }
}
@media (min-width: 760px) {
  h1.heading {
    font-size: 3.05em;
  }
}
@media (min-width: 900px) {
  h1.heading {
    font-size: 3.25em;
    margin: 0 0 0.3em;
  }
} 
.card {
  display: block; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.img-card {
  width: 100%;
  height:200px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
    overflow: hidden;
}
.img-card img{
  width: 100%;
  height: 200px;
  object-fit:cover; 
  transition: all .25s ease;
} 
.card-content {
  padding:15px;
  text-align:left;
}
.card-title {
  margin-top:0px;
  font-weight: 700;
  font-size: 1.65em;
}
.card-title a, .card-title a:hover, .card-title a:visited, .card-title a:active,
.card-read-more a, .card-read-more a:hover, .card-read-more a:visited, .card-read-more a:active
 {
  color: #007642 !important;
  text-decoration: none !important;
}
.card-read-more {
  border-top: 1px solid #D4D4D4;
}
.card-read-more a {
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
  text-transform: uppercase
}