/*
	Featured Section 
 */
.featured-section.flex-box {
	
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	background: #f0f0f0;
	background: linear-gradient(to right, #009f6e 0%, #66bd58 100%);
	background: linear-gradient(to right, $pestrequest-blue 0%, darken($pestrequest-blue,30) 100%);
//				background: ;
	font-size: .85em;

	@media only screen and (min-width: 1275px) {
		font-size: .90em;
	}

	@media only screen and (min-width: 1400px) {
		font-size: 1em;
	}

	@media only screen and (min-width: 1600px) {
//		font-size: 1.1em;
	}

	@media only screen and (min-width: 1700px) {
//		font-size: 1.15em;
	}

	@media only screen and (min-width: 1700px) {
//		font-size: 1.2em;
	}


	.item {
		flex: 1 1 12em; 

		//	Owl Carousel
		&.slider {
			flex: 0 0 100%;
			overflow: hidden;

			@media only screen and (min-width: $large-screen) {
				flex: 0 0 65%;
			}
		}

		/*
			Form

		 */
		&.form {
			flex: 0 0 35%;
			display: none;

			@media only screen and (min-width: $large-screen) {
				display: block;
			}

			color: white;
			padding: 1em 2em;

			p.title {
				display: inline-block;
				background: $flat-red;
				color: white;
//				letter-spacing: -.5px;
				text-transform: uppercase;
				font-weight: 700;
				padding: 5px;
				margin-bottom: .5em;

				strong {
				}
			}

			form {
//				font-size: .85em;
				@media only screen and (min-width: 1400px) {
//					font-size: 1em;
				}

				margin-top: 1em;

				> p {
					margin: 0;
				}

				textarea,
				input {
					font-size: inherit;
					border-radius: 0;
					border: none;
					box-shadow: none;

					@media only screen and (min-width: 1485px) {
//						font-size: 1em;
					}
				}

				button, [type='button'], [type='reset'], [type='submit'] {
					background: $flat-yellow;
//					font-size: 1.2em;
					font-weight: 300;
					letter-spacing: 1px;
					line-height: 40px;
					text-transform: uppercase;
					padding: 0 2em;
					border-radius: 0;
				}
			}

			span:nth-of-type(1),
			span:nth-of-type(2) {
				display: inline-block;
				width: 49%;
				margin-right: 2%;
			}

			span:nth-of-type(3),
			span:nth-of-type(4) {
				display: inline-block;
				width: 49%;
				margin-right: 2%;
			}

			span:nth-of-type(2),
			span:nth-of-type(4) {
				margin-right: 0;
			}

			span.wpcf7-quiz-label {
				width: 100%;
				font-size: inherit;
				margin-right: 0;
			}
		}
	}

	.owl-nav {
		div {
			position: absolute;
			width: 35px;
			height: 60px;
			top: 50%;
			margin-top: -30px;
			background-image: url(../img/chevron-left.svg);
			background-size: 80px;
			background-position: center;
			overflow: hidden;
			text-indent: -9999px;

			&.owl-prev {
				left: 40px;
			}

			&.owl-next {
				right: 40px;
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
		}
	}

    .carousel-content {
    	position: relative;
	}

	.owl-dots {
		display: flex;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		position: absolute;
		bottom: 20px;
		left: 50%;

		.owl-dot {
			padding: 0 3px;

			span {
				display: block;
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: rgba(248, 248, 248, 0.49);
			}

			&.active {
				span {
					background: $base-accent-color;
				}
			}
		}
	}
}