/* ========================================
   Articles Styles for Dragon Lore Tours Theme
   Author: Your Name, Date: YYYY-MM-DD
   Note: Styles for site-header and header elements
   ======================================== */




.post-grid {
  clear: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.grid-item img {
  /* Set fixed height */
  height: 15rem;
  width: 100%;
  object-fit: cover;
  display: block;
}

.post-info {color: var(--color-muted);}
.post-info .list-item {margin-bottom: var( --space-md); color: #}

.dlt-grid-container {margin-top: 2rem;margin-bottom: 0rem;}

#dlt-grid-container-first{
margin-bottom: 2rem;}
.dlt-grid-content-row {margin-top: 2rem;margin-bottom: 0rem;}

/* Articles */
#search-filter-form-2938 {   }

#dlt-posts .elementor-posts .elementor-post__card .elementor-post__text {
    margin-bottom: 0;
    margin-top: 0px;
    padding: 0 0px
}
#dlt-tours-filter ul { padding: 0rem; margin: 0px;}
#dlt-tours-filter ul li {float: left; margin-right: 1rem; }
.sf-field-submit {clear: left;}
#dlt-tours-filter .searchandfilter select.sf-input-select {min-width: 4rem;;}



#dlt-posts {
    /*margin-top: 0.65rem; */
}

.searchandfilter, .searchandfilter ul {padding: 0px;margin: 0px;}
.searchandfilter ul li {float:left; margin-right: 1rem;}
.sf-input-select {
        width: 15rem; /*margin-left: 1rem;*/
}
.sf-field-search .sf-input-text {
     margin-right: 1rem;width: 10rem;
} 
.searchandfilter input:not([type="button"]):not([type="submit"]) {
    
}
 .searchandfilter textarea,
 #search-filter-form-2938 li.sf-field-reset 
{
    margin-left: 1rem;
}

.searchandfilter input:not([type="button"]):not([type="submit"]), 
.searchandfilter textarea,  {
    border-color: #000;
}


/* Image alignment for left and right images */
.alignleft,
.wp-caption.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
  max-width: 48%;
  clear: none;
}

.alignright,
.wp-caption.alignright {
  float: right;
  margin: 0 0 1em 1.5em;
  max-width: 48%;
  clear: none;
}

/* Make sure images with captions don't overflow */
.wp-caption {
  background: #f8f8f8;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  padding: 0.45em 0.8em 0.6em;
  margin-bottom: 1em;
  text-align: center;
  box-sizing: border-box;
  max-width: 100%;
}

.wp-caption img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  font-size: 0.93em;
  color: #555;
  margin-top: 0.55em;
  text-align: center;
}



/* Mobile: ≤800px */
@media (max-width: 800px) {
  .alignleft,
  .alignright,
  .wp-caption.alignleft,
  .wp-caption.alignright {
    float: none;
    display: block;
    margin: 0 auto 1em auto;
    max-width: 98%;
    clear: both;
  }
  
  .post-grid {
   grid-template-columns: repeat(1, 1fr);
  }
}