// Set the variable defaults in case they are missing in the template
$base-element-color: #f8f8f8 !default;

.g-price-lists {
	&:not(.gutter-disabled) {
		margin-left: -($content-padding);
		margin-right: -($content-padding);
	}
	.g-price-list {
		@include breakpoint(mobile-only) {
			margin-bottom: 30px;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.g-content {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
		height: 100%;
	}
	.g-price-list-inner {
		margin: 0;
		border: 1px solid $base-border-color;
		list-style: none;
		background: #ffffff;
		position: relative;
		overflow: hidden;
		padding: 30px;
		height: 100%;
	}
	.color1 {
		.g-price-list-inner {
			border: none !important;
			background: $base-element-color;
		}
	}
	.color2 {
		.g-price-list-inner {
			border: none !important;
			background: darken($base-element-color, 7%);
		}
	}
	.g-list-title {
		margin: -5px 0 25px 0;
	}
	.g-price-list {
		> div {
			height: 100%;
		}
	}
	.g-item-container {
		margin-bottom: 20px;
	}
	.g-item-price {
		float: right;
		@include breakpoint(small-mobile-range) {
			float: none;
			display: block;
			margin-top: 5px;
		}
	}
	.g-item-desc {
		font-style: italic;
		margin-top: 5px;
		font-size: 90%;
	}
	.g-price-lists-button {
		text-align: center;
		margin-top: 40px;
		i {
			margin-right: 10px;
		}
	}
	&.gutter-disabled {
		> .g-grid { 
			border: 1px solid $base-border-color;
			@include breakpoint(mobile-only) {
				border: none;
			}
		}
		.g-price-list-inner {
			border: none;
			border-right: 1px solid $base-border-color;
			border-radius: 0;
			@include breakpoint(mobile-only) {
				border: 1px solid $base-border-color;
			}
		}
		.g-price-list {
			&:last-child {
				.g-price-list-inner {
					border-right: none;
					@include breakpoint(mobile-only) {
						border-right: 1px solid $base-border-color;
					}
				}
			}
		}
	}
}