/**
 * Quick links grid specific styles
 * 
 */

/** General */
	.quick-links-grid .container {
		flex-wrap: wrap;
	}

		.quick-links-grid .container > h2 {
			font-size: 38px;
			letter-spacing: -0.01em;
			margin-bottom: 1em;
			text-align: center;
		}

		.quick-links-grid .intro {
			margin: 0 auto 3em;
			max-width: 1000px;
			text-align: center;
		}
		
		.quick-links-grid .container > h2, 
		.quick-links-grid .container .intro {
			flex: 100%;
		}

		.quick-links-grid .container > h2 + .intro {
			margin-top: -1em;
		}

		.quick-links-grid .links-grid {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

			.quick-links-grid .links-grid .owl-item {
				position: relative;
			}

				.quick-links-grid .links-grid .single-link {
					position: relative;
					height: 100%;
				}
				.quick-links-grid .links-grid .single-link::before {
					content: '';
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 10;
					-webkit-transition: all .25s;
					   -moz-transition: all .25s;
					    -ms-transition: all .25s;
					     -o-transition: all .25s;
					        transition: all .25s;
				}
				.quick-links-grid .links-grid .single-link:hover::before {
					background: rgb(140 152 141 / .7);
				}

					.quick-links-grid .links-grid .single-link img {
						width: 100%;
						height: 100%;
						border-radius: 0;
						object-fit: cover;
					}

					.quick-links-grid .links-grid .single-link .link-wrap {
						position: absolute;
						left: 15%;
						top: 20%;
						width: 70%;
						height: 60%;
						z-index: 20;
						display: flex;
						flex-flow: column;
						justify-content: space-between;
						text-align: center;
					}

					.quick-links-grid .links-grid .single-link .link-wrap .link-title {
						font-family: ff-ernestine-pro, serif;
						display: block;
						color: #ffffff;
						font-weight: 700;
						font-size: 2em;
						line-height: 1.3;
						text-shadow: 0 0px 30px #000;
					}

					.quick-links-grid .links-grid .single-link .link-wrap .solid-background {
						color: #335b40;
						background-color: #fff;
					}
					.quick-links-grid .links-grid .single-link .link-wrap .solid-background:hover{
						color: #fff;
						background-color: #8c988d;
					}

/** Responsive */
	/* */

		.quick-links-grid .owl-carousel .owl-stage{
			display: flex;
		}
	@media only screen and (max-width: 959px) { 
			.quick-links-grid .single-link-wrap {
				min-width: 350px;
				min-height: 350px;
				display: flex;
				flex: 1 0 auto;
				height: 100%;
			}

	}

	@media only screen and (max-width: 500px) {

		.quick-links-grid .single-link-wrap {
			flex: initial;
			min-width: 275px;
		}

	}