/********* Do not edit this file *********/
/*
 Accesspress Custom CSS - plugin by https://accesspressthemes.com
*/

/* ===================================
GLOBAL
=================================== */

/* text input placeholder text (darken from default) */
::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.8) !important; }
::-moz-placeholder          { color: rgba(0, 0, 0, 0.8) !important; }
:-ms-input-placeholder      { color: rgba(0, 0, 0, 0.8) !important; }

@media screen and (max-width: 768px){
  .hide-on-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px){
  .hide-on-desktop {
    display: none !important;
  }
}


/* ===================================
BUTTONS added via Post Snippets plugin
mocofoodcouncil.org/wp-admin/options-general.php?page=post-snippets
=================================== */

.moco-button {
  background: #138545;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin: 0 10px 10px 0;
  padding: 7px 14px 8px;
}

.moco-button-gray {
  background: #F1F2F3;
  color: #444;
}


/* ===================================
DIRECTORY PRO PLUGIN
=================================== */

/* COMMON ----------------------------------------- */

/* remove default -5px margins */
.drts-row {
  margin-right: 0;
  margin-left: 0;
}

/* secondary outlined buttons (filter, sort, etc) */
:root .drts-bs-btn-outline-secondary {
  color: #666666 !important;
  font-weight: bold !important;
  border: solid #a1a1a1 1px !important;
}
/* hover */
:root .drts .drts-bs-btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #a1a1a1;
  border-color: #a1a1a1 !important;
}

/* random fix for instagram icon which Directories Pro makes  blue */
span.fa.fa-instagram {
  color: inherit;
}

/* LISTINGS ----------------------------------------- */

/* min 100% screen height so tall map doesn't overlap footer after search when only a few listings show */
.drts-location-entities-map-container {
  min-height: 100vh;
}

/* on mobile, push listings down so first entry isn't hidden under map when it's marker icon is clicked */
@media screen and (max-width: 768px){
  .drts-location-entities-with-map-top .drts-view-entities-list-row {
    top: 130px;
    position: relative;
  }
}

/* listing wrapper */
:root .drts-view-post-entities .drts-display--summary {
  margin-right: 15px;
  border-radius: 4px;
  transition: background 300ms, box-shadow 300ms;
}
/* hover */
:root .drts-view-post-entities .drts-display--summary:hover {
  background: #f9f9f9 !important;
}
/* highlighted after clicking on map */
:root .drts-display--summary.drts-highlighted {
  border-color: #737373 !important;
  background: #f9f9f9 !important;
}

/* inner */
.drts-display--summary .directory-listing-main {
  padding: 1.1em !important;
}
/* default added by plugin within Manage Displays > Summary > Custom CSS */
.drts-display--summary .directory-listing-labels {
  position: absolute;
  top: 5px;
  left: 10px;
}
.drts-display--summary .directory-listing-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* listing title within summary */
:root .drts-display--summary .directory-listing-title {
  font-family: 'Lato';
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}

/* contact fields */
.drts-display--summary .directory-listing-contact-info {
  font-size: 0.9em;
  margin: 0.5em 0 0;
  font-weight: 400;
}
/* contact field items */
.drts-display--summary .directory-listing-contact-info .drts-bs-list-group-item {
  padding-bottom: 0 !important;
}

/* distance next to address */
.drts-bs-badge.drts-location-distance {
  display: none !important;
}

/* custom fields */
.drts-display--summary .directory-listing-info {
  font-size: 0.85em;
  margin: 0.5em 0 0;
}

/* value after label */
:root .drts-entity-field-label {
  margin-right: 6px;
}

/* separator between custom fields (put on separate lines) */
.drts-display-group-element-separator {
  width: 100%;
}

/* photo within listing */
:root .directory-listing-photo {
  margin: 16px 13px 0 0;
}


/* FILTER MODAL ----------------------------------------- */

/* heading */
:root .drts-bs-card-header {
  font-weight: bold !important;
}

/* filter items */
:root .drts-form-field-radio-options>.drts-bs-custom-control {
  margin-bottom: 10px !important;
  line-height: 18px !important;
  padding-left: 20px !important;
}

/* count number in parentheses within label */
.drts .drts-bs-custom-control-label span {
  font-size: 0.8em;
  opacity: 0.4;
}

/* filter item checkbox */
:root .drts .drts-bs-custom-control-label::after, .drts .drts-bs-custom-control-label::before {
  left: -20px !important;
  width: 12px !important;
  height: 12px !important;
  top: 3px !important;
}

/* on Languages filter, turn into columns (very specific so it's only applied when the filter is on a row by itself) */
#drts-form-444be7e89e92454432de008b9b942dba-filter-field-languages-options .drts-bs-col-sm-12 {
  columns: 140px;
}


/* SEARCH FORM, FILTER, ETC. ----------------------------------------- */

/* search form container */
:root .drts-search-form {
  margin-bottom: 15px !important;
}

/* search form text input */
:root .drts-search-form-field .drts-form-type-textfield input[type=text],
:root .drts-search-form-field .select2-container .select2-selection--single {
  box-shadow: none !important;
  border: solid #a1a1a1 1px !important;
  font-size: 13px;
}

/* search button */
.drts-search-form-submit {
  font-size: 1.3rem !important;
  background: #00853f !important;
  border-color: #00853f !important;
}

/* "Search results for X" heading */
.drts-main h2 {
  font-size: 1.8rem;
  font-weight: 700;
  font-style: italic;
  color: green;
}

/* Show Filters button */
button.drts-view-nav-item-name-filter {
  font-size: 1.2rem !important;
}

/* Applied Filters text */
.drts-view-entities-filters-applied {
  font-weight: bold;
  font-size: 0.9em;
  color: #008538;
}

/* "Showing X of X" text */
span.drts-view-nav-item.drts-view-nav-item-name-num {
  font-size: 13px;
  margin-left: 8px;
}

/* MAP ----------------------------------------- */

/* map container */
.drts-map-container {
}

/* map on side */
.drts-location-entities-with-map-side .drts-map-map {
  min-height: 95vh;
}

/* map on top */
.drts-location-entities-with-map-top .drts-map-map {
  min-height: 40vh;
}

/* button: zoom (prevent from being highter than search autocomplete box) */
:root .drts-location-map-controls {
  z-index: 1;
}

/* button: full screen expand/contract */
:root i.fas.fa-expand, i.fas.fa-compress {
  font-size: 2rem;
}
/* button: change map type */
:root .gm-style .gm-style-mtc div {
  font-size: 12px !important;
}

/* pin map marker */
.drts-map-marker {
  width: 28px !important;
  height: 28px !important;
  transition: transform 500ms;
}

/* pin map marker inner */
.drts-map-marker>div {
  border: 2px solid;
}

/* hide icon within marker */
.drts-map-marker .fas:before {
  opacity: 0 !important;
}

/* override default bounce animation with custom animation below */
.drts-map-marker-bounce {
  box-shadow: 0 0 24px #000 !important;
  animation: drts-map-marker-bounce-subtle .5s infinite ease-in !important;
  -webkit-animation: drts-map-marker-bounce-subtle .5s infinite ease-in !important;
}
/* more subtle icon bounce */
@keyframes drts-map-marker-bounce-subtle {
  0% {
    transform: translate(-50%,-130%) rotate(-45deg) scale(1.3);
  }
  50% {
    transform: translate(-50%,-110%) rotate(-45deg) scale(1.3);
  }
  100% {
    transform: translate(-50%,-130%) rotate(-45deg) scale(1.3);
  }
}
@-webkit-keyframes drts-map-marker-bounce-subtle {
  0% {
    transform: translate(-50%,-130%) rotate(-45deg);
  }
  50% {
    transform: translate(-50%,-110%) rotate(-45deg);
  }
  100% {
    transform: translate(-50%,-130%) rotate(-45deg);
  }
}


/* ===================================
PRINT STYLES
=================================== */

@media print {
  
  .hide-on-mobile, /* class added to desktop map */
  header#masthead, /* logo */
  .entry-content > .row, /* intro text */
  .drts-search-search, /* search boxes */
  .drts-view-entities-header, /* filter button */
  .drts-location-map-container-container, /* map */ 
  .site-footer, /* site footer */
  .entry-footer /* WP edit button */ {
    display: none;
  }
  
  /* close gap under page title */
  .entry-content {
    margin-top: -15px;
  }
  
  /* avoid breaking within listing */
  .drts-row {
    page-break-inside: avoid;
  }

}