/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#syxsense-resource-filters {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  margin-bottom: 2rem;
}



.resource-filter .resource-filter-options {
  display: none;
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 1rem;
  z-index: 100;
}



.resource-filter.active .resource-filter-options {
  display: grid;
  grid-template-columns: auto 1rem;
  justify-content: space-between;
  align-items: center;
}


.resource-filter {
  border: 1px solid #ccc;
  border-radius: 0px;
}

.resource-filter .resource-filter-button {
  background: none;
  border: none;
  width: 100%;
  padding: 1rem;
  text-align: left;
  background: url(../syxsense-child-theme/img/select-arrow.png) no-repeat right white;
  background-position-x: 95%;
}

.resource-filter.active .resource-filter-button {
  background-image: url(../syxsense-child-theme/img/select-arrow-up.png);

}

/* CSS for desktops only */
@media only screen and (min-width: 1024px) {
  /* Add your CSS here */
  #syxsense-resource-filters {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2rem;
  }
  .resource-filter {
    position:absolute;
    width: 22%;
  }
}

/* #syxsense-resources-filter select, #syxsense-resources-filter input {
  border-radius: 0px;
  border: 1px solid #ccc;
  padding: 0.5rem;
} */

#syxsense-resource-filters select {
  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none;
  background: url(../syxsense-child-theme/img/select-arrow.png) no-repeat right white;
  
}

#syxsense-resource-filters #search-filter {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
/* #syxsense-resources-filters #search-filter-button {
  border-radius: 0px;
} */

#resource-message {
  text-align:center;
  height: 1.5rem;
  margin: 4rem 0;
}