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

.sf-field-search ul li {float: right;}



/* For Desktop View */
@media screen and (min-width: 1024px) {
  :root {
    font-size:16px;
  }
}

/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  :root {
    font-size:13px;
  }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
  :root {
    font-size:11px;
  }
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

h2.elementor-heading-title {margin: 0 0 0 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.dlt-container-spacer-small {height: 0.5rem;}
.dlt-container-spacer-medium {height: 2rem;}
.dlt-container-spacer-large {height: 11.5rem;}


#dlt-page-header {padding: 30px; background-color: #EEEEEE; 
}

#dlt-page-header #dlt-post-info ul li,
#dlt-page-header #dlt-breadcrumbs #breadcrumbs,
#dlt-page-header #dlt-breadcrumbs #breadcrumbs  a 
{
    font-size: 1.2rem;
    
}




.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 {float: left;  background: #f9f9f9;
padding: 1rem 0 1rem 0;  margin-bottom: 1rem;}
#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;
}

/*  ARTICLES */
#search-filter-form-2938 ul li {float:left; }
.sf-input-select {width: 15rem; margin-left: 1rem;}
.sf-field-search .sf-input-text {background-color: #fff; color: #fff; height: 2.5rem; margin-right: 1rem;}
.elementor-kit-1975 .searchandfilter input:not([type="button"]):not([type="submit"]) {height: 2.5rem;background-color: #fff; }
.elementor-kit-1975 .searchandfilter input:not([type="button"]):not([type="submit"]), .elementor-kit-1975 textarea, .elementor-kit-1975 .elementor-field-textual {border-color: #000;  }
.elementor-kit-1975 #search-filter-form-2938 li.sf-field-reset {margin-left: 1rem;}
.elementor-kit-1975 .searchandfilter input:not([type="button"]):not([type="submit"]), .elementor-kit-1975 textarea, .elementor-kit-1975 .elementor-field-textual {border-color: #000;}