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

/** General */
	section.flexible-content.quick-links-grid {
		max-width: unset;
		padding: 0;
	}
	.quick-links-grid .container {
		flex-wrap: wrap;
		margin: 0 auto;
		max-width: 1600px;
		padding: 4em;
	}

		.quick-links-grid .container > h2 {
			font-size: 28px;
			letter-spacing: -0.01em;
			margin-bottom: 2em;
			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;
		}

		/* Owl carousel fixed height and width */
			.quick-links-grid .links-grid .owl-item {
				position: relative;
				overflow: hidden;
				/* force size */
				width: 20vw!important;
				height: 20vw!important;
				min-width: 230px!important;
				min-height: 230px!important;
				max-width: 300px!important;
				max-height: 300px!important;
				margin: 0 20px!important;
			}

			@media ( max-width: 1199px ) {

				.quick-links-grid .links-grid .owl-item {

					width: 33vw!important;
					height: 33vw!important;

				}

			}

			@media ( max-width: 1175px ) {

				.quick-links-grid .links-grid .owl-item {

					width: 25vw!important;
					height: 25vw!important;

				}

			}

			@media ( max-width: 849px ) {

				.quick-links-grid .links-grid .owl-item {

					width: 50vw!important;
					height: 50vw!important;

				}

			}

			@media ( max-width: 675px ) {

				.quick-links-grid .links-grid .owl-item {

					width: 40vw!important;
					height: 40vw!important;

				}

			}

			@media ( max-width: 599px ) {

				.quick-links-grid .links-grid .owl-item {

					width: 100vw!important;
					height: 100vw!important;

				}

			}

				.quick-links-grid .links-grid .single-link {
					width: 100%;
					height: 100%;
				}

					.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-title {
						font-family: goudy-old-style, serif;
						position: absolute;
						top: 25%;
						text-align: center;
						width: 100%;
						color: #fff;
						font-size: 2em;
						background-color: rgba( 0, 0, 0, 0.5);
						-webkit-box-shadow: 0px 0px 40px 40px rgba( 0,0,0,0.5);
						box-shadow: 0px 0px 40px 40px rgba( 0,0,0,0.5);
					}

					.quick-links-grid .links-grid .single-link .link-wrap {
						border-radius: 3px;
						position: absolute;
						left: 50%;
						top: 70%;
						transform: translate(-50%, -50%);
						background: rgba(255,255,255,0.9);
						text-align: center;
						border: solid 1px rgba( 255,255,255,0.9 );
					}
					
					.quick-links-grid .single-link-wrap {
						min-width: 350px;
						display: flex;
						flex: 1 0 auto;
						height: 100%;
					}

					.quick-links-grid .links-grid .single-link .link-wrap span {
						display: block;
						padding: 1em;
						color: #4d7969;
						line-height: 1.3;
						font-size: 1em;
						font-weight: 600;
						text-decoration: none;
						font-weight: 600;
						transition: all .5s;
					}
					.quick-links-grid .links-grid .single-link .link-wrap:hover {
						border: solid 1px#4d7969;
					}

/** Responsive */
	/* */

		.quick-links-grid .owl-carousel .owl-stage{
			display: flex;
			justify-content: space-evenly;
		}


	@media only screen and (max-width: 1600px) { 
		
		.quick-links-grid .links-grid .single-link .link-title {
			font-size: 1.5em;
		}

	}

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

		.quick-links-grid .links-grid .single-link .link-wrap span {
			padding: 1em .5em;
		}

	}

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

		.quick-links-grid .links-grid .single-link .link-title {
			top: 20%;
		}

	}

	@media only screen and (max-width: 1000px) { 
		
		.quick-links-grid .links-grid .single-link .link-title {
			font-size: 2em;
		}

	}

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

		.quick-links-grid .links-grid .single-link .link-title {
			top: 15%;
		}

	}

	@media only screen and (max-width: 600px) {
		
		.quick-links-grid .links-grid .single-link .link-title {
			font-size: 1.5em
		}

	}

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

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

		.quick-links-grid .links-grid .single-link .link-title {
			font-size: 2em
		}

	}