/* ------------------------------------*\
    COLOURS
\*------------------------------------ */
/* ------------------------------------*\
    FONT FAMILY
\*------------------------------------ */
/* ------------------------------------*\
    FONT WEIGHTS
\*------------------------------------ */
/* ------------------------------------*\
    FONT SIZES
\*------------------------------------ */
/* ------------------------------------*\
    PAGE SIZES
\*------------------------------------ */
.browse {
  padding-top: 55px;
  background-color: #000;
}
.browse__wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 0 0 50px;
  row-gap: 20px;
  grid-column-gap: 20px;
  margin-top: 50px;
}
@media only screen and (max-width: 1279px) {
  .browse__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .browse__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
	.grill-products .pellets-main__wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
		width: 100%;
    	margin: 0 auto;
	}
	.browse__wrapper a {
    	display: ruby;
    	text-align: center;
	}
}
@media only screen and (max-width: 767px) {
  .browse__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
	.grill-products .pellets-main__wrapper {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}
.browse__item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 160px;
  height: 160px;
}
.browse__videos-btn {
  text-align: center;
}
.browse__videos {
  margin-top: 35px;
  padding-bottom: 60px;
}
.browse__videos .single-vid-col {
  position: relative;
  border: 0.25px solid #cecece;
  border-radius: 4px 4px 4px 4px;
  padding-top: 2px;
}
.browse__videos .single-vid-col p {
  color: #fff;
  padding: 1px 13px;
  text-transform: uppercase;
  min-height: 60px;
}

.grill-products .pellets-main__wrapper {
	grid-template-columns: repeat(3, 1fr);
	width: 80%;
    margin: 0 auto;
} 
.browse__videos .single-vid-col .site-btn {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  padding: 5px 0px;
  font-size: 14px;
  font-weight: 600;
}
.browse__title, .browse__vid-title {
  text-align: center;
  color: #fff;
}

.grill-products {
  padding-top: 50px;
}
.grill-products__title {
  text-align: center;
  margin-bottom: 35px;
}

.beef {
  background-image: url(/wp-content/themes/bonline/images/recipes/Beef.webp);
}

.beef:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Beef-Red-Overlay.png);
}

.lamb {
  background-image: url(/wp-content/themes/bonline/images/recipes/Lamb.webp);
}

.lamb:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Lamb-Red-Overlay.png);
}

.pork {
  background-image: url(/wp-content/themes/bonline/images/recipes/Pork.png);
}

.pork:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Pork-Red-Overlay.png);
}

.poultry {
  background-image: url(/wp-content/themes/bonline/images/recipes/Poultry.webp);
}

.poultry:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Poultry-Red-Overlay.png);
}

.vegetables {
  background-image: url(/wp-content/themes/bonline/images/recipes/Vegtables.webp);
}

.vegetables:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Vegtables-Red-Overlay.png);
}

.seafood {
  background-image: url(/wp-content/themes/bonline/images/recipes/Seafood.webp);
}

.seafood:hover {
  background-image: url(/wp-content/themes/bonline/images/recipes/Seafood-Red-Overlay.png);
}

/*# sourceMappingURL=recipes.css.map */