/* ********************************************************************************************* */
/* Custom Styling for This Particular Layout *************************************************** */
/* ********************************************************************************************* */

/* Container Sizing **************************************************************************** */
.bigger-wrap {
	max-width: 1675px;
}
.big-wrap {
	max-width: 1400px;
}
.wrap {
	max-width: 1200px;
}

/* Value Cards Styling ************************************************************************* */
.card {
	border: 0px;
	.card-img-top {
		border-bottom: 6px solid $color-quad;
	}
	.card-body {
		color: #5c5c5c;
		.card-text {
			font-family: $font-third;
			font-weight: normal;
			font-size: 0.8rem;
			color: #5c5c5c !important;
		}
	}
	.card-footer {
		background-color: #FFFFFF;
		border: 0px;
		padding: 0.75rem 1.25rem;
		margin: 0px;
		.learn-more {
			font-family: $font-third;
			font-weight: normal;
			font-size: 0.8rem;
			text-transform: uppercase;
			text-decoration: none;
			text-align: center;
			transition: all 0.5s ease;
			color: $color-quad !important;
			&:hover {
				color: $color-prime !important;
			}
		}
	}
}

/* Background Image for H3 Section ************************************************************* */
#background-contact-us {
	background-image: url(../images/banner/background-contact-us.jpg);
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	min-height: 350px;
}

/* Border to the Right on Desktop ************************************************************** */
.to-the-right {
	border-right: 1px solid lighten($color-second, 10%);
	border-bottom: 0px;
	padding: 0.5rem;
	@media screen and (max-width: $breaklrg) {
		border-bottom: 1px solid lighten($color-second, 10%);
		border-right: 0px;
	}
}

/* Repeating Pattern as a Background *********************************************************** */
#background-pattern {
	background-image: url(../images/speckled-pattern.jpg);
	background-position: center center;
	background-attachment: scroll;
	background-repeat: repeat;
}

/* Positioning the Large Navigation Logo in Center Overlay ************************************* */
#nav-logo {
	position: absolute;
	z-index: 1;
	top: -15px;
	left: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
	border: 1px solid #FEFEFE;
	padding: 0.25rem;
}

/* ********************************************************************************************* */