/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 23 Apr 2024, 6:08 pm
*/

.foogallery .fg-caption {
    background-color: rgba(247,144,65,.4);
}

@media only screen and (min-width: 900px) {
	.fg-default.fg-gutter-10 {
		padding-left: 0px !important;
	}

	.fg-default.fg-gutter-10 .fg-item {
		margin-right: 1% !important;
		margin-bottom: 10px;
		width: 24% !important;
	}

	.fg-image-wrap .fg-image {
		width: 100% !important;
	}
}

@media only screen and (max-width: 899px) and (min-width: 480px)  {
	.fg-default.fg-gutter-10 {
		padding-left: 0px !important;
	}

	.fg-default.fg-gutter-10 .fg-item {
		margin-right: 1% !important;
		margin-bottom: 10px;
		width: 32.3% !important;
	}

	.fg-image-wrap .fg-image {
		width: 100% !important;
	}
}

@media only screen and (max-width: 479px) {
	.fg-default.fg-gutter-10 {
		padding-left: 0px !important;
	}

	.fg-default.fg-gutter-10 .fg-item {
		margin-right: 0 !important;
		margin-bottom: 10px;
		width: 100% !important;
	}

	.fg-image-wrap .fg-image {
		width: 100% !important;
	}
}