/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


@media only screen and (max-width: 600px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(150px,1fr));
    grid-auto-rows: 20px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px; 
  }
}

@media only screen and (min-width: 601px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    grid-auto-rows: 10px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px; 
  }
}

@media only screen and (min-width: 992px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
    grid-auto-rows: 10px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px; 
  }
}

@media only screen and (min-width: 1200px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
    grid-auto-rows: 10px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 20px;
  }
}

/* @media only screen and (min-width: 1200px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(450px,1fr));
    grid-auto-rows: 10px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 20px;
  }
} */


@media only screen and (min-width: 1600px) {
  .grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(500px,1fr));
    grid-auto-rows: 10px;
  }
  .fl-row-content {
    padding-top: 25px;
    padding-right: 20px;
  }
}

/* 
.grid {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fill, minmax(500px,1fr));
  grid-auto-rows: 40px;
} */

.item {
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
}

.image-thumbnail {
  width: 100%;
}

.desc {
  padding: 10px 10px 5px 10px;
}

.content {
  margin: 0;
  padding: 0 0 20px 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.image-title {
  background-color: #F7F7F7;
  padding: 15px 15px 15px 15px;
  /* margin-bottom: 20px; */
  }

/* .fl-row-content {
  padding-top: 25px;
  padding-right: 20px;
} */