/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */
.filter{
   width:90%;
   text-align:center;
   background-color:#fac314;
   margin:0 5% 5% 5%;
   color:#fff;
 }
 .sf-field-post-meta-locatie ul{
   padding-left:0px;
 }
 .sf-field-search label, .sf-field-post-meta-locatie label{
 width:90%;
 }
 .sf-field-search input, .sf-field-post-meta-locatie select{
 border: 1px solid #e7e7e7;
     padding: 10px 10px 10px 5px;
     color: #4e4e4e;
     border-radius: 10px;
     font-size: 16px;
   width:100%;
 }
 .stne-wrapper{
   margin-bottom:50px;
   /*border-radius:220px;*/
   background-color:#fff;
   padding-right:60px;
   position:relative;
 } 
 .stne-results{
    display:none;
  }
 .stne-img{
     float:left;
     width:30%;
     text-align: left;
 }
 .stne-img img {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     object-fit: cover!important;
   vertical-align: middle;
   margin: 20px 0px 20px 20px;
 }
 h2.stne-title{
   padding-bottom:5px;
 }
 .stne-locatie{
   color: #fac314;
 }
 .stne-content{
     float:left;
     width:70%;
 }
 .stne-link{
   position:absolute;
   bottom:10px;
   right:50px;
 }
 
.stne-results{
   display:none;
 }

@media only screen and (min-width: 980px) and (max-width: 1300px) {
   .stne-img img {
    width: 150px;
    height: 150px;
 }
 .stne-link {
  position: initial;
  }
  .sf-field-search label, .sf-field-post-meta-locatie label{
   width:auto;
   }
}
@media only screen and (max-width: 980px) {
.stne-wrapper{
  margin-bottom:50px;
  background-color:#fff;
  padding:15px 30px 15px 30px;
  position:relative;
} 
.stne-img{
    float:none;
    width:100%;
    text-align: center;
}
.stne-content{
    float:none;
    width:100%;
    text-align: center;
}
 .stne-link {
  position: initial;
  text-align: center;
  }
   .sf-field-search label, .sf-field-post-meta-locatie label{
   width:90%;
   }
}