/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Contact Section */

.contact-email {
	color: #00416b;
}

.contact-email:hover {
	color: rgb(200, 169, 119);
}

.meeting-btn {
	background-color: rgb(200, 169, 119);
	color: #000;
}

.meeting-btn:hover {
	background-color: rgb(200, 169, 119);
	color: #fff;
}

.service-paragraph {
	line-height: 1.4 !important;
}

.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
	background-color: rgb(19, 66, 107);
}

.approach-icons {
	max-width: 1000px;
	margin: 0 auto;
}

.cornerstone-tabs {
	border-left: 1px solid #ddd !important;
}

.fbox-content p {
	color: #555;
}

.cornerstone-heading::after {
	display: none;
}

.menu-link:hover, .menu-link:focus {
	text-decoration: underline !important;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link, .dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
	color: rgb(200, 169, 119);
	text-decoration: underline !important;
}

.menu-item:hover {
	color: rgb(200, 169, 119);
}

.sticky-header .menu-link:hover, .sticky-header .menu-link:focus {
	color: rgb(200, 169, 119) !important;
}

.sticky-header .menu-item:hover > .menu-link, .sticky-header .menu-item.current > .menu-link, .sticky-header .dark .menu-item:hover > .menu-link, .sticky-header .dark .menu-item.current > .menu-link {
	color: rgb(200, 169, 119) !important;
	text-decoration: underline !important;
}

.process-wheel {
	width: 80%;
	max-width: 600px;
	height: auto;
}

.process-heading {
	color: #333;
	font-size: 2em;
}

a.menu-link {
	transition: padding 0s;
}

/* Footer */

.footer-nav li {
	list-style-type: none;
}

.breadcrumb {
	font-size: 1.1em !important;
}

.menu-link {
	color: #13426b;
}

/* FOOTER */

.dark #footer, #footer.dark {
	background-color: #F9F9F9;
	color: #13426B;
}

.dark .footer-widgets-wrap a,
#copyrights,
.copyright-links,
.copyright-links a {
	color: #13426b !important;
}

.dark .footer-widgets-wrap a:hover {
	color: #13426b;
	opacity: 0.8;
}

.breadcrumb {
	font-size: 1.3rem !important;
}

#page-title:nth-of-type(1) {
	display: none;
}

@media (max-width: 768px) {
	.team-hero-image {
		padding: 150px 0 !important;
	}

	.hero-text {
		font-size: 2rem !important;
	}
}

@media (max-width: 500px) {
	.team-hero-image {
		padding: 100px 0 !important;
	}
}

@media (min-width: 990px) {
	.cornerstone-tabs {
		border-left: none !important;
	}

	.cornerstone-2 {
		margin-left: 100px;
	}

	.cornerstone-3 {
		margin-left: 370px;
	}

	.cornerstone-4 {
		margin-left: 620px;
	}

	.process-heading {
		font-size: 3em;
	}
	.dark #header-wrap {
		background-color: #fff;
	}

	.dark .menu-link,
	.sticky-header .menu-link,
	.menu-item.sub-menu > .menu-link > div {
		color: #13426b;
	}
	
	.dark .menu-link:hover,
	.sticky-header .menu-link:hover,
	.menu-item.sub-menu > .menu-link:hover > div {
		color: rgb(200, 169, 119) !important;
	}
}

@media (min-width: 992px) and (max-width: 1156px) {
	
	.dark #header-wrap {
		background-color: #fff;
		padding-top: 2em;
	}

}

@media (min-width: 1200px) {
	.cornerstone-4 {
		margin-left: 650px;
	}
}

@media (max-width: 1200px) {
	.homepage-headline {
		transform: translateY(-120px);
	}
}